From 04ce1f746f88ec9950661eefeb380ad5bf42fae3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e?= <tpoussard@neogeo.fr>
Date: Fri, 10 Jun 2022 15:37:54 +0200
Subject: [PATCH] add ids for automated tests

---
 src/components/Dropdown.vue                           | 1 +
 src/components/FeatureType/SymbologySelector.vue      | 1 +
 src/components/Project/Detail/ProjectFeatureTypes.vue | 1 +
 src/views/FeatureType/FeatureTypeSymbology.vue        | 3 ++-
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Dropdown.vue b/src/components/Dropdown.vue
index 82ad8e2f..77291019 100644
--- a/src/components/Dropdown.vue
+++ b/src/components/Dropdown.vue
@@ -40,6 +40,7 @@
     <div :class="['menu', { 'visible transition': isOpen }]">
       <div
         v-for="(option, index) in filteredOptions || ['No results found.']"
+        :id="option.name && Array.isArray(option.name) ? option.name[0] : option.name"
         :key="option + index"
         :class="[
           filteredOptions ? 'item' : 'message',
diff --git a/src/components/FeatureType/SymbologySelector.vue b/src/components/FeatureType/SymbologySelector.vue
index 488af3b8..f058de48 100644
--- a/src/components/FeatureType/SymbologySelector.vue
+++ b/src/components/FeatureType/SymbologySelector.vue
@@ -18,6 +18,7 @@
         <label>Opacité &nbsp;<span>(%)</span></label>
         <div class="range-container">
           <input
+            id="opacity"
             v-model="form.opacity"
             type="range"
             min="0"
diff --git a/src/components/Project/Detail/ProjectFeatureTypes.vue b/src/components/Project/Detail/ProjectFeatureTypes.vue
index 81cfd78c..7cb79685 100644
--- a/src/components/Project/Detail/ProjectFeatureTypes.vue
+++ b/src/components/Project/Detail/ProjectFeatureTypes.vue
@@ -25,6 +25,7 @@
       </div>
       <div
         v-for="(type, index) in feature_types"
+        :id="type.title"
         :key="type.title + '-' + index"
         class="item"
       >
diff --git a/src/views/FeatureType/FeatureTypeSymbology.vue b/src/views/FeatureType/FeatureTypeSymbology.vue
index 3dba4a93..148221be 100644
--- a/src/views/FeatureType/FeatureTypeSymbology.vue
+++ b/src/views/FeatureType/FeatureTypeSymbology.vue
@@ -66,7 +66,7 @@
           >
             Champ de personnalisation de la symbologie:
           </label>
-          <span id=custom_types-dropdown>
+          <span id="custom_types-dropdown">
             <Dropdown
               :options="customizableFields"
               :selected="selectedCustomfield"
@@ -102,6 +102,7 @@
           <div class="ui divider" />
         </div>
         <button
+          id="save-symbology"
           class="ui teal icon button margin-25"
           type="button"
           :disabled="!canSaveSymbology"
-- 
GitLab