From cef93c07f32a6b635b9e59bc1980cabeb73cd3c5 Mon Sep 17 00:00:00 2001
From: XkijuX <sanderhegland@gmail.com>
Date: Thu, 5 May 2022 20:25:25 +0200
Subject: [PATCH] Fixed test by adding more await ??
---
.../login-form-component.spec.js | 2 +-
.../login-form-valid-login.spec.js | 19 ++++++++++++++-----
2 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/tests/unit/component-tests/user-component-tests/login-form-component/login-form-component.spec.js b/tests/unit/component-tests/user-component-tests/login-form-component/login-form-component.spec.js
index 6a6b69f..a055978 100644
--- a/tests/unit/component-tests/user-component-tests/login-form-component/login-form-component.spec.js
+++ b/tests/unit/component-tests/user-component-tests/login-form-component/login-form-component.spec.js
@@ -1,5 +1,5 @@
import { shallowMount } from "@vue/test-utils";
-import LoginForm from "@/components/FormComponents/LoginForm.vue";
+import LoginForm from "@/components/UserAuthComponents/LoginForm.vue";
jest.mock('@/utils/apiutil', () => {
return {
diff --git a/tests/unit/component-tests/user-component-tests/login-form-component/login-form-valid-login.spec.js b/tests/unit/component-tests/user-component-tests/login-form-component/login-form-valid-login.spec.js
index 5a04a6f..0c8ed03 100644
--- a/tests/unit/component-tests/user-component-tests/login-form-component/login-form-valid-login.spec.js
+++ b/tests/unit/component-tests/user-component-tests/login-form-component/login-form-valid-login.spec.js
@@ -1,6 +1,15 @@
import { shallowMount } from "@vue/test-utils";
-import LoginForm from "@/components/FormComponents/LoginForm.vue";
+import LoginForm from "@/components/UserAuthComponents/LoginForm.vue";
+jest.mock("@/services/user.service", () => {
+ return {
+ getAdminList: () => {
+ return new Promise((resolve) => {
+ resolve([]);
+ });
+ }
+ };
+});
jest.mock('@/utils/apiutil', () => {
return {
doLogin: () => {
@@ -21,7 +30,7 @@ describe("LoginForm component", () => {
const mockStore = {
commit: jest.fn()
}
-
+
beforeEach(() => {
wrapper = shallowMount(LoginForm, {
global: {
@@ -34,7 +43,7 @@ describe("LoginForm component", () => {
});
it("Check valid login", async () => {
-
+
// Verify that the error message is empty
expect(wrapper.vm.message).toBe("");
const field = wrapper.findAll("input")[0];
@@ -46,9 +55,9 @@ describe("LoginForm component", () => {
const button = wrapper.find(".login");
button.trigger("click");
- // wait a tick
+ // wait for two ticks
+ await wrapper.vm.$nextTick();
await wrapper.vm.$nextTick();
-
// Check that the error message is not empty
expect(mockRouter.push).toBeCalledTimes(1);
})
--
GitLab