Add cypress ids for privacy basic functionality tests

client/web/admin/src/components/Connection/CConnectionEditorInfo.vue

@@ -1,5 +1,6 @@
 <template>
   <b-card
+    data-test-id="card-connection-settings"
     class="shadow-sm"
     :title="$t('title')"
   >

client/web/admin/src/components/Connection/CConnectionPrimary.vue

@@ -1,6 +1,7 @@
 
 <template>
   <b-card
+    data-test-id="card-primary-database"
     class="shadow-sm"
     header-bg-variant="white"
     footer-bg-variant="white"
@@ -11,6 +12,7 @@
 
         <b-button
           v-if="connection"
+          data-test-id="button-edit"
           size="sm"
           variant="link"
           :to="{ name: 'system.connection.edit', params: { connectionID: (connection || {}).connectionID } }"

client/web/admin/src/components/SensitivityLevel/CSensitivityLevelEditorInfo.vue

@@ -1,5 +1,6 @@
 <template>
   <b-card
+    data-test-id="card-sens-lvl-info"
     class="shadow-sm"
     header-bg-variant="white"
     footer-bg-variant="white"
@@ -17,6 +18,7 @@
           >
             <b-form-input
               v-model="sensitivityLevel.meta.name"
+              data-test-id="input-name"
               required
               :state="nameState"
             />

client/web/admin/src/views/System/SensitivityLevel/List.vue

@@ -10,6 +10,7 @@
       >
         <b-button
           v-if="canCreate"
+          data-test-id="button-new-sens-lvl"
           variant="primary"
           class="mr-2"
           :to="{ name: 'system.sensitivityLevel.new' }"

client/web/compose/src/views/Admin/Modules/Edit.vue

@@ -7,6 +7,7 @@
     <portal to="topbar-tools">
       <b-button-group
         v-if="isEdit"
+        data-test-id="button-all-records"
         size="sm"
         class="mr-1"
       >

client/web/privacy/src/components/Common/EditorToolbar.vue

@@ -10,6 +10,7 @@
       <b-col>
         <b-button
           v-if="backLink"
+          data-test-id="button-back"
           variant="link"
           size="lg"
           :to="backLink"
@@ -50,6 +51,7 @@
 
           <b-button
             v-else
+            :data-test-id="buttonLabelCypressId(deleteLabel)"
             :disabled="deleteDisabled || processing"
             variant="danger"
             size="lg"
@@ -62,6 +64,7 @@
 
         <b-button
           v-if="submitShow"
+          :data-test-id="buttonLabelCypressId(submitLabel)"
           :disabled="submitDisabled || processing"
           variant="primary"
           size="lg"
@@ -125,6 +128,12 @@ export default {
       default: '',
     },
   },
+
+  methods: {
+    buttonLabelCypressId (label) {
+      return `button-${label.toLowerCase().split(' ').join('-')}`
+    },
+  },
 }
 </script>
 

client/web/privacy/src/components/Requests/Editor/Export.vue

@@ -11,12 +11,14 @@
       >
         <b-form-checkbox
           v-model="payload.profile"
+          data-test-id="checkbox-profile-information"
           class="ml-2 mb-1"
         >
           {{ $t('data-type.profile-information') }}
         </b-form-checkbox>
         <b-form-checkbox
           v-model="payload.application"
+          data-test-id="checkbox-application-data"
           class="ml-2"
         >
           {{ $t('data-type.application-data') }}
@@ -48,6 +50,7 @@
           >
             <b-form-select
               v-model="payload.format"
+              data-test-id="select-file-format"
               :options="formatOptions"
             />
           </b-form-group>

client/web/privacy/src/components/Requests/Viewer/Export.vue

@@ -7,6 +7,7 @@
       label-class="text-primary"
     >
       <span
+        data-test-id="span-data-type"
         class="ml-2"
       >
         {{ dataType }}
@@ -18,6 +19,7 @@
       label-class="text-primary"
     >
       <span
+        data-test-id="span-date-range"
         class="ml-2"
       >
         {{ $t(`date-range.${payload.range}`) }}
@@ -29,6 +31,7 @@
       label-class="text-primary"
     >
       <span
+        data-test-id="span-file-format"
         class="ml-2"
       >
         {{ $t(`file-format.${payload.format}`) }}

client/web/privacy/src/components/Requests/Viewer/index.vue

@@ -17,6 +17,7 @@
           {{ formattedDate }}
         </span>
         <b-badge
+          :data-test-id="`badge-${request.status}`"
           :variant="statusVariants[request.status]"
           pill
           class="px-2 py-1"
@@ -25,7 +26,10 @@
         </b-badge>
       </h5>
 
-      <b-card-text class="text-primary">
+      <b-card-text
+        data-test-id="request-author"
+        class="text-primary"
+      >
         {{ formattedUsers[request.requestedBy] || 'Unknown user' }}
       </b-card-text>
     </template>

client/web/privacy/src/views/Privacy/DataOverview/Application.vue

@@ -63,6 +63,7 @@
         :back-link="{ name: 'data-overview' }"
       >
         <b-button
+          data-test-id="button-request-deletion"
           :disabled="processing.connections || processing.sensitiveData"
           variant="light"
           size="lg"
@@ -73,6 +74,7 @@
         </b-button>
 
         <b-button
+          data-test-id="button-request-correction"
           :disabled="processing.connections || processing.sensitiveData"
           variant="primary"
           size="lg"

lib/vue/src/components/privacy/CSensitivityLevelPicker.vue

@@ -1,5 +1,6 @@
 <template>
   <vue-select
+    data-test-id="select-sens-lvl"
     key="type"
     :value="_value"
     :disabled="_disabled"