Feat/vertex attribute tests for meshes and models

app/layouts/default.vue

@@ -42,23 +42,12 @@ watch(
   <v-app>
     <MainNavigation />
     <v-main class="custom-background dropzone">
-      <GlassCard
-        variant="ui"
-        padding="pa-0"
-        class="island-wrapper overflow-hidden"
-      >
-        <Launcher
-          v-if="infraStore.status != Status.CREATED"
-          app-name="Vease"
-          logo="/logo.png"
-        />
+      <GlassCard variant="ui" padding="pa-0" class="island-wrapper overflow-hidden">
+        <Launcher v-if="infraStore.status != Status.CREATED" app-name="Vease" logo="/logo.png" />
         <NuxtPage style="z-index: 1" class="fill-height" />
       </GlassCard>
       <InfraConnected>
-        <DrawerManager
-          :ui-store="UIStore"
-          @files-dropped="handleFilesDropped"
-        />
+        <DrawerManager :ui-store="UIStore" @files-dropped="handleFilesDropped" />
       </InfraConnected>
     </v-main>
     <v-progress-linear

tests/e2e/tests/edged_curve.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", true);
+  await vertexAttribute(window, "meshEdgesMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/grid2d.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", false);
+  await vertexAttribute(window, "meshCellsMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/grid3d.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", false);
+  await vertexAttribute(window, "meshCellsMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/model.test.js

@@ -10,6 +10,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -46,6 +47,12 @@ test("points visibility", async () => {
   await expect(window).toHaveScreenshot();
 });
 
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "model", false);
+  await vertexAttribute(window, "modelStyleMenu");
+  await expect(window).toHaveScreenshot();
+});
+
 test("object tree context menu", async () => {
   console.log("Right click on the BRep from object tree");
   const mainObjectTree = window.getByTestId("mainObjectTree");

tests/e2e/tests/point_set.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", true);
+  await vertexAttribute(window, "meshPointsMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/polygonal_surface.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", false);
+  await vertexAttribute(window, "meshPolygonsMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/solid.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", false);
+  await vertexAttribute(window, "meshPolyhedraMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/tests/triangulated_surface.test.js

@@ -9,6 +9,7 @@ import {
   loadData,
   navigateToApp,
   pointsVisibility,
+  vertexAttribute,
   viewerContextMenu,
 } from "@tests/utils.js";
 import { test } from "@tests/fixtures.js";
@@ -44,3 +45,9 @@ test("points visibility", async () => {
   await pointsVisibility(window, viewerObjectType, visibility);
   await expect(window).toHaveScreenshot();
 });
+
+test("vertex attribute", async () => {
+  await pointsVisibility(window, "mesh", false);
+  await vertexAttribute(window, "meshPolygonsMenu");
+  await expect(window).toHaveScreenshot();
+});

tests/e2e/utils.js

@@ -151,22 +151,88 @@ async function viewerContextMenu(window, x, y) {
 }
 
 async function pointsVisibility(window, viewerObjectType, visibility) {
-  let menuTestId = undefined,
-    switchTestId = undefined;
-  if (viewerObjectType === "model") {
-    menuTestId = "modelPointsMenu";
-    switchTestId = "modelPointsVisibilitySwitch";
-  } else if (viewerObjectType === "mesh") {
-    menuTestId = "meshPointsMenu";
-    switchTestId = "meshPointsVisibilitySwitch";
-  } else {
-    throw new Error(`Unknown viewer object type: ${viewerObjectType}`);
+  const menuTestId = viewerObjectType === "model" ? "modelPointsMenu" : "meshPointsMenu";
+  const switchTestId =
+    viewerObjectType === "model" ? "modelPointsVisibilitySwitch" : "meshPointsVisibilitySwitch";
+
+  const pointsMenuButton = window.getByTestId(menuTestId);
+  if (
+    !(await pointsMenuButton
+      .locator("button.menu-btn")
+      .evaluate((node) => node.classList.contains("v-btn--active")))
+  ) {
+    await pointsMenuButton.click();
+    await window.waitForTimeout(afterActionWait);
   }
+  await window.getByTestId(switchTestId).getByRole("checkbox")[visibility ? "check" : "uncheck"]();
+  await window.waitForTimeout(afterActionWait);
+}
+
+async function vertexAttribute(
+  window,
+  menuTestId,
+  { attributeName = "points", colorMap = undefined, min = undefined, max = undefined } = {},
+) {
+  const menuButton = window.getByTestId(menuTestId);
+  if (
+    !(await menuButton
+      .locator("button.menu-btn")
+      .evaluate((node) => node.classList.contains("v-btn--active")))
+  ) {
+    await menuButton.click();
+    await window.waitForTimeout(afterActionWait);
+  }
+
+  await window.getByTestId("coloringStyleSelector").first().click();
+  await window.waitForTimeout(afterActionWait);
+
+  await window
+    .locator(".v-overlay-container")
+    .getByText("Vertex attribute")
+    .filter({ visible: true })
+    .first()
+    .click();
+  await window.waitForTimeout(afterActionWait);
+
+  await window.getByTestId("attributeSelector").first().click();
+  await window.waitForTimeout(afterActionWait);
+
+  await window
+    .locator(".v-overlay-container")
+    .getByText(attributeName, { exact: true })
+    .filter({ visible: true })
+    .first()
+    .click();
+  await window.waitForTimeout(afterActionWait);
+
+  if (colorMap) {
+    await window.getByTestId("colorMapPicker").first().click();
+    await window.waitForTimeout(afterActionWait);
+
+    await window.getByPlaceholder("Search presets...").fill(colorMap);
+    await window.waitForTimeout(afterActionWait);
 
-  const pointsMenuButton = await window.getByTestId(menuTestId);
-  await pointsMenuButton.click();
-  const pointsVisibilitySwitch = await window.getByTestId(switchTestId).getByRole("checkbox");
-  await pointsVisibilitySwitch[visibility ? "check" : "uncheck"]();
+    await window
+      .getByTestId("colorMapList")
+      .getByText(colorMap, { exact: true })
+      .filter({ visible: true })
+      .first()
+      .click();
+    await window.waitForTimeout(afterActionWait);
+  }
+
+  if (min !== undefined) {
+    const input = window.getByTestId("attributeMinInput").first().locator("input");
+    await input.fill(min.toString());
+    await input.press("Enter");
+    await window.waitForTimeout(afterActionWait);
+  }
+  if (max !== undefined) {
+    const input = window.getByTestId("attributeMaxInput").first().locator("input");
+    await input.fill(max.toString());
+    await input.press("Enter");
+    await window.waitForTimeout(afterActionWait);
+  }
   await window.waitForTimeout(afterActionWait);
 }
 
@@ -177,4 +243,5 @@ export {
   navigateToApp,
   pointsVisibility,
   viewerContextMenu,
+  vertexAttribute,
 };