@geode/opengeodeweb-front 10.3.0 → 10.3.1

package/tests/unit/components/ExtensionSelector.nuxt.test.js

@@ -1,26 +1,27 @@
-import { describe, expect, test, vi } from "vitest"
-import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
+// Third party imports
 import * as components from "vuetify/components"
-
 import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, test, vi } from "vitest"
+import { nextTick } from "vue"
+
+// Local imports
+import { setupActivePinia, vuetify } from "../../utils"
 import ExtensionSelector from "@ogw_front/components/ExtensionSelector"
 import { useGeodeStore } from "@ogw_front/stores/geode"
-import { vuetify } from "../../utils"
+
+const EXPECTED_LENGTH = 1
+const FIRST_INDEX = 0
+const SECOND_INDEX = 1
 
 const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions
 
-describe("ExtensionSelector", async () => {
-  const pinia = createTestingPinia({
-    stubActions: false,
-    createSpy: vi.fn,
-  })
-  setActivePinia(pinia)
-  const geodeStore = useGeodeStore()
+const pinia = setupActivePinia()
+const geodeStore = useGeodeStore()
+
+beforeEach(() => {
   geodeStore.base_url = ""
 
-  // Mock the request method to simulate API call
   geodeStore.request = vi.fn((schema, params, callbacks) => {
     const response = {
       geode_objects_and_output_extensions: {
@@ -32,13 +33,15 @@ describe("ExtensionSelector", async () => {
     }
     return Promise.resolve(response)
   })
+})
 
+describe(ExtensionSelector, () => {
   test(`Select geode_object & extension`, async () => {
     const output_geode_object = "BRep"
     const output_extension = "msh"
 
     registerEndpoint(schema.$id, {
-      method: schema.methods[0],
+      method: schema.methods[FIRST_INDEX],
       handler: () => ({
         geode_objects_and_output_extensions: {
           BRep: { msh: { is_saveable: true } },
@@ -52,12 +55,14 @@ describe("ExtensionSelector", async () => {
       props: { geode_object_type: "BRep", filenames: ["test.toto"] },
     })
     await nextTick()
-    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.exists()).toBeTruthy()
     const v_card = await wrapper.findAllComponents(components.VCard)
-    await v_card[1].trigger("click")
+    await v_card[SECOND_INDEX].trigger("click")
     expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(1)
-    expect(wrapper.emitted().update_values[0][0]).toStrictEqual({
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    expect(
+      wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX],
+    ).toStrictEqual({
       output_geode_object,
       output_extension,
     })

package/tests/unit/components/FeedBack/ErrorsBanner.nuxt.test.js

@@ -1,53 +1,40 @@
+// Third party imports
 import { describe, expect, test, vi } from "vitest"
 import { mount } from "@vue/test-utils"
-import { createTestingPinia } from "@pinia/testing"
-import { setActivePinia } from "pinia"
 
+// Local imports
+import { setupActivePinia, vuetify } from "../../../utils"
 import FeedBackErrorBanner from "@ogw_front/components/FeedBack/ErrorBanner"
 import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { vuetify } from "../../../utils"
 
-describe("FeedBackErrorBanner", async () => {
-  ;(test(`Test reload`, async () => {
-    const pinia = createTestingPinia({
-      stubActions: false,
-      createSpy: vi.fn,
-    })
-    setActivePinia(pinia)
+const CALLED_TIMES = 1
+
+describe(FeedBackErrorBanner, () => {
+  const pinia = setupActivePinia()
+  test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
-        plugins: [pinia, vuetify],
+        plugins: [vuetify, pinia],
       },
     })
     const reload_spy = vi.spyOn(wrapper.vm, "reload")
     const feedbackStore = useFeedbackStore()
     await feedbackStore.$patch({ server_error: true })
-    expect(feedbackStore.server_error).toBe(true)
+    expect(feedbackStore.server_error).toBeTruthy()
     const v_btn = wrapper.findAll(".v-btn")
     await v_btn[0].trigger("click")
-    expect(reload_spy).toHaveBeenCalledTimes(1)
-  }),
-    test(`Test delete error`, async () => {
-      const wrapper = mount(FeedBackErrorBanner, {
-        global: {
-          plugins: [
-            createTestingPinia({
-              initialState: {
-                feedback: {
-                  server_error: true,
-                },
-              },
-              stubActions: false,
-              createSpy: vi.fn,
-            }),
-            vuetify,
-          ],
-        },
-      })
+    expect(reload_spy).toHaveBeenCalledTimes(CALLED_TIMES)
+  })
 
-      const feedbackStore = useFeedbackStore()
-      const v_btn = wrapper.findAll(".v-btn")
-      await v_btn[1].trigger("click")
-      expect(feedbackStore.server_error).toBe(false)
-    }))
+  test(`Test delete error`, async () => {
+    const wrapper = mount(FeedBackErrorBanner, {
+      global: {
+        plugins: [vuetify, pinia],
+      },
+    })
+    const feedbackStore = useFeedbackStore()
+    const v_btn = wrapper.findAll(".v-btn")
+    await v_btn[1].trigger("click")
+    expect(feedbackStore.server_error).toBeFalsy()
+  })
 })

package/tests/unit/components/FeedBack/Snackers.nuxt.test.js

@@ -1,36 +1,31 @@
-// @vitest-environment nuxt
-vi.stubGlobal("visualViewport", new EventTarget())
+// Third party imports
+import * as components from "vuetify/components"
 import { describe, expect, test, vi } from "vitest"
 import { mount } from "@vue/test-utils"
-import * as components from "vuetify/components"
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
 
+// Local imports
+import { setupActivePinia, vuetify } from "../../../utils"
 import FeedBackSnackers from "@ogw_front/components/FeedBack/Snackers"
 import { useFeedbackStore } from "@ogw_front/stores/feedback"
-import { vuetify } from "../../../utils"
 
-describe("FeedBackSnackers", async () => {
+vi.stubGlobal("visualViewport", new EventTarget())
+
+describe(FeedBackSnackers, async () => {
   test(`Test delete error`, async () => {
-    const pinia = createTestingPinia({
-      initialState: {
-        feedback: {
-          feedbacks: [
-            {
-              type: "error",
-              code: 500,
-              route: "/test",
-              name: "test message",
-              description: "test description",
-            },
-          ],
+    const pinia = setupActivePinia()
+    const feedbackStore = useFeedbackStore()
+    feedbackStore.$patch({
+      feedbacks: [
+        {
+          type: "error",
+          code: 500,
+          route: "/test",
+          name: "test message",
+          description: "test description",
         },
-      },
-      stubActions: false,
-      createSpy: vi.fn,
+      ],
     })
-    setActivePinia(pinia)
-    const feedbackStore = useFeedbackStore()
+
     const wrapper = mount(
       {
         template: "<v-layout><FeedBackSnackers/></v-layout>",
@@ -41,7 +36,7 @@ describe("FeedBackSnackers", async () => {
           components: {
             FeedBackSnackers,
           },
-          plugins: [pinia, vuetify],
+          plugins: [vuetify, pinia],
         },
       },
     )

package/tests/unit/components/FileSelector.nuxt.test.js

@@ -1,33 +1,31 @@
+// Third party imports
+import * as components from "vuetify/components"
 import { describe, expect, test, vi } from "vitest"
-import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
-import * as components from "vuetify/components"
-
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
-
 import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
+// Local imports
+import { setupActivePinia, vuetify } from "../../utils"
 import FileSelector from "@ogw_front/components/FileSelector"
 import FileUploader from "@ogw_front/components/FileUploader"
 import { useGeodeStore } from "@ogw_front/stores/geode"
-import { vuetify } from "../../utils"
+
+const EXPECTED_LENGTH = 1
+const FIRST_INDEX = 0
+const SECOND_INDEX = 1
 
 const allowed_files_schema = schemas.opengeodeweb_back.allowed_files
 const upload_file_schema = schemas.opengeodeweb_back.upload_file
 
-describe("FileSelector", async () => {
-  const pinia = createTestingPinia({
-    stubActions: false,
-    createSpy: vi.fn,
-  })
-  setActivePinia(pinia)
+describe(FileSelector, async () => {
+  const pinia = setupActivePinia()
   const geodeStore = useGeodeStore()
   geodeStore.base_url = ""
 
   test(`Select file`, async () => {
     registerEndpoint(allowed_files_schema.$id, {
-      method: allowed_files_schema.methods[0],
+      method: allowed_files_schema.methods[FIRST_INDEX],
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
@@ -42,7 +40,7 @@ describe("FileSelector", async () => {
     const file_uploader = wrapper.findComponent(FileUploader)
 
     registerEndpoint(upload_file_schema.$id, {
-      method: upload_file_schema.methods[1],
+      method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
     })
 
@@ -59,23 +57,23 @@ describe("FileSelector", async () => {
     await flushPromises()
     await flushPromises()
     expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(1)
-    expect(wrapper.emitted().update_values[0][0]).toEqual({
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       files,
       auto_upload,
     })
   })
 
-  describe(`Files prop`, () => {
+  describe(FileSelector, () => {
     registerEndpoint(allowed_files_schema.$id, {
-      method: allowed_files_schema.methods[0],
+      method: allowed_files_schema.methods[FIRST_INDEX],
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
     })
 
     registerEndpoint(upload_file_schema.$id, {
-      method: upload_file_schema.methods[1],
+      method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
     })
 
@@ -93,13 +91,15 @@ describe("FileSelector", async () => {
       })
 
       await flushPromises()
-      expect(wrapper.componentVM.props.files).toEqual(files)
+      expect(wrapper.componentVM.files).toEqual(files)
       expect(wrapper.emitted()).toHaveProperty("update_values")
-      expect(wrapper.emitted().update_values).toHaveLength(1)
-      expect(wrapper.emitted().update_values[0][0]).toEqual({
-        files,
-        auto_upload: false,
-      })
+      expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+      expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual(
+        {
+          files,
+          auto_upload: false,
+        },
+      )
     })
 
     test("auto_upload false", async () => {
@@ -117,7 +117,7 @@ describe("FileSelector", async () => {
       await flushPromises()
 
       const file_uploader = wrapper.findComponent(FileUploader)
-      expect(wrapper.vm.props.files).toEqual(files)
+      expect(wrapper.vm.files).toEqual(files)
       const upload_files = vi.spyOn(file_uploader.vm, "upload_files")
       expect(upload_files).not.toHaveBeenCalled()
     })

package/tests/unit/components/FileUploader.nuxt.test.js

@@ -1,34 +1,31 @@
-import { describe, expect, test, vi } from "vitest"
-import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
-import { flushPromises } from "@vue/test-utils"
+// Third party imports
 import * as components from "vuetify/components"
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
-
+import { describe, expect, test } from "vitest"
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
+import { flushPromises } from "@vue/test-utils"
 import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
+// Local imports
+import { setupActivePinia, vuetify } from "../../utils"
 import FileUploader from "@ogw_front/components/FileUploader"
 import { useGeodeStore } from "@ogw_front/stores/geode"
 
-import { vuetify } from "../../utils"
+const FIRST_INDEX = 0
+const SECOND_INDEX = 1
 
 const upload_file_schema = schemas.opengeodeweb_back.upload_file
 
-describe("FileUploader", async () => {
-  const pinia = createTestingPinia({
-    stubActions: false,
-    createSpy: vi.fn,
-  })
-  setActivePinia(pinia)
+describe(FileUploader, async () => {
+  const pinia = setupActivePinia()
   const geodeStore = useGeodeStore()
   geodeStore.base_url = ""
 
   registerEndpoint(upload_file_schema.$id, {
-    method: upload_file_schema.methods[0],
+    method: upload_file_schema.methods[FIRST_INDEX],
     handler: () => ({}),
   })
   registerEndpoint(upload_file_schema.$id, {
-    method: upload_file_schema.methods[1],
+    method: upload_file_schema.methods[SECOND_INDEX],
     handler: () => ({}),
   })
 
@@ -54,7 +51,9 @@ describe("FileUploader", async () => {
       await v_btn.trigger("click")
       await flushPromises()
       await flushPromises()
-      expect(wrapper.emitted().files_uploaded[0][0]).toEqual(files)
+      expect(
+        wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX],
+      ).toEqual(files)
     })
 
     test(`prop auto_upload true`, async () => {
@@ -65,7 +64,9 @@ describe("FileUploader", async () => {
         props: { multiple: false, accept: "*.txt", files, auto_upload: true },
       })
       await flushPromises()
-      expect(wrapper.emitted().files_uploaded[0][0]).toEqual(files)
+      expect(
+        wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX],
+      ).toEqual(files)
     })
   })
 })

package/tests/unit/components/Inspector/InspectionButton.nuxt.test.js

@@ -1,28 +1,21 @@
+// Third party imports
+import * as components from "vuetify/components"
 import { describe, expect, test, vi } from "vitest"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
-import * as components from "vuetify/components"
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
+import { mountSuspended } from "@nuxt/test-utils/runtime"
 
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+// Local imports
+import { setupActivePinia, vuetify } from "../../../utils"
 import InspectorInspectionButton from "@ogw_front/components/Inspector/InspectionButton"
 import { useGeodeStore } from "@ogw_front/stores/geode"
-import { vuetify } from "../../../utils"
-
-const schema = schemas.opengeodeweb_back.inspect_file
 
 describe("Inspector/InspectionButton", async () => {
-  const pinia = createTestingPinia({
-    stubActions: false,
-    createSpy: vi.fn,
-  })
-  setActivePinia(pinia)
+  const pinia = setupActivePinia()
   const geodeStore = useGeodeStore()
   geodeStore.base_url = ""
 
   test(`Test with issues`, async () => {
-    var inspection_result = {
+    const inspection_result = {
       title: "Brep inspection",
       nb_issues: 3,
       children: [
@@ -39,7 +32,7 @@ describe("Inspector/InspectionButton", async () => {
       ],
     }
 
-    geodeStore.request = vi.fn((schema, params, callbacks) => {
+    geodeStore.request = vi.fn((_schema, params, callbacks) => {
       if (callbacks?.response_function) {
         callbacks.response_function({
           inspection_result,
@@ -60,7 +53,7 @@ describe("Inspector/InspectionButton", async () => {
       props: { geode_object_type, filename },
     })
 
-    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.exists()).toBeTruthy()
     const v_btn = await wrapper.findComponent(components.VBtn)
     await v_btn.trigger("click")
     await flushPromises()

package/tests/unit/components/Inspector/ResultPanel.nuxt.test.js

@@ -1,6 +1,8 @@
+// Third party imports
 import { describe, expect, test } from "vitest"
 import { mountSuspended } from "@nuxt/test-utils/runtime"
 
+// Local imports
 import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel"
 import { vuetify } from "../../../utils"
 
@@ -21,16 +23,16 @@ describe("Inspector/ResultPanel", async () => {
       props: { inspection_result },
     })
 
-    expect(wrapper.exists()).toBe(true)
-    expect(wrapper.componentVM.props.inspection_result).toStrictEqual(
+    expect(wrapper.exists()).toBeTruthy()
+    expect(wrapper.componentVM.inspection_result).toStrictEqual(
       inspection_result,
     )
 
     const child_result_panel_wrapper =
       await wrapper.findComponent(InspectorResultPanel)
-    expect(child_result_panel_wrapper.exists()).toBe(true)
+    expect(child_result_panel_wrapper.exists()).toBeTruthy()
     expect(
-      child_result_panel_wrapper.componentVM.props.inspection_result,
+      child_result_panel_wrapper.componentVM.inspection_result,
     ).toStrictEqual(inspection_result[0].children)
   })
 
@@ -48,11 +50,11 @@ describe("Inspector/ResultPanel", async () => {
       props: { inspection_result },
     })
 
-    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.exists()).toBeTruthy()
 
     console.log({ wrapper })
 
-    expect(wrapper.componentVM.props.inspection_result).toStrictEqual(
+    expect(wrapper.componentVM.inspection_result).toStrictEqual(
       inspection_result,
     )
   })

package/tests/unit/components/Launcher.nuxt.test.js

@@ -1,18 +1,17 @@
 import { describe, expect, test, vi } from "vitest"
-import { flushPromises } from "@vue/test-utils"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
 
 import Launcher from "@ogw_front/components/Launcher"
+import ResizeObserver from "resize-observer-polyfill"
+import { flushPromises } from "@vue/test-utils"
+import { mountSuspended } from "@nuxt/test-utils/runtime"
 
 import { useInfraStore } from "@ogw_front/stores/infra"
-import { vuetify } from "../../utils"
+import { setupActivePinia, vuetify } from "../../utils"
 
 // Mock navigator.locks API
-const mockLockRequest = vi.fn().mockImplementation(async (name, callback) => {
-  return callback({ name })
-})
+const mockLockRequest = vi
+  .fn()
+  .mockImplementation(async (name, task) => await task({ name }))
 
 vi.stubGlobal("navigator", {
   ...navigator,
@@ -21,22 +20,18 @@ vi.stubGlobal("navigator", {
   },
 })
 
-global.ResizeObserver = require("resize-observer-polyfill")
+globalThis.ResizeObserver = ResizeObserver
 
-describe("Launcher", async () => {
+describe(Launcher, async () => {
   test(`Mount`, async () => {
-    const pinia = createTestingPinia({
-      stubActions: false,
-      createSpy: vi.fn,
-    })
-    setActivePinia(pinia)
+    const pinia = setupActivePinia()
     const infraStore = useInfraStore()
     const wrapper = await mountSuspended(Launcher, {
       global: {
-        plugins: [pinia, vuetify],
+        plugins: [vuetify, pinia],
       },
     })
-    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.exists()).toBeTruthy()
     await infraStore.$patch({ is_captcha_validated: true })
     await flushPromises()
     expect(infraStore.create_backend).toHaveBeenCalled()

package/tests/unit/components/MissingFilesSelector.nuxt.test.js

@@ -1,27 +1,24 @@
+// Third party imports
+import * as components from "vuetify/components"
 import { describe, expect, test, vi } from "vitest"
-import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
-import * as components from "vuetify/components"
-import { setActivePinia } from "pinia"
-import { createTestingPinia } from "@pinia/testing"
-
 import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 
-import MissingFilesSelector from "@ogw_front/components/MissingFilesSelector"
+// Local imports
+import { setupActivePinia, vuetify } from "../../utils"
 import FileUploader from "@ogw_front/components/FileUploader"
+import MissingFilesSelector from "@ogw_front/components/MissingFilesSelector"
 import { useGeodeStore } from "@ogw_front/stores/geode"
 
-import { vuetify } from "../../utils"
+const EXPECTED_LENGTH = 1
+const FIRST_INDEX = 0
+const SECOND_INDEX = 1
 
-const missing_files_schema = schemas.opengeodeweb_back.missing_files
 const upload_file_schema = schemas.opengeodeweb_back.upload_file
 
-describe("MissingFilesSelector", async () => {
-  const pinia = createTestingPinia({
-    stubActions: false,
-    createSpy: vi.fn,
-  })
-  setActivePinia(pinia)
+describe(MissingFilesSelector, () => {
+  const pinia = setupActivePinia()
   const geodeStore = useGeodeStore()
   geodeStore.base_url = ""
 
@@ -53,7 +50,7 @@ describe("MissingFilesSelector", async () => {
     })
 
     const file_uploader = wrapper.findComponent(FileUploader)
-    expect(file_uploader.exists()).toBe(true)
+    expect(file_uploader.exists()).toBeTruthy()
 
     const v_file_input = file_uploader.find('input[type="file"]')
     const files = [new File(["fake_file"], "fake_file.txt")]
@@ -65,17 +62,17 @@ describe("MissingFilesSelector", async () => {
     const v_btn = file_uploader.findComponent(components.VBtn)
 
     registerEndpoint(upload_file_schema.$id, {
-      method: upload_file_schema.methods[1],
+      method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
     })
     await v_btn.trigger("click")
     await flushPromises()
     await flushPromises()
     expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(1)
-    expect(wrapper.emitted().update_values[0][0]).toEqual({
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       additional_files: files,
     })
-    expect(wrapper.emitted().increment_step).toHaveLength(1)
+    expect(wrapper.emitted().increment_step).toHaveLength(EXPECTED_LENGTH)
   })
 })