Migrate remaining test files to Vue 3/VTU v2

Convert propsData to props and use global config for plugins.

Author: dannon

client/src/components/ConfigTemplates/EditSecretsForm.test.ts

@@ -10,11 +10,14 @@ const localVue = getLocalVue(true);
 describe("EditSecretsForm", () => {
     it("should render a secrets for for file source templates", async () => {
         const wrapper = mount(EditSecretsForm as object, {
-            propsData: {
+            props: {
                 template: STANDARD_FILE_SOURCE_TEMPLATE,
                 title: "Secrets FORM for file source",
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
         const titleText = wrapper.find(".portlet-title-text");
         expect(titleText.exists()).toBeTruthy();
@@ -23,11 +26,14 @@ describe("EditSecretsForm", () => {
 
     it("should render a secrets for for object store templates", async () => {
         const wrapper = mount(EditSecretsForm as object, {
-            propsData: {
+            props: {
                 template: STANDARD_OBJECT_STORE_TEMPLATE,
                 title: "Secrets FORM for object store",
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
         const titleText = wrapper.find(".portlet-title-text");
         expect(titleText.exists()).toBeTruthy();

client/src/components/ConfigTemplates/InstanceDropdown.test.ts

@@ -8,14 +8,17 @@ const localVue = getLocalVue(true);
 describe("InstanceDropdown", () => {
     it("should render a drop down without upgrade if upgrade unavailable as an option", async () => {
         const wrapper = shallowMount(InstanceDropdown as object, {
-            propsData: {
+            props: {
                 prefix: "file-source",
                 name: "my cool instance",
                 routeEdit: "/object_store_instance/edit",
                 routeUpgrade: "/object_store_instance/upgrade",
                 isUpgradable: false,
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
         const menu = wrapper.find(".dropdown-menu");
         const links = menu.findAll("button.dropdown-item");
@@ -24,14 +27,17 @@ describe("InstanceDropdown", () => {
 
     it("should render a drop down with upgrade if upgrade available as an option", async () => {
         const wrapper = shallowMount(InstanceDropdown as object, {
-            propsData: {
+            props: {
                 prefix: "file-source",
                 name: "my cool instance",
                 routeEdit: "/object_store_instance/edit",
                 routeUpgrade: "/object_store_instance/upgrade",
                 isUpgradable: true,
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
         const menu = wrapper.find(".dropdown-menu");
         const links = menu.findAll("button.dropdown-item");

client/src/components/ConfigTemplates/TemplateSummaryPopover.test.ts

@@ -10,11 +10,14 @@ const localVue = getLocalVue(true);
 describe("TemplateSummaryPopover", () => {
     it("should render a secrets for for file source templates", async () => {
         const wrapper = shallowMount(TemplateSummaryPopover as object, {
-            propsData: {
+            props: {
                 template: STANDARD_FILE_SOURCE_TEMPLATE,
                 target: "popover-target",
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
         const popover = wrapper.findComponent({ name: "BPopover" });
         expect(popover.attributes().target).toEqual("popover-target");

client/src/components/ConfigTemplates/VaultSecret.test.ts

@@ -8,13 +8,16 @@ const localVue = getLocalVue(true);
 describe("VaultSecret", () => {
     it("should render a form element", async () => {
         const wrapper = shallowMount(VaultSecret as object, {
-            propsData: {
+            props: {
                 name: "secret name",
                 label: "Label Secret",
                 help: "here is some good *help*",
                 isSet: true,
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
         const titleWrapper = wrapper.find(".ui-form-title-text");
         expect(titleWrapper.text()).toEqual("Label Secret");

client/src/components/DatasetInformation/DatasetAttributes.test.ts

@@ -27,11 +27,13 @@ async function mountDatasetAttributes(conversion_disable = false) {
     });
 
     const wrapper = mount(DatasetAttributes as object, {
-        propsData: {
+        props: {
             datasetId: DATASET_ID,
         },
-        localVue,
-        pinia,
+        global: {
+            ...localVue.global,
+            plugins: [...localVue.global.plugins, pinia],
+        },
     });
 
     await flushPromises();
@@ -43,15 +45,18 @@ async function buildWrapperWithError(error: string) {
     const axiosMock = new MockAdapter(axios);
     axiosMock.onGet(`/dataset/get_edit?dataset_id=${DATASET_ID}`).reply(400);
     const wrapper = mount(DatasetAttributes as object, {
-        propsData: {
+        props: {
             datasetId: DATASET_ID,
             messageText: error,
             messageVariant: "danger",
         },
-        localVue,
-        stubs: {
-            FontAwesomeIcon: false,
-            FormElement: false,
+        global: {
+            ...localVue.global,
+            plugins: [...localVue.global.plugins],
+            stubs: {
+                FontAwesomeIcon: false,
+                FormElement: false,
+            },
         },
     });
     await flushPromises();

client/src/components/History/Content/Collection/CollectionDescription.test.ts

@@ -36,10 +36,13 @@ describe("CollectionDescription", () => {
 
     beforeEach(() => {
         wrapper = mount(CollectionDescription as object, {
-            propsData: {
+            props: {
                 hdca: defaultTestHDCA,
             },
-            localVue,
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
     });
 

client/src/components/History/CurrentHistory/SelectPreferredStore.test.ts

@@ -40,22 +40,25 @@ async function mountComponent(preferredObjectStoreId: string | null = null) {
     );
 
     const wrapper = mount(SelectPreferredStore as object, {
-        propsData: {
+        props: {
             preferredObjectStoreId: preferredObjectStoreId,
             history: TEST_HISTORY,
             showModal: true,
         },
-        localVue,
-        stubs: {
-            BModal: {
-                template: `
-                    <div>
-                        <slot></slot>
-                        <div class="modal-footer">
-                            <button class="btn btn-primary" @click="$emit('ok')">OK</button>
+        global: {
+            ...localVue.global,
+            plugins: [...localVue.global.plugins],
+            stubs: {
+                BModal: {
+                    template: `
+                        <div>
+                            <slot></slot>
+                            <div class="modal-footer">
+                                <button class="btn btn-primary" @click="$emit('ok')">OK</button>
+                            </div>
                         </div>
-                    </div>
-                `,
+                    `,
+                },
             },
         },
     });

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

@@ -92,13 +92,15 @@ async function mountHistoryExportWizard(options: MountOptions = {}) {
     setActivePinia(pinia);
 
     const wrapper = mount(HistoryExportWizard as object, {
-        propsData: {
+        props: {
             historyId,
             historyName,
             isBusy,
         },
-        localVue,
-        pinia,
+        global: {
+            ...localVue.global,
+            plugins: [...localVue.global.plugins, pinia],
+        },
     });
 
     await flushPromises();

client/src/components/History/HistoryOptions.test.ts

@@ -38,9 +38,11 @@ async function createWrapper(propsData: object, userData?: any) {
     const pinia = createPinia();
 
     const wrapper = shallowMount(HistoryOptions as object, {
-        propsData,
-        localVue,
-        pinia,
+        props: propsData,
+        global: {
+            ...localVue.global,
+            plugins: [...localVue.global.plugins, pinia],
+        },
     });
 
     const userStore = useUserStore();

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

@@ -20,8 +20,11 @@ describe("NewUserConfirmation", () => {
     beforeEach(() => {
         axiosMock = new MockAdapter(axios);
         wrapper = mount(MountTarget as object, {
-            propsData: {},
-            localVue,
+            props: {},
+            global: {
+                ...localVue.global,
+                plugins: [...localVue.global.plugins],
+            },
         });
     });