From 4959fcab35fdea0ced185fe50aa092291a10a5c5 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Fri, 29 May 2026 15:11:49 +0200
Subject: [PATCH 1/4] feat(e2e): Add e2e tests for vertex attribute tests

---
 .../Viewer/EdgedCurve/SpecificEdgesOptions.vue           | 1 +
 app/components/Viewer/Options/AttributeColorBar.vue      | 2 ++
 app/components/Viewer/Options/AttributeSelector.vue      | 1 +
 app/components/Viewer/Options/ColorMapList.vue           | 1 +
 app/components/Viewer/Options/ColorMapPicker.vue         | 1 +
 app/components/Viewer/Options/ColoringTypeSelector.vue   | 1 +
 app/components/Viewer/Solid/SpecificPolyhedraOptions.vue | 9 +++++++--
 app/components/Viewer/Surface/PolygonsOptions.vue        | 3 ++-
 8 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
index 793e47738..5a0717b82 100644
--- a/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
+++ b/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue
@@ -112,6 +112,7 @@ const edge_attribute_color_map = computed({
 </script>
 <template>
   <ViewerContextMenuItem
+    data-testid="meshEdgesMenu"
     :itemProps="itemProps"
     :btn_image="EdgedCurveEdges"
     tooltip="Edges options"
diff --git a/app/components/Viewer/Options/AttributeColorBar.vue b/app/components/Viewer/Options/AttributeColorBar.vue
index f01090268..63cdeb9ef 100644
--- a/app/components/Viewer/Options/AttributeColorBar.vue
+++ b/app/components/Viewer/Options/AttributeColorBar.vue
@@ -14,6 +14,7 @@ const colorMap = defineModel("colorMap", { type: String });
     <v-row dense align="center" class="mt-2">
       <v-col cols="5">
         <v-text-field
+          data-testid="attributeMinInput"
           :model-value="minimum"
           @update:model-value="(value) => (minimum = Number(value))"
           label="Min"
@@ -35,6 +36,7 @@ const colorMap = defineModel("colorMap", { type: String });
       </v-col>
       <v-col cols="5">
         <v-text-field
+          data-testid="attributeMaxInput"
           :model-value="maximum"
           @update:model-value="(value) => (maximum = Number(value))"
           label="Max"
diff --git a/app/components/Viewer/Options/AttributeSelector.vue b/app/components/Viewer/Options/AttributeSelector.vue
index ff672eb92..13c403e8e 100644
--- a/app/components/Viewer/Options/AttributeSelector.vue
+++ b/app/components/Viewer/Options/AttributeSelector.vue
@@ -103,6 +103,7 @@ watch(name, (newName, oldName) => {
 
 <template>
   <v-select
+    data-testid="attributeSelector"
     v-model="name"
     :items="attributes.map((attribute) => attribute.attribute_name)"
     item-title="attribute_name"
diff --git a/app/components/Viewer/Options/ColorMapList.vue b/app/components/Viewer/Options/ColorMapList.vue
index a1764f318..dbb6bed0d 100644
--- a/app/components/Viewer/Options/ColorMapList.vue
+++ b/app/components/Viewer/Options/ColorMapList.vue
@@ -102,6 +102,7 @@ watch(filteredPresets, drawAllCanvases);
     />
 
     <v-list
+      data-testid="colorMapList"
       density="compact"
       max-height="350"
       bg-color="transparent"
diff --git a/app/components/Viewer/Options/ColorMapPicker.vue b/app/components/Viewer/Options/ColorMapPicker.vue
index 7ca18fe87..87f2eff74 100644
--- a/app/components/Viewer/Options/ColorMapPicker.vue
+++ b/app/components/Viewer/Options/ColorMapPicker.vue
@@ -32,6 +32,7 @@ watch([lutCanvas, selectedPresetName, () => min, () => max], drawLutCanvas);
   <v-menu v-model="menuOpen" :close-on-content-click="false" location="bottom">
     <template #activator="{ props: menuProps }">
       <GlassCard
+        data-testid="colorMapPicker"
         v-bind="menuProps"
         variant="ui"
         padding="pa-2"
diff --git a/app/components/Viewer/Options/ColoringTypeSelector.vue b/app/components/Viewer/Options/ColoringTypeSelector.vue
index 3a48596fd..6c924457d 100644
--- a/app/components/Viewer/Options/ColoringTypeSelector.vue
+++ b/app/components/Viewer/Options/ColoringTypeSelector.vue
@@ -170,6 +170,7 @@ watch(
         </v-col>
         <v-col>
           <v-select
+            data-testid="coloringStyleSelector"
             v-model="coloring_style_label"
             :items="coloring_styles.labels"
             label="Select a coloring style"
diff --git a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
index 6cf494dce..f6d7fc719 100644
--- a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
@@ -104,9 +104,14 @@ const polyhedron_attribute_color_map = computed({
 });
 </script>
 <template>
-  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="SolidPolyhedra">
+  <ViewerContextMenuItem
+    data-testid="meshPolyhedraMenu"
+    :itemProps="itemProps"
+    :tooltip="tooltip"
+    :btn_image="SolidPolyhedra"
+  >
     <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <ViewerOptionsVisibilitySwitch data-testid="meshPolyhedraVisibilitySwitch" v-model="visibility" />
       <template v-if="visibility">
         <ViewerOptionsColoringTypeSelector
           :id="id"
diff --git a/app/components/Viewer/Surface/PolygonsOptions.vue b/app/components/Viewer/Surface/PolygonsOptions.vue
index adb322554..897f5e193 100644
--- a/app/components/Viewer/Surface/PolygonsOptions.vue
+++ b/app/components/Viewer/Surface/PolygonsOptions.vue
@@ -113,12 +113,13 @@ const polygon_attribute_color_map = computed({
 
 <template>
   <ViewerContextMenuItem
+    data-testid="meshPolygonsMenu"
     :itemProps="itemProps"
     :tooltip="tooltip"
     :btn_image="PolygonalSurfacePolygons"
   >
     <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <ViewerOptionsVisibilitySwitch data-testid="meshPolygonsVisibilitySwitch" v-model="visibility" />
       <template v-if="visibility">
         <ViewerOptionsColoringTypeSelector
           :id="id"

From 4e63dbbc5d535a89f69f25b78e9889cb12b75593 Mon Sep 17 00:00:00 2001
From: MaxNumerique <144453705+MaxNumerique@users.noreply.github.com>
Date: Fri, 29 May 2026 13:32:41 +0000
Subject: [PATCH 2/4] Apply prepare changes

---
 app/components/Viewer/Solid/SpecificPolyhedraOptions.vue | 5 ++++-
 app/components/Viewer/Surface/PolygonsOptions.vue        | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
index f6d7fc719..ecfc0ef46 100644
--- a/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
+++ b/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue
@@ -111,7 +111,10 @@ const polyhedron_attribute_color_map = computed({
     :btn_image="SolidPolyhedra"
   >
     <template #options>
-      <ViewerOptionsVisibilitySwitch data-testid="meshPolyhedraVisibilitySwitch" v-model="visibility" />
+      <ViewerOptionsVisibilitySwitch
+        data-testid="meshPolyhedraVisibilitySwitch"
+        v-model="visibility"
+      />
       <template v-if="visibility">
         <ViewerOptionsColoringTypeSelector
           :id="id"
diff --git a/app/components/Viewer/Surface/PolygonsOptions.vue b/app/components/Viewer/Surface/PolygonsOptions.vue
index 897f5e193..a615c36de 100644
--- a/app/components/Viewer/Surface/PolygonsOptions.vue
+++ b/app/components/Viewer/Surface/PolygonsOptions.vue
@@ -119,7 +119,10 @@ const polygon_attribute_color_map = computed({
     :btn_image="PolygonalSurfacePolygons"
   >
     <template #options>
-      <ViewerOptionsVisibilitySwitch data-testid="meshPolygonsVisibilitySwitch" v-model="visibility" />
+      <ViewerOptionsVisibilitySwitch
+        data-testid="meshPolygonsVisibilitySwitch"
+        v-model="visibility"
+      />
       <template v-if="visibility">
         <ViewerOptionsColoringTypeSelector
           :id="id"

From 2ca05ba1d0860840cb18b686af31e7325cfda77f Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Fri, 29 May 2026 15:54:23 +0200
Subject: [PATCH 3/4] models

---
 app/components/Viewer/Generic/Model/ModelStyleOptions.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/components/Viewer/Generic/Model/ModelStyleOptions.vue b/app/components/Viewer/Generic/Model/ModelStyleOptions.vue
index f92ba98d8..d44f31707 100644
--- a/app/components/Viewer/Generic/Model/ModelStyleOptions.vue
+++ b/app/components/Viewer/Generic/Model/ModelStyleOptions.vue
@@ -10,6 +10,7 @@ const { itemProps } = defineProps({
 
 <template>
   <ViewerContextMenuItem
+    data-testid="modelStyleMenu"
     :index="itemProps.index"
     :itemProps="itemProps"
     tooltip="Style options"

From 43bb119cc0999da217b8b4b2e0557d25284bfbf7 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 2 Jun 2026 09:04:22 +0200
Subject: [PATCH 4/4] oxlint

---
 app/utils/local/scripts.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 6e2cc97dd..954e5cf06 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -27,7 +27,7 @@ async function waitNuxt(nuxtProcess) {
   for await (const [data] of on(nuxtProcess.stdout, "data")) {
     const output = data.toString();
     console.log("Nuxt:", output);
-    const portMatch = output.match(/Listening on http:\/\/\[::\]:(\d+)/u);
+    const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
     if (portMatch) {
       const [, nuxtPort] = portMatch;