diff --git a/src/components/Dropdown.vue b/src/components/Dropdown.vue
index 82ad8e2f30756eef1143b83c6f44f0ae5f8a7430..77291019eb380735672cf83eb69fc8f7179473a1 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 488af3b81276428ebe25f76accd491f63c278a8a..f058de487ce2339d98028fed2841d8d344b6e973 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 81cfd78cd9125a44120f088e849d5c02eeff45de..7cb7968533a7c1f3a17d9d919486a52e05b3075b 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 3dba4a93a00a11ae88747fdb4a3ab47709930bd6..148221bec18bd9dfd5ceea3925fcd5d48da1fc23 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"