@geode/opengeodeweb-front 10.34.0-rc.2 → 10.34.0-rc.21

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

@@ -1,42 +0,0 @@
-import { describe, expect, test } from "vitest";
-import { mountSuspended, registerEndpoint } from "@nuxt/test-utils/runtime";
-
-import { setupActivePinia, vuetify } from "@ogw_tests/utils";
-import PackagesVersions from "@ogw_front/components/PackagesVersions";
-import { useBackStore } from "@ogw_front/stores/back";
-
-const FIRST_INDEX = 0;
-
-describe("packages versions", () => {
-  test("mount", async () => {
-    const pinia = setupActivePinia();
-    const backStore = useBackStore();
-    backStore.base_url = "/";
-
-    const schema = {
-      $id: "/versions",
-      methods: ["GET"],
-      type: "object",
-      properties: {},
-      additionalProperties: false,
-    };
-    registerEndpoint(schema.$id, {
-      method: schema.methods[FIRST_INDEX],
-      handler: () => ({
-        versions: [
-          {
-            package: "package",
-            version: "version",
-          },
-        ],
-      }),
-    });
-    const wrapper = await mountSuspended(PackagesVersions, {
-      global: {
-        plugins: [vuetify, pinia],
-      },
-      props: { schema },
-    });
-    expect(wrapper.exists()).toBe(true);
-  });
-});

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

@@ -1,51 +0,0 @@
-import { computed, ref, shallowRef } from "vue";
-import { describe, expect, test } from "vitest";
-import ResizeObserver from "resize-observer-polyfill";
-import { mount } from "@vue/test-utils";
-
-import ObjectSelector from "@ogw_front/components/ObjectSelector";
-import Step from "@ogw_front/components/Step";
-import { useStepperTree } from "@ogw_front/composables/stepper_tree.js";
-
-import { vuetify } from "@ogw_tests/utils";
-
-globalThis.ResizeObserver = ResizeObserver;
-
-describe("step", () => {
-  test("brep", () => {
-    const geode_object_type = ref("BRep");
-    const files = ref([]);
-    const stepper_tree = useStepperTree(
-      [
-        {
-          step_title: "Confirm the data type",
-          component: {
-            component_name: shallowRef(ObjectSelector),
-            component_options: {
-              filenames: computed(() => files.value.map((file) => file.name)),
-              key: "",
-            },
-          },
-          chips: computed(() => [geode_object_type.value].filter((chip) => chip !== "")),
-        },
-      ],
-      { geode_object_type },
-    );
-    const wrapper = mount(
-      {
-        components: { Step },
-        template:
-          '<v-stepper-vertical><Step :stepIndex="0" :stepperTree="stepperTree" /></v-stepper-vertical>',
-        setup() {
-          return { stepperTree: stepper_tree };
-        },
-      },
-      {
-        global: {
-          plugins: [vuetify],
-        },
-      },
-    );
-    expect(wrapper.exists()).toBe(true);
-  });
-});

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

@@ -1,41 +0,0 @@
-import { computed, ref, shallowRef } from "vue";
-import { describe, expect, test } from "vitest";
-import { mountSuspended } from "@nuxt/test-utils/runtime";
-import { useStepperTree } from "@ogw_front/composables/stepper_tree.js";
-import { vuetify } from "@ogw_tests/utils";
-
-import ObjectSelector from "@ogw_front/components/ObjectSelector";
-import ResizeObserver from "resize-observer-polyfill";
-import Stepper from "@ogw_front/components/Stepper";
-
-globalThis.ResizeObserver = ResizeObserver;
-
-describe("stepper", () => {
-  test("mount", async () => {
-    const geode_object_type = ref("BRep");
-    const files = ref([]);
-    const stepper_tree = useStepperTree(
-      [
-        {
-          step_title: "Confirm the data type",
-          component: {
-            component_name: shallowRef(ObjectSelector),
-            component_options: {
-              filenames: computed(() => files.value.map((file) => file.name)),
-              key: "",
-            },
-          },
-          chips: computed(() => [geode_object_type.value].filter((chip) => chip !== "")),
-        },
-      ],
-      { geode_object_type },
-    );
-    const wrapper = await mountSuspended(Stepper, {
-      global: {
-        plugins: [vuetify],
-      },
-      props: { stepperTree: stepper_tree },
-    });
-    expect(wrapper.exists()).toBe(true);
-  });
-});

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

@@ -1,66 +0,0 @@
-// Third party imports
-import { describe, expect, test, vi } from "vitest";
-import { mountSuspended } from "@nuxt/test-utils/runtime";
-
-// Local imports
-import ToolPanel from "@ogw_front/components/ToolPanel";
-import { vuetify } from "@ogw_tests/utils";
-
-const FIRST_INDEX = 0;
-
-describe("tool panel", () => {
-  test("renders title and slot content when open", async () => {
-    const wrapper = await mountSuspended(ToolPanel, {
-      global: {
-        plugins: [vuetify],
-      },
-      props: {
-        modelValue: true,
-        title: "Test Panel",
-      },
-      slots: {
-        default: () => "Panel Content",
-      },
-    });
-
-    expect(wrapper.text()).toContain("Test Panel");
-    expect(wrapper.text()).toContain("Panel Content");
-  });
-
-  test("triggers escape key binding to close panel", async () => {
-    const wrapper = await mountSuspended(ToolPanel, {
-      global: {
-        plugins: [vuetify],
-      },
-      props: {
-        modelValue: true,
-        title: "Test Panel",
-      },
-    });
-
-    globalThis.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape" }));
-    await wrapper.vm.$nextTick();
-
-    expect(wrapper.emitted()).toHaveProperty("update:modelValue");
-    expect(wrapper.emitted("update:modelValue")[FIRST_INDEX]).toStrictEqual([false]);
-  });
-
-  test("calls escapeFunction prop when Escape key is pressed", async () => {
-    const escapeFunction = vi.fn();
-    const wrapper = await mountSuspended(ToolPanel, {
-      global: {
-        plugins: [vuetify],
-      },
-      props: {
-        escapeFunction,
-        modelValue: true,
-        title: "Test Panel",
-      },
-    });
-
-    globalThis.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape" }));
-    await wrapper.vm.$nextTick();
-
-    expect(escapeFunction).toHaveBeenCalledWith();
-  });
-});

package/tests/unit/composables/api_fetch.nuxt.test.js

@@ -1,75 +0,0 @@
-// Third party imports
-import { beforeEach, describe, expect, test } from "vitest";
-import { registerEndpoint } from "@nuxt/test-utils/runtime";
-
-// Local imports
-import { setupActivePinia } from "@ogw_tests/utils";
-import { useBackStore } from "@ogw_front/stores/back";
-import { useFeedbackStore } from "@ogw_front/stores/feedback";
-
-const FIRST_INDEX = 0;
-
-describe("backStore.request()", () => {
-  setupActivePinia();
-  const backStore = useBackStore();
-  const feedbackStore = useFeedbackStore();
-  backStore.base_url = "";
-
-  const schema = {
-    $id: "/test",
-    type: "object",
-    methods: ["POST"],
-    properties: {
-      test: {
-        type: "string",
-      },
-    },
-    required: ["test"],
-    additionalProperties: false,
-  };
-
-  beforeEach(async () => {
-    await feedbackStore.$reset();
-    await backStore.$reset();
-    backStore.base_url = "";
-  });
-
-  test("invalid schema", () => {
-    const invalid_schema = {
-      $id: "/test",
-      type: "object",
-      methods: ["POST"],
-      properties: {
-        test: {
-          type: "number",
-        },
-      },
-      required: ["test"],
-      additionalProperties: false,
-    };
-    const params = { test: "hello" };
-    expect(() => backStore.request({ schema: invalid_schema, params })).toThrow(
-      "data/test must be number",
-    );
-  });
-
-  test("invalid params", () => {
-    expect(() => backStore.request({ schema })).toThrow("data must have required property 'test'");
-  });
-
-  test("request with callbacks", async () => {
-    const params = { test: "hello" };
-    let errorCalled = false;
-    const callbacks = {
-      request_error_function: () => {
-        errorCalled = true;
-      },
-    };
-    registerEndpoint(schema.$id, {
-      method: schema.methods[FIRST_INDEX],
-      handler: () => ({ result: "success" }),
-    });
-    await backStore.request({ schema, params }, callbacks);
-    expect(errorCalled).toBe(false);
-  });
-});

package/tests/unit/composables/project_manager.nuxt.test.js

@@ -1,299 +0,0 @@
-// oxlint-disable vitest/expect-expect
-// oxlint-disable jest/prefer-ending-with-an-expect
-
-// Third party imports
-import { beforeEach, describe, expect, test, vi } from "vitest";
-
-import { exportProject, importProject } from "@ogw_front/composables/project_manager";
-import { appMode } from "@ogw_shared/app_mode";
-import { setupActivePinia } from "@ogw_tests/utils";
-
-import { $fetch } from "ofetch";
-
-vi.mock(import("ofetch"), () => ({
-  $fetch: vi.fn(),
-}));
-
-// Constants
-const PANEL_WIDTH = 300;
-const Z_SCALE = 1.5;
-const FOCAL_POINT1 = 1;
-const FOCAL_POINT2 = 2;
-const FOCAL_POINT3 = 3;
-const FOCAL_POINT = [FOCAL_POINT1, FOCAL_POINT2, FOCAL_POINT3];
-const VIEW_UP1 = 0;
-const VIEW_UP2 = 1;
-const VIEW_UP3 = 0;
-const VIEW_UP = [VIEW_UP1, VIEW_UP2, VIEW_UP3];
-const POSITION1 = 10;
-const POSITION2 = 11;
-const POSITION3 = 12;
-const POSITION = [POSITION1, POSITION2, POSITION3];
-const VIEW_ANGLE = 30;
-const CLIPPING_RANGE1 = 0.1;
-const CLIPPING_RANGE2 = 1000;
-const CLIPPING_RANGE = [CLIPPING_RANGE1, CLIPPING_RANGE2];
-const POINT_SIZE = 2;
-const VIEWER_CALL_COUNT = 1;
-
-// Snapshot
-const snapshotMock = {
-  data: {
-    items: [
-      {
-        id: "abc123",
-        viewer_type: "mesh",
-        geode_object_type: "PointSet2D",
-        native_file: "native.ext",
-        viewable_file: "viewable.ext",
-        name: "My Data",
-        binary_light_viewable: "VGxpZ2h0RGF0YQ==",
-      },
-    ],
-  },
-  treeview: {
-    isAdditionnalTreeDisplayed: false,
-    panelWidth: PANEL_WIDTH,
-    model_id: "",
-    isTreeCollection: false,
-    selectedTree: undefined,
-    selectionIds: [],
-  },
-  dataStyle: {
-    styles: {
-      abc123: {
-        points: {
-          visibility: true,
-          coloring: {
-            active: "color",
-            color: { red: 255, green: 255, blue: 255, alpha: 1 },
-            vertex: undefined,
-          },
-          size: POINT_SIZE,
-        },
-      },
-    },
-  },
-  hybridViewer: {
-    zScale: Z_SCALE,
-    camera_options: {
-      focal_point: FOCAL_POINT,
-      view_up: VIEW_UP,
-      position: POSITION,
-      view_angle: VIEW_ANGLE,
-      clipping_range: CLIPPING_RANGE,
-    },
-  },
-};
-
-const backStoreMock = {
-  start_request: vi.fn(),
-  stop_request: vi.fn(),
-  base_url: vi.fn(() => ""),
-  $reset: vi.fn(),
-};
-const infraStoreMock = {
-  app_mode: appMode.BROWSER,
-};
-const viewerStoreMock = {
-  ws_connect: vi.fn().mockResolvedValue(),
-  base_url: vi.fn(() => ""),
-  request: vi.fn().mockResolvedValue(),
-};
-const treeviewStoreMock = {
-  clear: vi.fn(),
-  importStores: vi.fn().mockResolvedValue(),
-  finalizeImportSelection: vi.fn(),
-  addItem: vi.fn().mockResolvedValue(),
-};
-const dataStoreMock = {
-  clear: vi.fn(),
-  registerObject: vi.fn().mockResolvedValue(),
-  addItem: vi.fn().mockResolvedValue(),
-  importStores: vi.fn().mockResolvedValue(),
-  isItemViewable: vi.fn().mockReturnValue(true),
-};
-const dataStyleStoreMock = {
-  importStores: vi.fn().mockResolvedValue(),
-  applyAllStylesFromState: vi.fn().mockResolvedValue(),
-  addDataStyle: vi.fn().mockResolvedValue(),
-  applyDefaultStyle: vi.fn().mockResolvedValue(),
-};
-const feedbackStoreMock = {
-  add_success: vi.fn(),
-  add_error: vi.fn(),
-};
-
-const viewer_call_mock_fn = vi.fn().mockResolvedValue();
-
-const hybridViewerStoreMock = {
-  clear: vi.fn(),
-  initHybridViewer: vi.fn().mockResolvedValue(),
-  importStores: vi.fn((snapshot) => {
-    if (snapshot?.zScale !== undefined) {
-      hybridViewerStoreMock.setZScaling(snapshot.zScale);
-    }
-    if (snapshot?.camera_options) {
-      viewer_call_mock_fn({
-        schema: { $id: "opengeodeweb_viewer.viewer.update_camera" },
-        params: { camera_options: snapshot.camera_options },
-      });
-      hybridViewerStoreMock.remoteRender();
-    }
-  }),
-  addItem: vi.fn().mockResolvedValue(),
-  remoteRender: vi.fn(),
-  setZScaling: vi.fn(),
-};
-
-// MOCKS
-$fetch.mockImplementation((route, options) => {
-  const data = { snapshot: snapshotMock };
-  // oxlint-disable-next-line eslint/id-length
-  options.onResponse?.({ response: { ok: true, _data: data } });
-  return Promise.resolve(data);
-});
-vi.mock(import("@ogw_internal/utils/viewer_call"), () => ({
-  viewer_call: viewer_call_mock_fn,
-}));
-
-vi.mock(import("@ogw_front/composables/api_fetch"), () => ({
-  api_fetch: vi.fn(async (_req, options = {}) => {
-    const response = {
-      _data: new Blob(["zipcontent"], { type: "application/zip" }),
-      headers: {
-        get: (k) => (k === "new-file-name" ? "project_123.vease" : undefined),
-      },
-    };
-    if (options.response_function) {
-      await options.response_function(response);
-    }
-    return response;
-  }),
-}));
-vi.mock(import("js-file-download"), () => ({ default: vi.fn() }));
-vi.mock(import("@ogw_front/stores/infra"), () => ({
-  useInfraStore: () => infraStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/viewer"), () => ({
-  useViewerStore: () => viewerStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/treeview"), () => ({
-  useTreeviewStore: () => treeviewStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/data"), () => ({
-  useDataStore: () => dataStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/data_style"), () => ({
-  useDataStyleStore: () => dataStyleStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/hybrid_viewer"), () => ({
-  useHybridViewerStore: () => hybridViewerStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/back"), () => ({
-  useBackStore: () => backStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/feedback"), () => ({
-  useFeedbackStore: () => feedbackStoreMock,
-}));
-vi.mock(import("@ogw_front/stores/app"), () => ({
-  useAppStore: () => ({
-    exportStores: vi.fn(() => ({ projectName: "mockedProject" })),
-  }),
-}));
-
-vi.stubGlobal("useAppStore", () => ({
-  exportStores: vi.fn(() => ({ projectName: "mockedProject" })),
-}));
-
-const mockLockRequest = vi.fn().mockImplementation(async (name, task) => await task({ name }));
-
-vi.stubGlobal("navigator", {
-  ...navigator,
-  locks: {
-    request: mockLockRequest,
-  },
-});
-
-function verifyViewerCalls() {
-  expect(viewerStoreMock.ws_connect).toHaveBeenCalledWith();
-  expect(viewer_call_mock_fn).toHaveBeenCalledTimes(VIEWER_CALL_COUNT);
-}
-
-function verifyStoreImports() {
-  expect(treeviewStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.treeview);
-  expect(dataStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.data);
-  expect(hybridViewerStoreMock.initHybridViewer).toHaveBeenCalledWith();
-  expect(hybridViewerStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.hybridViewer);
-  expect(hybridViewerStoreMock.setZScaling).toHaveBeenCalledWith(Z_SCALE);
-}
-
-function verifyDataManagement() {
-  expect(dataStyleStoreMock.importStores).toHaveBeenCalledWith(snapshotMock.dataStyle);
-  expect(dataStyleStoreMock.applyAllStylesFromState).toHaveBeenCalledWith();
-  expect(dataStoreMock.registerObject).toHaveBeenCalledWith("abc123", "My Data");
-  expect(dataStoreMock.addItem).toHaveBeenCalledWith(snapshotMock.data.items[0]);
-  expect(treeviewStoreMock.addItem).toHaveBeenCalledWith("PointSet2D", "My Data", "abc123", "mesh");
-}
-
-function verifyRemaining() {
-  expect(hybridViewerStoreMock.addItem).toHaveBeenCalledWith("abc123");
-  expect(dataStyleStoreMock.addDataStyle).toHaveBeenCalledWith("abc123", "PointSet2D");
-  expect(dataStyleStoreMock.applyDefaultStyle).toHaveBeenCalledWith("abc123");
-  expect(hybridViewerStoreMock.remoteRender).toHaveBeenCalledWith();
-  expect(feedbackStoreMock.add_success).toHaveBeenCalledWith("Project imported successfully");
-}
-
-describe("projectManager composable (compact)", () => {
-  beforeEach(() => {
-    setupActivePinia();
-    const storesList = [
-      viewerStoreMock,
-      treeviewStoreMock,
-      dataStoreMock,
-      dataStyleStoreMock,
-      hybridViewerStoreMock,
-      feedbackStoreMock,
-    ];
-    for (const store of storesList) {
-      const values = Object.values(store);
-      for (const value of values) {
-        if (typeof value === "function" && value.mockClear) {
-          value.mockClear();
-        }
-      }
-    }
-    viewer_call_mock_fn.mockClear();
-  });
-
-  test("exportProject", async () => {
-    const { default: fileDownload } = await import("js-file-download");
-
-    await exportProject();
-
-    expect(fileDownload).toHaveBeenCalledWith({ snapshot: snapshotMock }, "project.vease");
-    expect(feedbackStoreMock.add_success).toHaveBeenCalledWith("Project exported successfully");
-  });
-
-  test("importProjectFile with snapshot - Viewer and Stores", async () => {
-    const file = new Blob(['{"dataBase":{"db":{}}}'], {
-      type: "application/json",
-    });
-
-    await importProject(file);
-
-    verifyViewerCalls();
-    verifyStoreImports();
-  });
-
-  test("importProjectFile with snapshot - Data and Rendering", async () => {
-    const file = new Blob(['{"dataBase":{"db":{}}}'], {
-      type: "application/json",
-    });
-
-    await importProject(file);
-
-    verifyDataManagement();
-    verifyRemaining();
-  });
-});

package/tests/unit/composables/run_function_when_microservices_connected.nuxt.test.js

@@ -1,57 +0,0 @@
-// Third party imports
-import { beforeEach, describe, expect, test, vi } from "vitest";
-import { flushPromises } from "@vue/test-utils";
-
-// Local imports
-import { Status } from "@ogw_front/utils/status";
-import { runFunctionWhenMicroservicesConnected } from "@ogw_front/composables/run_function_when_microservices_connected";
-import { setupActivePinia } from "@ogw_tests/utils";
-import { useBackStore } from "@ogw_front/stores/back";
-import { useInfraStore } from "@ogw_front/stores/infra";
-import { useViewerStore } from "@ogw_front/stores/viewer";
-
-const dumb_obj = { dumb_method: () => true };
-let infraStore = undefined;
-let backStore = undefined;
-let viewerStore = undefined;
-
-describe("when_microservices_connected_run_function", () => {
-  beforeEach(() => {
-    setupActivePinia();
-    infraStore = useInfraStore();
-    backStore = useBackStore();
-    viewerStore = useViewerStore();
-
-    // Register microservices in infra store
-    infraStore.register_microservice(backStore, {
-      request: vi.fn(),
-      connect: vi.fn(),
-      launch: vi.fn(),
-    });
-    infraStore.register_microservice(viewerStore, {
-      request: vi.fn(),
-      connect: vi.fn(),
-      launch: vi.fn(),
-    });
-
-    backStore.$patch({ status: Status.NOT_CONNECTED });
-    viewerStore.$patch({ status: Status.NOT_CONNECTED });
-  });
-
-  test("microservices not connected", () => {
-    const spy = vi.spyOn(dumb_obj, "dumb_method");
-    runFunctionWhenMicroservicesConnected(dumb_obj.dumb_method);
-    backStore.$patch({ status: Status.NOT_CONNECTED });
-    viewerStore.$patch({ status: Status.NOT_CONNECTED });
-    expect(spy).not.toHaveBeenCalled();
-  });
-
-  test("microservices connected", async () => {
-    const spy = vi.spyOn(dumb_obj, "dumb_method");
-    runFunctionWhenMicroservicesConnected(dumb_obj.dumb_method);
-    backStore.$patch({ status: Status.CONNECTED });
-    viewerStore.$patch({ status: Status.CONNECTED });
-    await flushPromises();
-    expect(spy).toHaveBeenCalledWith();
-  });
-});

package/tests/unit/composables/upload_file.nuxt.test.js

@@ -1,45 +0,0 @@
-// Third party imports
-import { beforeEach, describe, expect, test } from "vitest";
-import { registerEndpoint } from "@nuxt/test-utils/runtime";
-import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
-
-// Local imports
-import { setupActivePinia } from "@ogw_tests/utils";
-import { useBackStore } from "@ogw_front/stores/back";
-import { useFeedbackStore } from "@ogw_front/stores/feedback";
-
-const ZERO = 0;
-const schema = schemas.opengeodeweb_back.upload_file;
-
-describe("upload_file", () => {
-  beforeEach(() => {
-    setupActivePinia();
-    const backStore = useBackStore();
-    backStore.base_url = "";
-  });
-
-  test("throw error", async () => {
-    const backStore = useBackStore();
-    const file = "toto";
-
-    await expect(backStore.upload(file)).rejects.toThrow("file must be an instance of File");
-  });
-
-  test("onResponse", async () => {
-    const feedbackStore = useFeedbackStore();
-    const backStore = useBackStore();
-    registerEndpoint(schema.$id, {
-      method: "PUT",
-      handler: () => ({ test: "ok" }),
-    });
-    const file = new File(["fake_file"], "fake_file.txt");
-    let response_value = "";
-    await backStore.upload(file, {
-      response_function: (response) => {
-        response_value = response.test;
-      },
-    });
-    expect(feedbackStore.feedbacks).toHaveLength(ZERO);
-    expect(response_value).toBe("ok");
-  });
-});