Merge pull request #8680 from KlemenSciNote/kb_SCI-12143_add-data-e2e-for-OQ-part3

Add data e2e for OQ tests - part3 [SCI-12143]

app/javascript/vue/my_module/assigned_items.vue

@@ -1,8 +1,12 @@
 <template>
   <div class="bg-white px-4 my-4 task-section">
     <div class="py-4 flex items-center gap-4">
-      <i ref="openHandler" @click="toggleContainer" class="sn-icon sn-icon-right cursor-pointer"></i>
-      <h2 class="my-0 flex items-center gap-1">
+      <i ref="openHandler"
+        @click="toggleContainer"
+        class="sn-icon sn-icon-right cursor-pointer"
+        data-e2e="e2e-IC-task-assignedItems-visibilityToggle">
+      </i>
+      <h2 class="my-0 flex items-center gap-1" data-e2e="e2e-TX-task-assignedItems-title">
         {{ i18n.t('my_modules.assigned_items.title') }}
         <span class="text-sn-grey-500 font-normal text-base">[{{ totalRows }}]</span>
       </h2>

app/javascript/vue/protocol/container.vue

@@ -9,7 +9,15 @@
           </div>
         </template>
         <template v-else>
-          <a class="task-section-caret" tabindex="0" role="button" data-toggle="collapse" href="#protocol-content" aria-expanded="true" aria-controls="protocol-content">
+          <a class="task-section-caret"
+            tabindex="0"
+            role="button"
+            data-toggle="collapse"
+            href="#protocol-content"
+            aria-expanded="true"
+            aria-controls="protocol-content"
+            data-e2e="e2e-IC-task-protocol-visibilityToggle"
+          >
             <i class="sn-icon sn-icon-right"></i>
             <div class="task-section-title truncate">
               <h2>{{ i18n.t('Protocol') }}</h2>

app/views/my_modules/modals/_assign_repository_records_modal_content.html.erb

@@ -1,17 +1,30 @@
 <div class="modal-header">
-  <button type="button" class="close self-start" data-dismiss="modal" aria-label="Close">
-          <i class="sn-icon sn-icon-close"></i>
+  <button
+    type="button"
+    class="close self-start"
+    data-dismiss="modal"
+    aria-label="Close"
+    data-e2e="e2e-BT-task-assignItemModal-confirmAssignModal-close"
+  >
+    <i class="sn-icon sn-icon-close"></i>
   </button>
   <% if downstream %>
-    <h4 class="modal-title !line-clamp-3" title="<%= t('my_modules.modals.assign_repository_record.title_downstream',
-             repository_name: repository.name) %>">
+    <h4
+      class="modal-title !line-clamp-3"
+      title="<%= t('my_modules.modals.assign_repository_record.title_downstream', repository_name: repository.name) %>"
+      data-e2e="e2e-TX-task-assignItemModal-confirmAssignModal-titleDownstream"
+    >
       <%= t('my_modules.modals.assign_repository_record.title_downstream',
              repository_name: repository.name) %>
     </h4>
   <% else %>
-    <h4 class="modal-title !line-clamp-3" title="<%= t('my_modules.modals.assign_repository_record.title',
-             repository_name: repository.name,
-             my_module_name: my_module.name) %>">
+    <h4
+      class="modal-title !line-clamp-3"
+      title="<%= t('my_modules.modals.assign_repository_record.title',
+            repository_name: repository.name,
+            my_module_name: my_module.name) %>"
+      data-e2e="e2e-TX-task-assignItemModal-confirmAssignModal-title"
+    >
       <%= t('my_modules.modals.assign_repository_record.title',
            repository_name: repository.name,
            my_module_name: my_module.name) %>
@@ -19,7 +32,7 @@
   <% end %>
 </div>
 <div class="modal-body">
-  <p>
+  <p data-e2e="e2e-TX-task-assignItemModal-confirmAssignModal-message">
     <% if downstream %>
       <%= t('my_modules.modals.assign_repository_record.message_downstream', size: selected_rows.count) %>
     <% else %>
@@ -27,7 +40,7 @@
     <% end %>
   </p>
   <% if downstream %>
-    <div class='my-modules-to-assign'>
+    <div class='my-modules-to-assign' data-e2e="e2e-TX-task-assignItemModal-confirmAssignModal-taskList">
       <% visible_modules = 0
          downstream_modules = my_module.downstream_modules
          downstream_modules.each do |m| %>
@@ -52,15 +65,19 @@
 </div>
 <div class="modal-footer">
   <div class="sci-btn-group">
-    <a class="btn btn-secondary hide-assign-repo-modal" data-dismiss="modal">
+    <a
+      class="btn btn-secondary hide-assign-repo-modal"
+      data-dismiss="modal"
+      data-e2e="e2e-BT-task-assignItemModal-confirmAssignModal-cancel"
+    >
       <%= t('general.cancel') %>
     </a>
     <% if downstream %>
-      <a class="btn btn-primary downstream-action">
+      <a class="btn btn-primary downstream-action" data-e2e="e2e-BT-task-assignItemModal-confirmAssignModal-assignDownstream">
         <%= t('my_modules.modals.assign_repository_record.task_and_downstream') %>
       </a>
     <% else %>
-      <a class="btn btn-primary task-action">
+      <a class="btn btn-primary task-action" data-e2e="e2e-BT-task-assignItemModal-confirmAssignModal-assign">
         <%= t('my_modules.modals.assign_repository_record.task') %>
       </a>
     <% end %>

app/views/my_modules/modals/_update_repository_records_modal.html.erb

@@ -1,6 +1,6 @@
 <div id="updateRepositoryRecordModal" class="modal update-repository-record-modal" tabindex="-1" role="dialog" data-dismiss="modal">
   <div class="modal-dialog">
-    <div class="modal-content">
+    <div class="modal-content" data-e2e="e2e-MD-task-assignItemModal-confirmAssign">
     </div>
   </div>
 </div>

app/views/my_modules/protocols.html.erb

@@ -36,7 +36,7 @@
       <div id="task-details" class="task-section-header">
         <div class="flex items-center mr-auto">
           <a class="task-section-caret collapsed" role="button" data-toggle="collapse" href="#details-container" aria-expanded="false" aria-controls="details-container">
-            <i class="sn-icon sn-icon-right"></i>
+            <i class="sn-icon sn-icon-right" data-e2e="e2e-IC-task-details-visibilityToggle"></i>
             <span id="taskDetailsLabel" class="task-section-title">
               <h2 data-e2e="e2e-TX-task-details-title">
                 <%= t('my_modules.details.title') %>
@@ -69,7 +69,7 @@
     <div class="task-section hidden">
       <div class="task-section-header">
         <a class="task-section-caret" role="button" data-toggle="collapse" href="#notes-container" aria-expanded="true" aria-controls="notes-container">
-          <i class="sn-icon sn-icon-right"></i>
+          <i class="sn-icon sn-icon-right" data-e2e="e2e-IC-task-notes-visibilityToggle"></i>
           <span class="task-section-title">
             <h2 data-e2e="e2e-TX-task-notes-title"><%= t('my_modules.notes.title') %></h2>
           </span>

app/views/repository_columns/_manage_column_modal_content.html.erb

@@ -109,6 +109,10 @@
                         text_description: 'Only one per inventory allowed',
                         data_e2e: 'e2e-DO-invItems-manageColumns-columnType-stock'
                       }.to_json %>"
+                    <% else %>
+                        data-params="<%= {
+                          data_e2e: 'e2e-DO-invItems-manageColumns-columnType-stock'
+                        }.to_json %>"
                     <% end %>
                     <%= 'selected' if @repository_column.repository_stock_value? %> >
               <%= t('libraries.manange_modal_column.select.repository_stock_value') %>