Fix router-related test failures

Add router to test mounts for Vue 3/VTU v2 compatibility.

Author: dannon

client/src/components/History/Export/HistoryExportWizard.test.ts

@@ -1,5 +1,5 @@
 import { createTestingPinia } from "@pinia/testing";
-import { getLocalVue } from "@tests/jest/helpers";
+import { getLocalVue, injectTestRouter } from "@tests/jest/helpers";
 import { mount } from "@vue/test-utils";
 import flushPromises from "flush-promises";
 import { setActivePinia } from "pinia";
@@ -10,6 +10,7 @@ import type { BrowsableFilesSourcePlugin } from "@/api/remoteFiles";
 import HistoryExportWizard from "./HistoryExportWizard.vue";
 
 const localVue = getLocalVue(true);
+const router = injectTestRouter();
 
 const FAKE_HISTORY_ID = "fake-history-id";
 const FAKE_HISTORY_NAME = "Test History";
@@ -99,7 +100,7 @@ async function mountHistoryExportWizard(options: MountOptions = {}) {
         },
         global: {
             ...localVue.global,
-            plugins: [...localVue.global.plugins, pinia],
+            plugins: [...localVue.global.plugins, pinia, router],
         },
     });
 

client/src/components/Login/LoginForm.test.ts

@@ -1,5 +1,5 @@
 import { createTestingPinia } from "@pinia/testing";
-import { getLocalVue } from "@tests/jest/helpers";
+import { getLocalVue, injectTestRouter } from "@tests/jest/helpers";
 import { mount } from "@vue/test-utils";
 import axios from "axios";
 import MockAdapter from "axios-mock-adapter";
@@ -12,6 +12,7 @@ import { HttpResponse } from "@/api/client/__mocks__/index";
 import MountTarget from "./LoginForm.vue";
 
 const globalConfig = getLocalVue(true);
+const router = injectTestRouter();
 
 const { server, http } = useServerMock();
 
@@ -30,7 +31,7 @@ async function mountLoginForm() {
         },
         global: {
             ...globalConfig.global,
-            plugins: [...globalConfig.global.plugins, testingPinia],
+            plugins: [...globalConfig.global.plugins, testingPinia, router],
             stubs: {
                 ExternalLogin: true,
             },

client/src/components/Login/LoginIndex.test.js

@@ -1,9 +1,10 @@
 import { mount } from "@vue/test-utils";
-import { getLocalVue } from "tests/jest/helpers";
+import { getLocalVue, injectTestRouter } from "tests/jest/helpers";
 
 import MountTarget from "./LoginIndex.vue";
 
 const globalConfig = getLocalVue(true);
+const router = injectTestRouter();
 
 const SELECTORS = {
     REGISTER_TOGGLE: "[id=register-toggle]",
@@ -19,7 +20,10 @@ describe("LoginIndex", () => {
                 allowUserCreation: false,
                 sessionCsrfToken: "sessionCsrfToken",
             },
-            global: globalConfig.global,
+            global: {
+                ...globalConfig.global,
+                plugins: [...globalConfig.global.plugins, router],
+            },
         });
     });
 

client/src/components/Register/RegisterForm.test.ts

@@ -1,12 +1,13 @@
 import { createTestingPinia } from "@pinia/testing";
-import { getLocalVue } from "@tests/jest/helpers";
+import { getLocalVue, injectTestRouter } from "@tests/jest/helpers";
 import { mount, type VueWrapper } from "@vue/test-utils";
 import axios from "axios";
 import MockAdapter from "axios-mock-adapter";
 
 import MountTarget from "./RegisterForm.vue";
 
 const localVue = getLocalVue(true);
+const router = injectTestRouter();
 
 // const SELECTORS = {
 //     LOGIN_TOGGLE: "[id=login-toggle]",
@@ -27,7 +28,7 @@ describe("RegisterForm", () => {
             },
             global: {
                 ...localVue.global,
-                plugins: [...localVue.global.plugins, pinia],
+                plugins: [...localVue.global.plugins, pinia, router],
             },
         });
     });

client/src/components/Tool/ToolSuccessMessage.test.ts

@@ -1,5 +1,5 @@
 import { mount, type VueWrapper } from "@vue/test-utils";
-import { getLocalVue } from "tests/jest/helpers";
+import { getLocalVue, injectTestRouter } from "tests/jest/helpers";
 
 import jobInformationResponse from "@/components/JobInformation/testData/jobInformationResponse.json";
 
@@ -32,6 +32,7 @@ const SELECTORS = {
 };
 
 const globalConfig = getLocalVue();
+const router = injectTestRouter();
 
 describe("ToolSuccessMessage", () => {
     let wrapper: VueWrapper<any>;
@@ -44,6 +45,7 @@ describe("ToolSuccessMessage", () => {
             },
             global: {
                 ...globalConfig.global,
+                plugins: [...globalConfig.global.plugins, router],
                 stubs: {
                     FontAwesomeIcon: true,
                 },