@geode/opengeodeweb-front 9.11.0-rc.7 → 9.11.0-rc.9

package/tests/integration/stores/DataStyle/mesh/Edges.nuxt.test.js

@@ -0,0 +1,138 @@
+import path from "path"
+
+import { setActivePinia } from "pinia"
+import { createTestingPinia } from "@pinia/testing"
+
+import {
+  afterAll,
+  afterEach,
+  beforeAll,
+  beforeEach,
+  describe,
+  expect,
+  test,
+  vi,
+} from "vitest"
+
+import {
+  executable_name,
+  executable_path,
+  kill_processes,
+  run_viewer,
+} from "@ogw_f/utils/local"
+
+import Status from "@ogw_f/utils/status"
+
+import * as composables from "@ogw_f/composables/viewer_call"
+import { useDataStyleStore } from "@ogw_f/stores/data_style"
+import { useDataBaseStore } from "@ogw_f/stores/data_base"
+import { useViewerStore } from "@ogw_f/stores/viewer"
+import { useInfraStore } from "@ogw_f/stores/infra"
+
+import viewer_schemas from "@geode/opengeodeweb-viewer/opengeodeweb_viewer_schemas.json"
+import { WebSocket } from "ws"
+
+const mesh_edges_schemas = viewer_schemas.opengeodeweb_viewer.mesh.edges
+
+const mockLockRequest = vi.fn().mockImplementation(async (name, callback) => {
+  return callback({ name })
+})
+
+vi.stubGlobal("navigator", {
+  ...navigator,
+  locks: {
+    request: mockLockRequest,
+  },
+})
+
+beforeAll(() => {
+  global.WebSocket = WebSocket
+})
+
+afterAll(() => {
+  delete global.WebSocket
+})
+
+const id = "fake_id"
+const file_name = "edged_curve.vtp"
+const geode_object = "EdgedCurve2D"
+const object_type = "mesh"
+
+beforeEach(async () => {
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
+  setActivePinia(pinia)
+  const dataStyleStore = useDataStyleStore()
+  const dataBaseStore = useDataBaseStore()
+  const viewerStore = useViewerStore()
+  const infraStore = useInfraStore()
+  infraStore.app_mode = appMode.appMode.BROWSER
+
+  const viewer_path = path.join(
+    executable_path(
+      path.join("tests", "integration", "microservices", "viewer"),
+    ),
+    executable_name("opengeodeweb_viewer"),
+  )
+  const viewer_port = await run_viewer(viewer_path, {
+    port: 1234,
+    data_folder_path: path.join(__dirname, "..", "..", "..", "data"),
+  })
+
+  viewerStore.default_local_port = viewer_port
+  await viewerStore.ws_connect()
+  await dataBaseStore.registerObject(id, file_name, object_type)
+  await dataStyleStore.addDataStyle(id, geode_object, object_type)
+  expect(viewerStore.status).toBe(Status.CONNECTED)
+})
+
+describe("Mesh edges", () => {
+  afterEach(async () => {
+    await kill_processes()
+  })
+
+  describe("Edges visibility", () => {
+    test("test visibility true", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      await dataStyleStore.setEdgesVisibility(id, true)
+      expect(dataStyleStore.edgesVisibility(id)).toBe(true)
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
+  })
+
+  describe("Edges active coloring", () => {
+    test("test coloring", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const coloringTypes = ["color"]
+      for (let i = 0; i < coloringTypes.length; i++) {
+        dataStyleStore.setEdgesActiveColoring(id, coloringTypes[i])
+        expect(dataStyleStore.edgesActiveColoring(id)).toBe(coloringTypes[i])
+        expect(viewerStore.status).toBe(Status.CONNECTED)
+      }
+    })
+  })
+  describe("Edges color", () => {
+    test("test red", async () => {
+      const dataStyleStore = useDataStyleStore()
+      const viewerStore = useViewerStore()
+      const color = { r: 255, g: 0, b: 0 }
+      const spy = vi.spyOn(composables, "viewer_call")
+      await dataStyleStore.setEdgesColor(id, color)
+      expect(spy).toHaveBeenCalledWith(
+        {
+          schema: mesh_edges_schemas.color,
+          params: { id, color },
+        },
+        {
+          response_function: expect.any(Function),
+        },
+      )
+      expect(dataStyleStore.edgesColor(id)).toStrictEqual(color)
+      expect(viewerStore.status).toBe(Status.CONNECTED)
+    })
+  })
+})

package/{test → tests/unit}/components/CrsSelector.nuxt.test.js

@@ -1,6 +1,6 @@
-import { describe, expect, test } from "vitest"
 import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
 
+import { describe, expect, test, vi } from "vitest"
 import { setActivePinia } from "pinia"
 import { createTestingPinia } from "@pinia/testing"
 import { createVuetify } from "vuetify"
@@ -19,9 +19,12 @@ const vuetify = createVuetify({
 })
 
 describe("CrsSelector.vue", () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   test(`Default behavior`, async () => {

package/{test → tests/unit}/components/ExtensionSelector.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
 
 import { createVuetify } from "vuetify"
@@ -19,9 +19,12 @@ const vuetify = createVuetify({
 })
 
 describe("ExtensionSelector.vue", async () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   test(`Select geode_object & extension`, async () => {

package/{test → tests/unit}/components/FeedBack/ErrorsBanner.nuxt.test.js

@@ -6,6 +6,7 @@ import * as directives from "vuetify/directives"
 import { createTestingPinia } from "@pinia/testing"
 
 import FeedBackErrorBanner from "@ogw_f/components/FeedBack/ErrorBanner.vue"
+import { setActivePinia } from "pinia"
 
 const vuetify = createVuetify({
   components,
@@ -14,13 +15,18 @@ const vuetify = createVuetify({
 
 describe("FeedBackErrorBanner.vue", async () => {
   ;(test(`Test reload`, async () => {
+    const pinia = createTestingPinia({
+      stubActions: false,
+      createSpy: vi.fn,
+    })
+    setActivePinia(pinia)
     const wrapper = mount(FeedBackErrorBanner, {
       global: {
-        plugins: [createTestingPinia(), vuetify],
+        plugins: [pinia, vuetify],
       },
     })
     const reload_spy = vi.spyOn(wrapper.vm, "reload")
-    const feedback_store = use_feedback_store()
+    const feedback_store = useFeedbackStore()
     await feedback_store.$patch({ server_error: true })
     expect(feedback_store.server_error).toBe(true)
     const v_btn = wrapper.findAll(".v-btn")
@@ -38,13 +44,14 @@ describe("FeedBackErrorBanner.vue", async () => {
                 },
               },
               stubActions: false,
+              createSpy: vi.fn,
             }),
             vuetify,
           ],
         },
       })
 
-      const feedback_store = use_feedback_store()
+      const feedback_store = useFeedbackStore()
       const v_btn = wrapper.findAll(".v-btn")
       await v_btn[1].trigger("click")
       expect(feedback_store.server_error).toBe(false)

package/{test → tests/unit}/components/FeedBack/Snackers.nuxt.test.js

@@ -1,10 +1,12 @@
 // @vitest-environment nuxt
 vi.stubGlobal("visualViewport", new EventTarget())
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { mount } from "@vue/test-utils"
 import { createVuetify } from "vuetify"
 import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
+
+import { setActivePinia } from "pinia"
 import { createTestingPinia } from "@pinia/testing"
 
 import FeedBackSnackers from "@ogw_f/components/FeedBack/Snackers.vue"
@@ -16,6 +18,25 @@ const vuetify = createVuetify({
 
 describe("FeedBackSnackers.vue", async () => {
   test(`Test delete error`, async () => {
+    const pinia = createTestingPinia({
+      initialState: {
+        feedback: {
+          feedbacks: [
+            {
+              type: "error",
+              code: 500,
+              route: "/test",
+              name: "test message",
+              description: "test description",
+            },
+          ],
+        },
+      },
+      stubActions: false,
+      createSpy: vi.fn,
+    })
+    setActivePinia(pinia)
+    const feedback_store = useFeedbackStore()
     const wrapper = mount(
       {
         template: "<v-layout><FeedBackSnackers/></v-layout>",
@@ -26,29 +47,11 @@ describe("FeedBackSnackers.vue", async () => {
           components: {
             FeedBackSnackers,
           },
-          plugins: [
-            createTestingPinia({
-              initialState: {
-                feedback: {
-                  feedbacks: [
-                    {
-                      type: "error",
-                      code: 500,
-                      route: "/test",
-                      name: "test message",
-                      description: "test description",
-                    },
-                  ],
-                },
-              },
-              stubActions: false,
-            }),
-            vuetify,
-          ],
+          plugins: [pinia, vuetify],
         },
       },
     )
-    const feedback_store = use_feedback_store()
+
     expect(feedback_store.feedbacks.length).toBe(1)
     const v_btn = await wrapper.findComponent(components.VBtn)
     await v_btn.trigger("click")

package/{test → tests/unit}/components/FileSelector.nuxt.test.js

@@ -23,9 +23,12 @@ const vuetify = createVuetify({
 })
 
 describe("FileSelector.vue", async () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   test(`Select file`, async () => {

package/{test → tests/unit}/components/FileUploader.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
 
@@ -20,9 +20,12 @@ const vuetify = createVuetify({
 })
 
 describe("FileUploader.vue", async () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   registerEndpoint(upload_file_schema.$id, {

package/{test → tests/unit}/components/Inspector/InspectionButton.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
 
@@ -18,9 +18,12 @@ const vuetify = createVuetify({
 })
 
 describe("Inspector/InspectionButton.vue", async () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   test(`Test with issues`, async () => {

package/{test → tests/unit}/components/Launcher.nuxt.test.js

@@ -6,6 +6,9 @@ import { createVuetify } from "vuetify"
 import * as components from "vuetify/components"
 import * as directives from "vuetify/directives"
 
+import { setActivePinia } from "pinia"
+import { createTestingPinia } from "@pinia/testing"
+
 import Launcher from "@ogw_f/components/Launcher.vue"
 
 const vuetify = createVuetify({
@@ -13,8 +16,6 @@ const vuetify = createVuetify({
   directives,
 })
 
-const infra_store = use_infra_store()
-
 // Mock navigator.locks API
 const mockLockRequest = vi.fn().mockImplementation(async (name, callback) => {
   return callback({ name })
@@ -31,6 +32,12 @@ global.ResizeObserver = require("resize-observer-polyfill")
 
 describe("Launcher.vue", async () => {
   test(`Mount`, async () => {
+    const pinia = createTestingPinia({
+      stubActions: false,
+      createSpy: vi.fn,
+    })
+    setActivePinia(pinia)
+    const infra_store = useInfraStore()
     const spy_create_backend = vi.spyOn(infra_store, "create_backend")
     const wrapper = await mountSuspended(Launcher, {
       global: {

package/{test → tests/unit}/components/MissingFilesSelector.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
 
@@ -22,9 +22,12 @@ const vuetify = createVuetify({
 })
 
 describe("MissingFilesSelector.vue", async () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   test(`Select file`, async () => {

package/{test → tests/unit}/components/ObjectSelector.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { registerEndpoint, mountSuspended } from "@nuxt/test-utils/runtime"
 import { flushPromises } from "@vue/test-utils"
 
@@ -20,9 +20,12 @@ const vuetify = createVuetify({
 })
 
 describe("ObjectSelector.vue", async () => {
-  const pinia = createTestingPinia()
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
+  const geode_store = useGeodeStore()
   geode_store.base_url = ""
 
   test(`test loadable with one class`, async () => {

package/{test → tests/unit}/components/PackagesVersions.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test } from "vitest"
+import { describe, expect, test, vi } from "vitest"
 import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime"
 
 import { createVuetify } from "vuetify"
@@ -17,9 +17,11 @@ const vuetify = createVuetify({
 
 describe("PackagesVersions.vue", async () => {
   test(`Mount`, async () => {
-    const pinia = createTestingPinia()
+    const pinia = createTestingPinia({
+      createSpy: vi.fn,
+    })
     setActivePinia(pinia)
-    const geode_store = use_geode_store()
+    const geode_store = useGeodeStore()
     geode_store.base_url = ""
 
     const schema = {

package/{test → tests/unit}/components/Stepper.nuxt.test.js

@@ -1,4 +1,5 @@
 import { describe, expect, test } from "vitest"
+import { mountSuspended } from "@vue/test-utils"
 
 import { createVuetify } from "vuetify"
 import * as components from "vuetify/components"

package/{test → tests/unit}/components/Wrapper.nuxt.test.js

@@ -1,4 +1,4 @@
-// // import { describe, expect, test } from "vitest"
+import { describe, expect, test } from "vitest"
 // import { mountSuspended } from "@nuxt/test-utils/runtime"
 
 // import { createVuetify } from "vuetify"

package/{test → tests/unit}/composables/api_fetch.nuxt.test.js

@@ -6,10 +6,11 @@ import { registerEndpoint } from "@nuxt/test-utils/runtime"
 describe("api_fetch", () => {
   const pinia = createTestingPinia({
     stubActions: false,
+    createSpy: vi.fn,
   })
   setActivePinia(pinia)
-  const geode_store = use_geode_store()
-  const feedback_store = use_feedback_store()
+  const geode_store = useGeodeStore()
+  const feedback_store = useFeedbackStore()
   geode_store.base_url = ""
 
   const schema = {

package/{test/composables/run_function_when_microservices_connected.test.js → tests/unit/composables/run_function_when_microservices_connected.nuxt.test.js}

@@ -1,18 +1,29 @@
-import { describe, expect, test, beforeEach, vi } from "vitest"
+import { beforeEach, describe, expect, test, vi } from "vitest"
 import Status from "@ogw_f/utils/status.js"
 
-describe("run_function_when_microservices_connected", () => {
-  const geode_store = use_geode_store()
-  const viewer_store = use_viewer_store()
+import { setActivePinia } from "pinia"
+import { createTestingPinia } from "@pinia/testing"
 
+beforeEach(async () => {
+  const pinia = createTestingPinia({
+    stubActions: false,
+    createSpy: vi.fn,
+  })
+  setActivePinia(pinia)
+})
+
+describe("run_function_when_microservices_connected", () => {
   const dumb_obj = { dumb_method: () => true }
 
   beforeEach(async () => {
+    const geode_store = useGeodeStore()
+    const viewer_store = useViewerStore()
     await geode_store.$patch({ status: Status.NOT_CONNECTED })
     await viewer_store.$patch({ status: Status.NOT_CONNECTED })
   })
-  console.log("Status.CONNECTED", Status.CONNECTED)
   test("microservices connected", async () => {
+    const geode_store = useGeodeStore()
+    const viewer_store = useViewerStore()
     const spy = vi.spyOn(dumb_obj, "dumb_method")
     run_function_when_microservices_connected(dumb_obj.dumb_method)
     await geode_store.$patch({ status: Status.CONNECTED })
@@ -21,6 +32,8 @@ describe("run_function_when_microservices_connected", () => {
   })
 
   test("microservices not connected", async () => {
+    const geode_store = useGeodeStore()
+    const viewer_store = useViewerStore()
     const spy = vi.spyOn(dumb_obj, "dumb_method")
     run_function_when_microservices_connected(dumb_obj.dumb_method)
     await geode_store.$patch({ status: Status.NOT_CONNECTED })

package/{test → tests/unit}/composables/upload_file.nuxt.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test, beforeEach } from "vitest"
+import { describe, expect, test, beforeEach, vi } from "vitest"
 import { setActivePinia } from "pinia"
 import { createTestingPinia } from "@pinia/testing"
 import { registerEndpoint } from "@nuxt/test-utils/runtime"
@@ -6,19 +6,17 @@ import { upload_file } from "@ogw_f/composables/upload_file"
 import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
 const schema = schemas.opengeodeweb_back.upload_file
 
-describe("upload_file.js", () => {
+beforeEach(async () => {
   const pinia = createTestingPinia({
     stubActions: false,
+    createSpy: vi.fn,
   })
   setActivePinia(pinia)
-  const infra_store = use_infra_store()
-  const geode_store = use_geode_store()
-  const feedback_store = use_feedback_store()
+})
 
+describe("upload_file.js", () => {
   beforeEach(() => {
-    infra_store.$reset()
-    geode_store.$reset()
-    feedback_store.$reset()
+    const geode_store = useGeodeStore()
     geode_store.base_url = ""
   })
 
@@ -31,6 +29,7 @@ describe("upload_file.js", () => {
   })
 
   test("onResponse", async () => {
+    const feedback_store = useFeedbackStore()
     registerEndpoint(schema.$id, {
       method: "PUT",
       handler: () => ({ test: "ok" }),

package/{test → tests/unit}/stores/Feedback.nuxt.test.js

@@ -1,21 +1,20 @@
 import { setActivePinia } from "pinia"
 import { createTestingPinia } from "@pinia/testing"
-import { use_feedback_store } from "@ogw_f/stores/feedback"
-import { describe, test, expect, expectTypeOf, beforeEach } from "vitest"
+import { useFeedbackStore } from "@ogw_f/stores/feedback"
+import { beforeEach, describe, expect, expectTypeOf, test, vi } from "vitest"
 
-describe("Feedback Store", () => {
+beforeEach(async () => {
   const pinia = createTestingPinia({
     stubActions: false,
+    createSpy: vi.fn,
   })
   setActivePinia(pinia)
-  const feedback_store = use_feedback_store()
-
-  beforeEach(() => {
-    feedback_store.$reset()
-  })
+})
 
+describe("Feedback Store", () => {
   describe("state", () => {
     test("initial state", () => {
+      const feedback_store = useFeedbackStore()
       expectTypeOf(feedback_store.feedbacks).toEqualTypeOf([])
       expectTypeOf(feedback_store.server_error).toBeBoolean()
     })
@@ -23,6 +22,7 @@ describe("Feedback Store", () => {
   describe("actions", () => {
     describe("add_error", () => {
       test("test add_error", () => {
+        const feedback_store = useFeedbackStore()
         feedback_store.add_error(
           500,
           "/test",
@@ -36,6 +36,7 @@ describe("Feedback Store", () => {
 
     describe("add_error", () => {
       test("test feedbacks_timeout", () => {
+        const feedback_store = useFeedbackStore()
         feedback_store.feedbacks_timeout_miliseconds = 500
         feedback_store.add_error(
           500,
@@ -52,6 +53,7 @@ describe("Feedback Store", () => {
 
     describe("add_success", () => {
       test("test add_success", () => {
+        const feedback_store = useFeedbackStore()
         feedback_store.feedbacks_timeout_miliseconds = 500
         feedback_store.add_success("test description")
         expect(feedback_store.feedbacks.length).toBe(1)
@@ -64,6 +66,7 @@ describe("Feedback Store", () => {
     })
     describe("delete_feedback", () => {
       test("test", () => {
+        const feedback_store = useFeedbackStore()
         feedback_store.delete_feedback(0)
         expect(feedback_store.feedbacks.length).toBe(0)
       })
@@ -71,6 +74,7 @@ describe("Feedback Store", () => {
 
     describe("delete_server_error", () => {
       test("test", () => {
+        const feedback_store = useFeedbackStore()
         feedback_store.$patch({ server_error: true })
         feedback_store.delete_server_error()
         expect(feedback_store.server_error).toBe(false)