From 6874f5732a9c37ef6318bf29af1793ce99ab54e6 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Tue, 23 Jun 2026 11:49:50 +0200
Subject: [PATCH 1/7] feat(objectTree): Add e2e test for trees' controls

---
 app/components/Viewer/ObjectTree/Base/Controls.vue  | 7 +++++++
 app/components/Viewer/ObjectTree/Base/ItemLabel.vue | 6 +++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/components/Viewer/ObjectTree/Base/Controls.vue b/app/components/Viewer/ObjectTree/Base/Controls.vue
index 9c44dbd9c..e3080bf66 100644
--- a/app/components/Viewer/ObjectTree/Base/Controls.vue
+++ b/app/components/Viewer/ObjectTree/Base/Controls.vue
@@ -32,6 +32,7 @@ watch(
         :class="{ 'is-expanded': showSearch }"
       >
         <ActionButton
+          data-testid="searchObjectsButton"
           :tooltip="showSearch ? 'Hide search' : 'Show search'"
           icon="mdi-magnify"
           tooltipLocation="bottom"
@@ -43,6 +44,7 @@ watch(
         <v-expand-x-transition>
           <div v-if="showSearch" class="flex-grow-1 ms-1 text-no-wrap overflow-hidden">
             <SearchBar
+              data-testid="searchObjectsInput"
               :model-value="search"
               placeholder="Search objects..."
               color="black"
@@ -67,6 +69,7 @@ watch(
             />
           </v-fade-transition>
           <ActionButton
+            data-testid="sortObjectsButton"
             :tooltip="'Sort by ' + (sortType === 'name' ? 'ID' : 'Name')"
             :icon="
               sortType === 'name' ? 'mdi-sort-alphabetical-ascending' : 'mdi-sort-numeric-ascending'
@@ -79,6 +82,7 @@ watch(
           <v-menu :close-on-content-click="false">
             <template #activator="{ props: menuProps }">
               <ActionButton
+                data-testid="filterObjectsButton"
                 tooltip="Filter options"
                 icon="mdi-filter-variant"
                 variant="text"
@@ -94,12 +98,14 @@ watch(
                   :label="category_id"
                   hide-details
                   density="compact"
+                  :data-testid="'filterCheckbox-' + category_id"
                 />
               </v-list-item>
             </v-list>
           </v-menu>
           <ActionButton
             v-if="!isCollapsed"
+            data-testid="collapseAllObjectsButton"
             tooltip="Collapse All"
             icon="mdi-collapse-all-outline"
             variant="text"
@@ -109,6 +115,7 @@ watch(
           />
           <ActionButton
             v-else
+            data-testid="expandAllObjectsButton"
             tooltip="Expand All"
             icon="mdi-expand-all-outline"
             variant="text"
diff --git a/app/components/Viewer/ObjectTree/Base/ItemLabel.vue b/app/components/Viewer/ObjectTree/Base/ItemLabel.vue
index 7c00c85e7..b51abe833 100644
--- a/app/components/Viewer/ObjectTree/Base/ItemLabel.vue
+++ b/app/components/Viewer/ObjectTree/Base/ItemLabel.vue
@@ -50,7 +50,11 @@ const tooltipDisabled = computed(() => {
 </script>
 
 <template>
-  <div ref="label-container" class="tree-item-label-container w-100">
+  <div
+    ref="label-container"
+    :data-testid="'treeRow-' + actualItem.id"
+    class="tree-item-label-container w-100"
+  >
     <v-tooltip :disabled="tooltipDisabled" location="right" open-delay="400">
       <template #activator="{ props: tooltipProps }">
         <span

From 7e92ac70440f64a9e12c9159ed31d1b5025df5ce Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 24 Jun 2026 11:04:13 +0200
Subject: [PATCH 2/7] revert some

---
 app/utils/local/cleanup.js                | 11 +++--------
 app/utils/local/microservices.js          |  2 +-
 app/utils/local/scripts.js                | 20 ++++++--------------
 internal/stores/data_style/model/color.js |  8 ++++----
 4 files changed, 14 insertions(+), 27 deletions(-)

diff --git a/app/utils/local/cleanup.js b/app/utils/local/cleanup.js
index a11dbfc04..e96d828ad 100644
--- a/app/utils/local/cleanup.js
+++ b/app/utils/local/cleanup.js
@@ -38,14 +38,9 @@ function killHttpMicroservice(microservice) {
   console.log("killHttpMicroservice", { ...microservice });
   const failMessage = `Failed to kill ${microservice.name}`;
   async function do_kill() {
-    try {
-      const fetchFunc = typeof $fetch === "undefined" ? fetch : $fetch;
-      await fetchFunc(microservice.url, {
-        method: microservice.method,
-      });
-    } catch (error) {
-      console.log(`Expected error during kill of ${microservice.name}:`, error.message);
-    }
+    await fetch(microservice.url, {
+      method: microservice.method,
+    });
   }
   return pTimeout(do_kill(), {
     milliseconds: 5000,
diff --git a/app/utils/local/microservices.js b/app/utils/local/microservices.js
index 97867c16c..f5318311c 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -13,7 +13,7 @@ import { commandExistsSync, waitForReady } from "./scripts.js";
 import { microservicesMetadatasPath, projectMicroservices } from "./cleanup.js";
 import { executablePath } from "./path.js";
 
-const DEFAULT_TIMEOUT_SECONDS = 120;
+const DEFAULT_TIMEOUT_SECONDS = 60;
 const MILLISECONDS_PER_SECOND = 1000;
 
 function getAvailablePort() {
diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 7e72333e0..954e5cf06 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -24,26 +24,18 @@ async function waitForReady(child, expectedResponse) {
 }
 
 async function waitNuxt(nuxtProcess) {
-  nuxtProcess.stderr.on("data", (data) => {
-    console.log("Nuxt STDERR:", data.toString().trim());
-  });
-  nuxtProcess.on("close", (code) => {
-    console.log(`Nuxt process closed with code ${code}`);
-  });
-
   for await (const [data] of on(nuxtProcess.stdout, "data")) {
     const output = data.toString();
-    console.log("Nuxt STDOUT:", output.trim());
+    console.log("Nuxt:", output);
     const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
     if (portMatch) {
-      console.log("Nuxt listening on port", portMatch.groups.port);
-      nuxtProcess.stdout.on("data", (newData) => {
-        console.log("Nuxt STDOUT:", newData.toString().trim());
-      });
-      return portMatch.groups.port;
+      const [, nuxtPort] = portMatch;
+
+      console.log("Nuxt listening on port", nuxtPort);
+      return nuxtPort;
     }
   }
-  throw new Error("Nuxt process closed");
+  throw new Error("Nuxt process closed without accepting connections");
 }
 
 async function runBrowser(scriptName) {
diff --git a/internal/stores/data_style/model/color.js b/internal/stores/data_style/model/color.js
index 13f1ade79..0f13c1718 100644
--- a/internal/stores/data_style/model/color.js
+++ b/internal/stores/data_style/model/color.js
@@ -78,7 +78,7 @@ function useModelColorStyle(componentStyleFunctions) {
   };
 
   function getModelComponentColor(modelId, componentId) {
-    return dataStyleState.getComponentStyle(modelId, componentId).coloring?.constant;
+    return dataStyleState.getComponentStyle(modelId, componentId).coloring.constant;
   }
 
   function getModelComponentEffectiveColor(modelId, componentId, type) {
@@ -90,19 +90,19 @@ function useModelColorStyle(componentStyleFunctions) {
   }
 
   function getModelComponentActiveColoring(modelId, componentId) {
-    return dataStyleState.getComponentStyle(modelId, componentId).coloring?.active;
+    return dataStyleState.getComponentStyle(modelId, componentId).coloring.active;
   }
 
   function modelComponentTypeColor(modelId, type) {
     return (
-      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring?.constant ||
+      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring.constant ||
       dataStyleState.getStyle(modelId)[`${type.toLowerCase()}s`].coloring.constant
     );
   }
 
   function getModelComponentTypeActiveColoring(modelId, type) {
     return (
-      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring?.active ||
+      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring.active ||
       dataStyleState.getStyle(modelId)[`${type.toLowerCase()}s`].coloring.active
     );
   }

From 0988d4ca632d4267976b3c3a4d9d33265267da35 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 24 Jun 2026 11:52:26 +0200
Subject: [PATCH 3/7] revert this

---
 internal/stores/data_style/model/color.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/internal/stores/data_style/model/color.js b/internal/stores/data_style/model/color.js
index 0f13c1718..13f1ade79 100644
--- a/internal/stores/data_style/model/color.js
+++ b/internal/stores/data_style/model/color.js
@@ -78,7 +78,7 @@ function useModelColorStyle(componentStyleFunctions) {
   };
 
   function getModelComponentColor(modelId, componentId) {
-    return dataStyleState.getComponentStyle(modelId, componentId).coloring.constant;
+    return dataStyleState.getComponentStyle(modelId, componentId).coloring?.constant;
   }
 
   function getModelComponentEffectiveColor(modelId, componentId, type) {
@@ -90,19 +90,19 @@ function useModelColorStyle(componentStyleFunctions) {
   }
 
   function getModelComponentActiveColoring(modelId, componentId) {
-    return dataStyleState.getComponentStyle(modelId, componentId).coloring.active;
+    return dataStyleState.getComponentStyle(modelId, componentId).coloring?.active;
   }
 
   function modelComponentTypeColor(modelId, type) {
     return (
-      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring.constant ||
+      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring?.constant ||
       dataStyleState.getStyle(modelId)[`${type.toLowerCase()}s`].coloring.constant
     );
   }
 
   function getModelComponentTypeActiveColoring(modelId, type) {
     return (
-      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring.active ||
+      dataStyleState.getModelComponentTypeStyle(modelId, type).coloring?.active ||
       dataStyleState.getStyle(modelId)[`${type.toLowerCase()}s`].coloring.active
     );
   }

From a30a0bf536c136b847eab56ee9090405acf94392 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 24 Jun 2026 13:34:58 +0200
Subject: [PATCH 4/7] test fix contextmenu & main css

---
 app/components/Viewer/ContextMenu/ContextMenuItem.vue | 5 ++++-
 app/components/Viewer/Options/ColorPicker.vue         | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/components/Viewer/ContextMenu/ContextMenuItem.vue b/app/components/Viewer/ContextMenu/ContextMenuItem.vue
index 89da62ec8..58aaa1e5f 100644
--- a/app/components/Viewer/ContextMenu/ContextMenuItem.vue
+++ b/app/components/Viewer/ContextMenu/ContextMenuItem.vue
@@ -107,7 +107,10 @@ const optionsStyle = computed(() => {
   } else if (absoluteButtonY + height / 2 > menuStore.containerHeight - margin) {
     offsetY = menuStore.containerHeight - margin - (absoluteButtonY + height / 2);
   }
-  return { top: `calc(50% + ${offsetY}px)` };
+  return {
+    top: `${Math.round(offsetY - height / 2)}px`,
+    transform: "translateY(0)",
+  };
 });
 
 const optionsClass = computed(() => {
diff --git a/app/components/Viewer/Options/ColorPicker.vue b/app/components/Viewer/Options/ColorPicker.vue
index a739e6311..d802fc949 100644
--- a/app/components/Viewer/Options/ColorPicker.vue
+++ b/app/components/Viewer/Options/ColorPicker.vue
@@ -52,6 +52,7 @@ watch(pressed, (value) => {
     flat
     canvas-height="75"
     hide-inputs
+    hide-eye-dropper
     width="220"
     mode="rgba"
     class="mx-auto"
@@ -71,4 +72,8 @@ watch(pressed, (value) => {
 :deep(.v-color-picker__preview) {
   margin-bottom: 0 !important;
 }
+
+:deep(.v-color-picker-preview__eye-dropper) {
+  display: none !important;
+}
 </style>

From 4bf0d121ccc17affd988d8d1f0df8d8c27f442fe Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 24 Jun 2026 14:23:20 +0200
Subject: [PATCH 5/7] colorpicker

---
 app/components/Viewer/Options/ColorPicker.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/app/components/Viewer/Options/ColorPicker.vue b/app/components/Viewer/Options/ColorPicker.vue
index d802fc949..e0839a625 100644
--- a/app/components/Viewer/Options/ColorPicker.vue
+++ b/app/components/Viewer/Options/ColorPicker.vue
@@ -72,8 +72,4 @@ watch(pressed, (value) => {
 :deep(.v-color-picker__preview) {
   margin-bottom: 0 !important;
 }
-
-:deep(.v-color-picker-preview__eye-dropper) {
-  display: none !important;
-}
 </style>

From facf9fc171f95be741e2b156c06598d6daffe0b2 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 24 Jun 2026 16:05:14 +0200
Subject: [PATCH 6/7] revert no useless

---
 app/components/Viewer/ContextMenu/ContextMenuItem.vue |  5 +----
 app/utils/local/cleanup.js                            | 11 ++++++++---
 app/utils/local/microservices.js                      |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/components/Viewer/ContextMenu/ContextMenuItem.vue b/app/components/Viewer/ContextMenu/ContextMenuItem.vue
index 58aaa1e5f..89da62ec8 100644
--- a/app/components/Viewer/ContextMenu/ContextMenuItem.vue
+++ b/app/components/Viewer/ContextMenu/ContextMenuItem.vue
@@ -107,10 +107,7 @@ const optionsStyle = computed(() => {
   } else if (absoluteButtonY + height / 2 > menuStore.containerHeight - margin) {
     offsetY = menuStore.containerHeight - margin - (absoluteButtonY + height / 2);
   }
-  return {
-    top: `${Math.round(offsetY - height / 2)}px`,
-    transform: "translateY(0)",
-  };
+  return { top: `calc(50% + ${offsetY}px)` };
 });
 
 const optionsClass = computed(() => {
diff --git a/app/utils/local/cleanup.js b/app/utils/local/cleanup.js
index e96d828ad..a11dbfc04 100644
--- a/app/utils/local/cleanup.js
+++ b/app/utils/local/cleanup.js
@@ -38,9 +38,14 @@ function killHttpMicroservice(microservice) {
   console.log("killHttpMicroservice", { ...microservice });
   const failMessage = `Failed to kill ${microservice.name}`;
   async function do_kill() {
-    await fetch(microservice.url, {
-      method: microservice.method,
-    });
+    try {
+      const fetchFunc = typeof $fetch === "undefined" ? fetch : $fetch;
+      await fetchFunc(microservice.url, {
+        method: microservice.method,
+      });
+    } catch (error) {
+      console.log(`Expected error during kill of ${microservice.name}:`, error.message);
+    }
   }
   return pTimeout(do_kill(), {
     milliseconds: 5000,
diff --git a/app/utils/local/microservices.js b/app/utils/local/microservices.js
index f5318311c..97867c16c 100644
--- a/app/utils/local/microservices.js
+++ b/app/utils/local/microservices.js
@@ -13,7 +13,7 @@ import { commandExistsSync, waitForReady } from "./scripts.js";
 import { microservicesMetadatasPath, projectMicroservices } from "./cleanup.js";
 import { executablePath } from "./path.js";
 
-const DEFAULT_TIMEOUT_SECONDS = 60;
+const DEFAULT_TIMEOUT_SECONDS = 120;
 const MILLISECONDS_PER_SECOND = 1000;
 
 function getAvailablePort() {

From 81955a617efe1e09802e573f5c7c5690c8fbdb17 Mon Sep 17 00:00:00 2001
From: MaxNumerique <maximilienlandois@gmail.com>
Date: Wed, 24 Jun 2026 16:24:56 +0200
Subject: [PATCH 7/7] revert script

---
 app/utils/local/scripts.js | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/app/utils/local/scripts.js b/app/utils/local/scripts.js
index 954e5cf06..7e72333e0 100644
--- a/app/utils/local/scripts.js
+++ b/app/utils/local/scripts.js
@@ -24,18 +24,26 @@ async function waitForReady(child, expectedResponse) {
 }
 
 async function waitNuxt(nuxtProcess) {
+  nuxtProcess.stderr.on("data", (data) => {
+    console.log("Nuxt STDERR:", data.toString().trim());
+  });
+  nuxtProcess.on("close", (code) => {
+    console.log(`Nuxt process closed with code ${code}`);
+  });
+
   for await (const [data] of on(nuxtProcess.stdout, "data")) {
     const output = data.toString();
-    console.log("Nuxt:", output);
+    console.log("Nuxt STDOUT:", output.trim());
     const portMatch = output.match(/Listening on http:\/\/\[::\]:(?<port>\d+)/u);
     if (portMatch) {
-      const [, nuxtPort] = portMatch;
-
-      console.log("Nuxt listening on port", nuxtPort);
-      return nuxtPort;
+      console.log("Nuxt listening on port", portMatch.groups.port);
+      nuxtProcess.stdout.on("data", (newData) => {
+        console.log("Nuxt STDOUT:", newData.toString().trim());
+      });
+      return portMatch.groups.port;
     }
   }
-  throw new Error("Nuxt process closed without accepting connections");
+  throw new Error("Nuxt process closed");
 }
 
 async function runBrowser(scriptName) {