@geode/opengeodeweb-front 10.6.2 → 10.6.3-rc.1

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

@@ -1,23 +1,23 @@
 // Third party imports
-import { beforeEach, describe, expect, test, vi } from "vitest"
-import { mountSuspended } from "@nuxt/test-utils/runtime"
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { mountSuspended } from "@nuxt/test-utils/runtime";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import CrsSelector from "@ogw_front/components/CrsSelector"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import CrsSelector from "@ogw_front/components/CrsSelector";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
 
-let pinia = undefined
-let geodeStore = undefined
+let pinia = undefined;
+let geodeStore = undefined;
 
 beforeEach(() => {
-  pinia = setupActivePinia()
-  geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
-})
+  pinia = setupActivePinia();
+  geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
+});
 
 describe(CrsSelector, () => {
   test(`Default behavior`, async () => {
@@ -27,31 +27,31 @@ describe(CrsSelector, () => {
         code: "2000",
         name: "Anguilla 1957 / British West Indies Grid",
       },
-    ]
+    ];
 
     // Mock geodeStore.request instead of registerEndpoint
     geodeStore.request = vi.fn((schema, params, callbacks) => {
       if (callbacks?.response_function) {
-        callbacks.response_function({ crs_list })
+        callbacks.response_function({ crs_list });
       }
-      return Promise.resolve({ crs_list })
-    })
+      return Promise.resolve({ crs_list });
+    });
 
-    const key_to_update = "key"
+    const key_to_update = "key";
     const wrapper = await mountSuspended(CrsSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { geode_object_type: "BRep", key_to_update },
-    })
-    const td_wrapper = await wrapper.find("td")
-    await wrapper.vm.$nextTick()
-    const input = await td_wrapper.find("input")
-    await input.trigger("click")
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    const td_wrapper = await wrapper.find("td");
+    await wrapper.vm.$nextTick();
+    const input = await td_wrapper.find("input");
+    await input.trigger("click");
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       [key_to_update]: crs_list[FIRST_INDEX],
-    })
-  })
-})
+    });
+  });
+});

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

@@ -1,41 +1,41 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { beforeEach, describe, expect, test, vi } from "vitest"
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
-import { nextTick } from "vue"
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import * as components from "vuetify/components";
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
+import { nextTick } from "vue";
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import ExtensionSelector from "@ogw_front/components/ExtensionSelector"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import ExtensionSelector from "@ogw_front/components/ExtensionSelector";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+const EXPECTED_LENGTH = 1;
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
 
-const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions
+const schema = schemas.opengeodeweb_back.geode_objects_and_output_extensions;
 
-const pinia = setupActivePinia()
-const geodeStore = useGeodeStore()
+const pinia = setupActivePinia();
+const geodeStore = useGeodeStore();
 
 beforeEach(() => {
-  geodeStore.base_url = ""
+  geodeStore.base_url = "";
 
   geodeStore.request = vi.fn(() => {
     const response = {
       geode_objects_and_output_extensions: {
         BRep: { msh: { is_saveable: true } },
       },
-    }
-    return Promise.resolve(response)
-  })
-})
+    };
+    return Promise.resolve(response);
+  });
+});
 
 describe(ExtensionSelector, () => {
   test(`Select geode_object & extension`, async () => {
-    const output_geode_object = "BRep"
-    const output_extension = "msh"
+    const output_geode_object = "BRep";
+    const output_extension = "msh";
 
     registerEndpoint(schema.$id, {
       method: schema.methods[FIRST_INDEX],
@@ -44,24 +44,22 @@ describe(ExtensionSelector, () => {
           BRep: { msh: { is_saveable: true } },
         },
       }),
-    })
+    });
     const wrapper = await mountSuspended(ExtensionSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { geode_object_type: "BRep", filenames: ["test.toto"] },
-    })
-    await nextTick()
-    expect(wrapper.exists()).toBeTruthy()
-    const v_card = await wrapper.findAllComponents(components.VCard)
-    await v_card[SECOND_INDEX].trigger("click")
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
-    expect(
-      wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX],
-    ).toStrictEqual({
+    });
+    await nextTick();
+    expect(wrapper.exists()).toBeTruthy();
+    const v_card = await wrapper.findAllComponents(components.VCard);
+    await v_card[SECOND_INDEX].trigger("click");
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    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,40 +1,40 @@
 // Third party imports
-import { describe, expect, test, vi } from "vitest"
-import { mount } from "@vue/test-utils"
+import { describe, expect, test, vi } from "vitest";
+import { mount } from "@vue/test-utils";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FeedBackErrorBanner from "@ogw_front/components/FeedBack/ErrorBanner"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FeedBackErrorBanner from "@ogw_front/components/FeedBack/ErrorBanner";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
-const CALLED_TIMES = 1
+const CALLED_TIMES = 1;
 
 describe(FeedBackErrorBanner, () => {
-  const pinia = setupActivePinia()
+  const pinia = setupActivePinia();
   test(`Test reload`, async () => {
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
         plugins: [vuetify, pinia],
       },
-    })
-    const reload_spy = vi.spyOn(wrapper.vm, "reload")
-    const feedbackStore = useFeedbackStore()
-    await feedbackStore.$patch({ server_error: true })
-    expect(feedbackStore.server_error).toBeTruthy()
-    const v_btn = wrapper.findAll(".v-btn")
-    await v_btn[0].trigger("click")
-    expect(reload_spy).toHaveBeenCalledTimes(CALLED_TIMES)
-  })
+    });
+    const reload_spy = vi.spyOn(wrapper.vm, "reload");
+    const feedbackStore = useFeedbackStore();
+    await feedbackStore.$patch({ server_error: true });
+    expect(feedbackStore.server_error).toBeTruthy();
+    const v_btn = wrapper.findAll(".v-btn");
+    await v_btn[0].trigger("click");
+    expect(reload_spy).toHaveBeenCalledTimes(CALLED_TIMES);
+  });
 
   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()
-  })
-})
+    });
+    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,19 +1,19 @@
 // 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 { describe, expect, test, vi } from "vitest";
+import { mount } from "@vue/test-utils";
 
 // Local imports
-import { setupActivePinia, vuetify } from "@ogw_tests/utils"
-import FeedBackSnackers from "@ogw_front/components/FeedBack/Snackers"
-import { useFeedbackStore } from "@ogw_front/stores/feedback"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FeedBackSnackers from "@ogw_front/components/FeedBack/Snackers";
+import { useFeedbackStore } from "@ogw_front/stores/feedback";
 
-vi.stubGlobal("visualViewport", new EventTarget())
+vi.stubGlobal("visualViewport", new EventTarget());
 
-describe(FeedBackSnackers, async () => {
+describe(FeedBackSnackers, () => {
   test(`Test delete error`, async () => {
-    const pinia = setupActivePinia()
-    const feedbackStore = useFeedbackStore()
+    const pinia = setupActivePinia();
+    const feedbackStore = useFeedbackStore();
     feedbackStore.$patch({
       feedbacks: [
         {
@@ -24,7 +24,7 @@ describe(FeedBackSnackers, async () => {
           description: "test description",
         },
       ],
-    })
+    });
 
     const wrapper = mount(
       {
@@ -39,11 +39,11 @@ describe(FeedBackSnackers, async () => {
           plugins: [vuetify, pinia],
         },
       },
-    )
+    );
 
-    expect(feedbackStore.feedbacks.length).toBe(1)
-    const v_btn = await wrapper.findComponent(components.VBtn)
-    await v_btn.trigger("click")
-    expect(feedbackStore.feedbacks.length).toBe(0)
-  })
-})
+    expect(feedbackStore.feedbacks.length).toBe(1);
+    const v_btn = await wrapper.findComponent(components.VBtn);
+    await v_btn.trigger("click");
+    expect(feedbackStore.feedbacks.length).toBe(0);
+  });
+});

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

@@ -1,27 +1,27 @@
 // Third party imports
-import * as components from "vuetify/components"
-import { describe, expect, test, vi } 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"
+import * as components from "vuetify/components";
+import { describe, expect, test, vi } 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 "@ogw_tests/utils"
-import FileSelector from "@ogw_front/components/FileSelector"
-import FileUploader from "@ogw_front/components/FileUploader"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FileSelector from "@ogw_front/components/FileSelector";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const EXPECTED_LENGTH = 1
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+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
+const allowed_files_schema = schemas.opengeodeweb_back.allowed_files;
+const upload_file_schema = schemas.opengeodeweb_back.upload_file;
 
-describe(FileSelector, async () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+describe(FileSelector, () => {
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   test(`Select file`, async () => {
     registerEndpoint(allowed_files_schema.$id, {
@@ -29,40 +29,40 @@ describe(FileSelector, async () => {
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
-    })
+    });
     const wrapper = await mountSuspended(FileSelector, {
       global: {
         plugins: [vuetify, pinia],
       },
       props: { multiple: false, auto_upload: false },
-    })
+    });
 
-    const file_uploader = wrapper.findComponent(FileUploader)
+    const file_uploader = wrapper.findComponent(FileUploader);
 
     registerEndpoint(upload_file_schema.$id, {
       method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
-    })
+    });
 
-    const v_file_input = file_uploader.find('input[type="file"]')
-    const files = [new File(["fake_file"], "fake_file.txt")]
-    const auto_upload = false
+    const v_file_input = file_uploader.find('input[type="file"]');
+    const files = [new File(["fake_file"], "fake_file.txt")];
+    const auto_upload = false;
     Object.defineProperty(v_file_input.element, "files", {
       value: files,
       writable: true,
-    })
-    await v_file_input.trigger("change")
-    const v_btn = wrapper.findComponent(components.VBtn)
-    await v_btn.trigger("click")
-    await flushPromises()
-    await flushPromises()
-    expect(wrapper.emitted()).toHaveProperty("update_values")
-    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
+    });
+    await v_file_input.trigger("change");
+    const v_btn = wrapper.findComponent(components.VBtn);
+    await v_btn.trigger("click");
+    await flushPromises();
+    await flushPromises();
+    expect(wrapper.emitted()).toHaveProperty("update_values");
+    expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH);
     expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual({
       files,
       auto_upload,
-    })
-  })
+    });
+  });
 
   describe(FileSelector, () => {
     registerEndpoint(allowed_files_schema.$id, {
@@ -70,14 +70,14 @@ describe(FileSelector, async () => {
       handler: () => ({
         extensions: ["1", "2", "3"],
       }),
-    })
+    });
 
     registerEndpoint(upload_file_schema.$id, {
       method: upload_file_schema.methods[SECOND_INDEX],
       handler: () => ({}),
-    })
+    });
 
-    const files = [new File(["fake_file"], "fake_file.txt")]
+    const files = [new File(["fake_file"], "fake_file.txt")];
     test("auto_upload true", async () => {
       const wrapper = await mountSuspended(FileSelector, {
         global: {
@@ -88,19 +88,17 @@ describe(FileSelector, async () => {
           files: files,
           auto_upload: true,
         },
-      })
+      });
 
-      await flushPromises()
-      expect(wrapper.componentVM.files).toEqual(files)
-      expect(wrapper.emitted()).toHaveProperty("update_values")
-      expect(wrapper.emitted().update_values).toHaveLength(EXPECTED_LENGTH)
-      expect(wrapper.emitted().update_values[FIRST_INDEX][FIRST_INDEX]).toEqual(
-        {
-          files,
-          auto_upload: false,
-        },
-      )
-    })
+      await flushPromises();
+      expect(wrapper.componentVM.files).toEqual(files);
+      expect(wrapper.emitted()).toHaveProperty("update_values");
+      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 () => {
       const wrapper = await mountSuspended(FileSelector, {
@@ -112,14 +110,14 @@ describe(FileSelector, async () => {
           files: files,
           auto_upload: false,
         },
-      })
+      });
 
-      await flushPromises()
+      await flushPromises();
 
-      const file_uploader = wrapper.findComponent(FileUploader)
-      expect(wrapper.vm.files).toEqual(files)
-      const upload_files = vi.spyOn(file_uploader.vm, "upload_files")
-      expect(upload_files).not.toHaveBeenCalled()
-    })
-  })
-})
+      const file_uploader = wrapper.findComponent(FileUploader);
+      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,60 +1,58 @@
 // Third party imports
-import * as components from "vuetify/components"
-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"
+import * as components from "vuetify/components";
+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 "@ogw_tests/utils"
-import FileUploader from "@ogw_front/components/FileUploader"
-import { useGeodeStore } from "@ogw_front/stores/geode"
+import { setupActivePinia, vuetify } from "@ogw_tests/utils";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-const FIRST_INDEX = 0
-const SECOND_INDEX = 1
+const FIRST_INDEX = 0;
+const SECOND_INDEX = 1;
 
-const upload_file_schema = schemas.opengeodeweb_back.upload_file
+const upload_file_schema = schemas.opengeodeweb_back.upload_file;
 
-describe(FileUploader, async () => {
-  const pinia = setupActivePinia()
-  const geodeStore = useGeodeStore()
-  geodeStore.base_url = ""
+describe(FileUploader, () => {
+  const pinia = setupActivePinia();
+  const geodeStore = useGeodeStore();
+  geodeStore.base_url = "";
 
   registerEndpoint(upload_file_schema.$id, {
     method: upload_file_schema.methods[FIRST_INDEX],
     handler: () => ({}),
-  })
+  });
   registerEndpoint(upload_file_schema.$id, {
     method: upload_file_schema.methods[SECOND_INDEX],
     handler: () => ({}),
-  })
+  });
 
-  const files = [new File(["fake_file"], "fake_file.txt")]
+  const files = [new File(["fake_file"], "fake_file.txt")];
 
-  describe(`Upload file`, async () => {
+  describe(`Upload file`, () => {
     test(`prop auto_upload false`, async () => {
       const wrapper = await mountSuspended(FileUploader, {
         global: {
           plugins: [vuetify, pinia],
         },
         props: { multiple: false, accept: "*.txt" },
-      })
+      });
 
-      const v_file_input = wrapper.find('input[type="file"]')
+      const v_file_input = wrapper.find('input[type="file"]');
       Object.defineProperty(v_file_input.element, "files", {
         value: files,
         writable: true,
-      })
-      await v_file_input.trigger("change")
-      const v_btn = wrapper.findComponent(components.VBtn)
+      });
+      await v_file_input.trigger("change");
+      const v_btn = wrapper.findComponent(components.VBtn);
 
-      await v_btn.trigger("click")
-      await flushPromises()
-      await flushPromises()
-      expect(
-        wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX],
-      ).toEqual(files)
-    })
+      await v_btn.trigger("click");
+      await flushPromises();
+      await flushPromises();
+      expect(wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX]).toEqual(files);
+    });
 
     test(`prop auto_upload true`, async () => {
       const wrapper = await mountSuspended(FileUploader, {
@@ -62,11 +60,9 @@ describe(FileUploader, async () => {
           plugins: [vuetify, pinia],
         },
         props: { multiple: false, accept: "*.txt", files, auto_upload: true },
-      })
-      await flushPromises()
-      expect(
-        wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX],
-      ).toEqual(files)
-    })
-  })
-})
+      });
+      await flushPromises();
+      expect(wrapper.emitted().files_uploaded[FIRST_INDEX][FIRST_INDEX]).toEqual(files);
+    });
+  });
+});