vease 1.58.1 → 1.59.0-rc.1

package/.build/tests/e2e/utils/app_interaction.js

@@ -9,10 +9,11 @@ async function closeAllMenus(window) {
 	await waitForActionSettled(window);
 }
 async function closeFeedbackSnackbar(window) {
-	const snackbar = window.getByTestId("feedbackSnackbar");
-	if (await snackbar.isVisible()) {
-		await snackbar.getByRole("button").click();
-		await expect(snackbar).not.toBeVisible();
+	const snackbars = window.getByTestId("feedbackSnackbar");
+	while (await snackbars.count() > 0) {
+		const count = await snackbars.count();
+		await snackbars.first().getByTestId("feedbackCloseBtn").click();
+		await expect(snackbars).toHaveCount(count - 1);
 	}
 }
 //#endregion

package/.build/tests/e2e/utils/crs.js

@@ -0,0 +1,127 @@
+import { waitForActionSettled } from "./wait_for_action_settled.js";
+import { closeFeedbackSnackbar } from "./app_interaction.js";
+import { expandGeodeObjectTypeInTree, getTreeRowByTextAndParent } from "./object_trees/common.js";
+import { getMainObjectTree } from "./object_trees/main_object_tree.js";
+import { getDataTableRow } from "./data_manager.js";
+import { expect } from "@playwright/test";
+//#region tests/e2e/utils/crs.ts
+async function expectDataRows(window, itemNames) {
+	for (const itemName of itemNames) await expect(getDataTableRow(window, itemName)).toBeVisible();
+}
+async function openCrsByButton(window, itemName) {
+	await getDataTableRow(window, itemName).getByTestId("crsCell").click();
+	await waitForActionSettled(window);
+}
+async function expectRowCrs(window, itemName, expected) {
+	await expect(getDataTableRow(window, itemName).getByTestId("crsCell")).toContainText(expected);
+}
+async function getDataTreeRow(window, geodeObjectType, dataName) {
+	const tree = getMainObjectTree(window);
+	await expandGeodeObjectTypeInTree(window, geodeObjectType, tree);
+	return getTreeRowByTextAndParent(window, geodeObjectType, dataName, tree);
+}
+async function openCrsFromTree(window, geodeObjectType, dataName) {
+	await (await getDataTreeRow(window, geodeObjectType, dataName)).getByTestId("treeItemLabel").first().hover();
+	await waitForActionSettled(window);
+	const editButton = window.locator(".v-overlay--active").getByTestId("editCrsBtn");
+	await editButton.hover();
+	await editButton.click();
+	await waitForActionSettled(window);
+}
+async function openCrsFromInfoCard(window, geodeObjectType, dataName) {
+	await (await getDataTreeRow(window, geodeObjectType, dataName)).click({ button: "right" });
+	await waitForActionSettled(window);
+	await window.getByTestId("circularMenuCenterButton").click();
+	await window.getByTestId("infoEditCrsBtn").click();
+	await waitForActionSettled(window);
+}
+async function openCrsFromWarning(window, geodeObjectType, dataName) {
+	await (await getDataTreeRow(window, geodeObjectType, dataName)).getByTestId("crsMismatchIcon").click();
+	await waitForActionSettled(window);
+}
+async function openCrsFromFeedback(window, text) {
+	const snackbar = window.getByTestId("feedbackSnackbar").filter({ hasText: text });
+	await expect(snackbar).toBeVisible();
+	await snackbar.getByTestId("feedbackActionBtn").click();
+	await waitForActionSettled(window);
+}
+async function selectCrs(window, crsName) {
+	await window.getByTestId("crsSearchInput").locator("input").fill(crsName);
+	await window.locator("tr").filter({ hasText: crsName }).locator("input").first().check();
+	await waitForActionSettled(window);
+}
+async function confirmAssign(window) {
+	await window.getByTestId("crsAssignButton").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+async function expectCurrentCrs(window, expected) {
+	await expect(window.getByTestId("crsCurrentValue")).toContainText(expected);
+}
+async function selectAssignMode(window) {
+	await window.getByTestId("crsModeAssign").click();
+	await waitForActionSettled(window);
+}
+async function clickAssign(window) {
+	await window.getByTestId("crsAssignButton").click();
+	await waitForActionSettled(window);
+}
+async function expectFeedback(window, text) {
+	await expect(window.getByTestId("feedbackSnackbar").filter({ hasText: text })).toBeVisible();
+	await closeFeedbackSnackbar(window);
+}
+async function selectConvertMode(window) {
+	await window.getByTestId("crsModeConvert").click();
+	await waitForActionSettled(window);
+}
+async function confirmConvert(window) {
+	await window.getByTestId("crsConvertButton").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+async function startAlignment(window) {
+	await window.getByTestId("crsModeAlign").click();
+	await window.getByTestId("crsStartAlignButton").click();
+	await waitForActionSettled(window);
+}
+async function selectAlignMode(window, mode) {
+	await window.getByTestId(`crsAlignMode-${mode}`).click();
+	await waitForActionSettled(window);
+}
+async function fillAlignPoints(window, prefix, points) {
+	for (const [index, { x, y }] of points.entries()) {
+		const inputs = window.getByTestId(`${prefix}-${index}`).locator("input");
+		await inputs.nth(0).fill(String(x));
+		await inputs.nth(1).fill(String(y));
+	}
+}
+async function selectAlignmentCrs(window, crsName) {
+	const panel = window.getByTestId("crsAlignPanel");
+	await panel.getByTestId("crsSearchInput").locator("input").fill(crsName);
+	await panel.locator("tr").filter({ hasText: crsName }).locator("input").first().check();
+	await waitForActionSettled(window);
+}
+async function selectScope(window, scope, testId = "crsScope") {
+	await window.getByTestId(`${testId}-${scope}`).locator("input").check();
+	await waitForActionSettled(window);
+}
+async function expectCrsMismatch(window, geodeObjectType, dataName, expected) {
+	const icon = (await getDataTreeRow(window, geodeObjectType, dataName)).getByTestId("crsMismatchIcon");
+	await (expected ? expect(icon).toBeVisible() : expect(icon).toBeHidden());
+}
+async function openProjectCrs(window) {
+	await window.getByTestId("projectCrs").click();
+	await waitForActionSettled(window);
+}
+async function confirmProjectCrs(window) {
+	await window.getByTestId("projectCrsApply").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+async function applyAlignment(window) {
+	await window.getByTestId("crsAlignApplyButton").click();
+	await waitForActionSettled(window);
+	await closeFeedbackSnackbar(window);
+}
+//#endregion
+export { applyAlignment, clickAssign, confirmAssign, confirmConvert, confirmProjectCrs, expectCrsMismatch, expectCurrentCrs, expectDataRows, expectFeedback, expectRowCrs, fillAlignPoints, openCrsByButton, openCrsFromFeedback, openCrsFromInfoCard, openCrsFromTree, openCrsFromWarning, openProjectCrs, selectAlignMode, selectAlignmentCrs, selectAssignMode, selectConvertMode, selectCrs, selectScope, startAlignment };

package/.build/tests/e2e/utils/extension.js

@@ -1,8 +1,8 @@
 import { modalTransitionWait } from "./constants.js";
 import { waitForLoadingScreen } from "./other.js";
 import { navigateToExtensionsPage } from "./navigate.js";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 //#region tests/e2e/utils/extension.ts
 async function loadExtension(window, extensionFilePath) {
 	await waitForLoadingScreen(window);

package/.build/tests/e2e/utils/fixtures.js

@@ -1,8 +1,8 @@
 import { waitForActionSettled } from "./wait_for_action_settled.js";
 import { navigateToApp } from "./navigate.js";
 import { expect, test as test$1 } from "@playwright/test";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 import fs from "node:fs";
 import os from "node:os";
 //#region tests/e2e/utils/fixtures.ts

package/.build/tests/e2e/utils/load.js

@@ -1,7 +1,7 @@
 import { waitForActionSettled } from "./wait_for_action_settled.js";
 import { expect } from "@playwright/test";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 //#region tests/e2e/utils/load.ts
 const __dirname = import.meta.dirname;
 const loadWorkflowTimeout = 8e3;

package/.build/tests/e2e/utils/navigate.js

@@ -1,8 +1,8 @@
 import { logBrowserConsole } from "../../../utils/browser_console.js";
 import { expect } from "@playwright/test";
 import { isWindows } from "std-env";
-import path from "node:path";
 import { consola } from "consola";
+import path from "node:path";
 import { execSync } from "node:child_process";
 import fs from "node:fs";
 import { setTimeout } from "node:timers/promises";

package/.build/tests/e2e/utils/object_trees/model_components_object_tree.js

@@ -1,9 +1,9 @@
 import { waitForActionSettled } from "../wait_for_action_settled.js";
 import { closeAllMenus, moveMouseOutOfTheWay } from "../app_interaction.js";
 import { ensureMenuOpen, resetMenuScroll } from "../viewer_interaction.js";
-import { setModelColor } from "../data/model/color.js";
 import { clickCollapseOrExpandAll, collapseGeodeObjectTypeInTree, collapseTreeGroup, expandGeodeObjectTypeInTree, getTreeRowByTextAndParent } from "./common.js";
 import { expandGeodeObjectType, getMainObjectTree } from "./main_object_tree.js";
+import { setModelColor } from "../data/model/color.js";
 //#region tests/e2e/utils/object_trees/model_components_object_tree.ts
 function getModelComponentsObjectTree(window) {
 	return window.getByTestId("modelComponentsObjectTree");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vease",
-  "version": "1.58.1",
+  "version": "1.59.0-rc.1",
   "description": "Desktop and cloud software for data visualization",
   "keywords": [
     "Desktop",
@@ -90,12 +90,12 @@
     "@ai-sdk/vue": "4.0.93",
     "@fontsource/michroma": "5.2.6",
     "@fontsource/roboto": "5.2.10",
-    "@geode/cloud-api": "latest",
-    "@geode/opengeodeweb-back": "latest",
-    "@geode/opengeodeweb-front": "latest",
-    "@geode/opengeodeweb-viewer": "latest",
-    "@geode/vease-back": "latest",
-    "@geode/vease-viewer": "latest",
+    "@geode/cloud-api": "next",
+    "@geode/opengeodeweb-back": "next",
+    "@geode/opengeodeweb-front": "next",
+    "@geode/opengeodeweb-viewer": "next",
+    "@geode/vease-back": "next",
+    "@geode/vease-viewer": "next",
     "@nuxtjs/mcp-toolkit": "0.18.1",
     "ai": "7.0.93",
     "bowser": "2.14.1",

package/tests/e2e/utils/app_interaction.ts

@@ -11,12 +11,17 @@ async function closeAllMenus(window: Page): Promise<void> {
 
 // Snackbars auto-dismiss after 10s (see feedback store), which is too slow to rely on between tests.
 // Not every action produces a snackbar (e.g. a successful visibility toggle doesn't), so only close it if present.
+// Some actions stack several (e.g. an assign with an implausible CRS warning): all of them are closed.
 async function closeFeedbackSnackbar(window: Page): Promise<void> {
-  const snackbar = window.getByTestId("feedbackSnackbar");
-  if (await snackbar.isVisible()) {
-    await snackbar.getByRole("button").click();
-    await expect(snackbar).not.toBeVisible();
+  const snackbars = window.getByTestId("feedbackSnackbar");
+  // Each close removes a snackbar: they must be closed one after another
+  // oxlint-disable no-await-in-loop
+  while ((await snackbars.count()) > 0) {
+    const count = await snackbars.count();
+    await snackbars.first().getByTestId("feedbackCloseBtn").click();
+    await expect(snackbars).toHaveCount(count - 1);
   }
+  // oxlint-enable no-await-in-loop
 }
 
 export { closeAllMenus, closeFeedbackSnackbar, moveMouseOutOfTheWay };

package/tests/e2e/utils/crs.ts

@@ -0,0 +1,227 @@
+// Node imports
+
+// Third party imports
+import { type Locator, type Page, expect } from "@playwright/test";
+
+// Local imports
+import { expandGeodeObjectTypeInTree, getTreeRowByTextAndParent } from "./object_trees/common";
+import { closeFeedbackSnackbar } from "./app_interaction";
+import { getDataTableRow } from "./data_manager";
+import { getMainObjectTree } from "./object_trees/main_object_tree";
+import { waitForActionSettled } from "./wait_for_action_settled";
+
+async function expectDataRows(window: Page, itemNames: string[]): Promise<void> {
+  // oxlint-disable no-await-in-loop
+  for (const itemName of itemNames) {
+    await expect(getDataTableRow(window, itemName)).toBeVisible();
+  }
+  // oxlint-enable no-await-in-loop
+}
+
+async function openCrsByButton(window: Page, itemName: string): Promise<void> {
+  await getDataTableRow(window, itemName).getByTestId("crsCell").click();
+  await waitForActionSettled(window);
+}
+
+async function expectRowCrs(window: Page, itemName: string, expected: string): Promise<void> {
+  await expect(getDataTableRow(window, itemName).getByTestId("crsCell")).toContainText(expected);
+}
+
+async function getDataTreeRow(
+  window: Page,
+  geodeObjectType: string,
+  dataName: string,
+): Promise<Locator> {
+  const tree = getMainObjectTree(window);
+  await expandGeodeObjectTypeInTree(window, geodeObjectType, tree);
+  return getTreeRowByTextAndParent(window, geodeObjectType, dataName, tree);
+}
+
+async function openCrsFromTree(
+  window: Page,
+  geodeObjectType: string,
+  dataName: string,
+): Promise<void> {
+  const row = await getDataTreeRow(window, geodeObjectType, dataName);
+  await row.getByTestId("treeItemLabel").first().hover();
+  await waitForActionSettled(window);
+  const editButton = window.locator(".v-overlay--active").getByTestId("editCrsBtn");
+  await editButton.hover();
+  await editButton.click();
+  await waitForActionSettled(window);
+}
+
+async function openCrsFromInfoCard(
+  window: Page,
+  geodeObjectType: string,
+  dataName: string,
+): Promise<void> {
+  const row = await getDataTreeRow(window, geodeObjectType, dataName);
+  await row.click({ button: "right" });
+  await waitForActionSettled(window);
+  await window.getByTestId("circularMenuCenterButton").click();
+  await window.getByTestId("infoEditCrsBtn").click();
+  await waitForActionSettled(window);
+}
+
+// The warning icon of the tree opens the crs dialog of the data
+async function openCrsFromWarning(
+  window: Page,
+  geodeObjectType: string,
+  dataName: string,
+): Promise<void> {
+  const row = await getDataTreeRow(window, geodeObjectType, dataName);
+  await row.getByTestId("crsMismatchIcon").click();
+  await waitForActionSettled(window);
+}
+
+async function openCrsFromFeedback(window: Page, text: string): Promise<void> {
+  const snackbar = window.getByTestId("feedbackSnackbar").filter({ hasText: text });
+  await expect(snackbar).toBeVisible();
+  await snackbar.getByTestId("feedbackActionBtn").click();
+  await waitForActionSettled(window);
+}
+
+// Selecting is its own step so the dialog state is captured before the action
+async function selectCrs(window: Page, crsName: string): Promise<void> {
+  await window.getByTestId("crsSearchInput").locator("input").fill(crsName);
+  await window.locator("tr").filter({ hasText: crsName }).locator("input").first().check();
+  await waitForActionSettled(window);
+}
+
+async function confirmAssign(window: Page): Promise<void> {
+  await window.getByTestId("crsAssignButton").click();
+  await waitForActionSettled(window);
+  // The global feedback snackbar outlives the next step: close it so screenshots stay stable
+  await closeFeedbackSnackbar(window);
+}
+
+async function expectCurrentCrs(window: Page, expected: string): Promise<void> {
+  await expect(window.getByTestId("crsCurrentValue")).toContainText(expected);
+}
+
+// A georeferenced data opens on convert
+async function selectAssignMode(window: Page): Promise<void> {
+  await window.getByTestId("crsModeAssign").click();
+  await waitForActionSettled(window);
+}
+
+// Without closing the feedback: the step checks the dialog or the warning it shows
+async function clickAssign(window: Page): Promise<void> {
+  await window.getByTestId("crsAssignButton").click();
+  await waitForActionSettled(window);
+}
+
+async function expectFeedback(window: Page, text: string): Promise<void> {
+  await expect(window.getByTestId("feedbackSnackbar").filter({ hasText: text })).toBeVisible();
+  await closeFeedbackSnackbar(window);
+}
+
+async function selectConvertMode(window: Page): Promise<void> {
+  await window.getByTestId("crsModeConvert").click();
+  await waitForActionSettled(window);
+}
+
+async function confirmConvert(window: Page): Promise<void> {
+  await window.getByTestId("crsConvertButton").click();
+  await waitForActionSettled(window);
+  await closeFeedbackSnackbar(window);
+}
+
+async function startAlignment(window: Page): Promise<void> {
+  await window.getByTestId("crsModeAlign").click();
+  await window.getByTestId("crsStartAlignButton").click();
+  await waitForActionSettled(window);
+}
+
+async function selectAlignMode(window: Page, mode: "similarity" | "affine"): Promise<void> {
+  await window.getByTestId(`crsAlignMode-${mode}`).click();
+  await waitForActionSettled(window);
+}
+
+async function fillAlignPoints(
+  window: Page,
+  prefix: "crsAlignSource" | "crsAlignTarget",
+  points: { x: number; y: number }[],
+): Promise<void> {
+  // Fills share the keyboard focus: they must run one after another
+  // oxlint-disable no-await-in-loop
+  for (const [index, { x, y }] of points.entries()) {
+    const inputs = window.getByTestId(`${prefix}-${index}`).locator("input");
+    await inputs.nth(0).fill(String(x));
+    await inputs.nth(1).fill(String(y));
+  }
+  // oxlint-enable no-await-in-loop
+}
+
+async function selectAlignmentCrs(window: Page, crsName: string): Promise<void> {
+  const panel = window.getByTestId("crsAlignPanel");
+  await panel.getByTestId("crsSearchInput").locator("input").fill(crsName);
+  await panel.locator("tr").filter({ hasText: crsName }).locator("input").first().check();
+  await waitForActionSettled(window);
+}
+
+// "All data" or "This data only", in the crs dialog (crsScope) or the georeference drawer (crsAlignScope)
+async function selectScope(
+  window: Page,
+  scope: "all" | "one",
+  testId: "crsScope" | "crsAlignScope" = "crsScope",
+): Promise<void> {
+  await window.getByTestId(`${testId}-${scope}`).locator("input").check();
+  await waitForActionSettled(window);
+}
+
+async function expectCrsMismatch(
+  window: Page,
+  geodeObjectType: string,
+  dataName: string,
+  expected: boolean,
+): Promise<void> {
+  const row = await getDataTreeRow(window, geodeObjectType, dataName);
+  const icon = row.getByTestId("crsMismatchIcon");
+  await (expected ? expect(icon).toBeVisible() : expect(icon).toBeHidden());
+}
+
+async function openProjectCrs(window: Page): Promise<void> {
+  await window.getByTestId("projectCrs").click();
+  await waitForActionSettled(window);
+}
+
+async function confirmProjectCrs(window: Page): Promise<void> {
+  await window.getByTestId("projectCrsApply").click();
+  await waitForActionSettled(window);
+  await closeFeedbackSnackbar(window);
+}
+
+async function applyAlignment(window: Page): Promise<void> {
+  await window.getByTestId("crsAlignApplyButton").click();
+  await waitForActionSettled(window);
+  await closeFeedbackSnackbar(window);
+}
+
+export {
+  applyAlignment,
+  clickAssign,
+  confirmAssign,
+  confirmConvert,
+  confirmProjectCrs,
+  expectCrsMismatch,
+  expectCurrentCrs,
+  expectDataRows,
+  expectFeedback,
+  expectRowCrs,
+  fillAlignPoints,
+  openCrsByButton,
+  openCrsFromFeedback,
+  openCrsFromInfoCard,
+  openCrsFromTree,
+  openCrsFromWarning,
+  openProjectCrs,
+  selectAlignmentCrs,
+  selectConvertMode,
+  selectCrs,
+  selectScope,
+  selectAlignMode,
+  selectAssignMode,
+  startAlignment,
+};