add ids for automated tests

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',

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"

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"
       >

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"