From f7dbefbec1957e3198af97cb72465031b4021197 Mon Sep 17 00:00:00 2001
From: Katrin Yordanova <katrin.yordanova@crust.tech>
Date: Wed, 21 Jun 2023 11:46:07 +0200
Subject: [PATCH] Add cypress ids for privacy basic functionality tests

---
 .../src/components/Connection/CConnectionEditorInfo.vue  | 1 +
 .../src/components/Connection/CConnectionPrimary.vue     | 2 ++
 .../SensitivityLevel/CSensitivityLevelEditorInfo.vue     | 2 ++
 .../web/admin/src/views/System/SensitivityLevel/List.vue | 1 +
 client/web/compose/src/views/Admin/Modules/Edit.vue      | 1 +
 .../web/privacy/src/components/Common/EditorToolbar.vue  | 9 +++++++++
 .../privacy/src/components/Requests/Editor/Export.vue    | 3 +++
 .../privacy/src/components/Requests/Viewer/Export.vue    | 3 +++
 .../web/privacy/src/components/Requests/Viewer/index.vue | 6 +++++-
 .../src/views/Privacy/DataOverview/Application.vue       | 2 ++
 .../src/components/privacy/CSensitivityLevelPicker.vue   | 1 +
 11 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/client/web/admin/src/components/Connection/CConnectionEditorInfo.vue b/client/web/admin/src/components/Connection/CConnectionEditorInfo.vue
index 6146ede5e..b4b433563 100644
--- a/client/web/admin/src/components/Connection/CConnectionEditorInfo.vue
+++ b/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')"
   >
diff --git a/client/web/admin/src/components/Connection/CConnectionPrimary.vue b/client/web/admin/src/components/Connection/CConnectionPrimary.vue
index 5d1611492..0d72688bc 100644
--- a/client/web/admin/src/components/Connection/CConnectionPrimary.vue
+++ b/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 } }"
diff --git a/client/web/admin/src/components/SensitivityLevel/CSensitivityLevelEditorInfo.vue b/client/web/admin/src/components/SensitivityLevel/CSensitivityLevelEditorInfo.vue
index bfb63c421..218a009ec 100644
--- a/client/web/admin/src/components/SensitivityLevel/CSensitivityLevelEditorInfo.vue
+++ b/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"
             />
diff --git a/client/web/admin/src/views/System/SensitivityLevel/List.vue b/client/web/admin/src/views/System/SensitivityLevel/List.vue
index 179104f8a..cfcec99e7 100644
--- a/client/web/admin/src/views/System/SensitivityLevel/List.vue
+++ b/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' }"
diff --git a/client/web/compose/src/views/Admin/Modules/Edit.vue b/client/web/compose/src/views/Admin/Modules/Edit.vue
index ebdcb3c1a..60a910bfd 100644
--- a/client/web/compose/src/views/Admin/Modules/Edit.vue
+++ b/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"
       >
diff --git a/client/web/privacy/src/components/Common/EditorToolbar.vue b/client/web/privacy/src/components/Common/EditorToolbar.vue
index 499f586c3..4b0a3a87d 100644
--- a/client/web/privacy/src/components/Common/EditorToolbar.vue
+++ b/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>
 
diff --git a/client/web/privacy/src/components/Requests/Editor/Export.vue b/client/web/privacy/src/components/Requests/Editor/Export.vue
index 9641d3200..ba78afce6 100644
--- a/client/web/privacy/src/components/Requests/Editor/Export.vue
+++ b/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>
diff --git a/client/web/privacy/src/components/Requests/Viewer/Export.vue b/client/web/privacy/src/components/Requests/Viewer/Export.vue
index f13cee1b7..bddf93e2c 100644
--- a/client/web/privacy/src/components/Requests/Viewer/Export.vue
+++ b/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}`) }}
diff --git a/client/web/privacy/src/components/Requests/Viewer/index.vue b/client/web/privacy/src/components/Requests/Viewer/index.vue
index f000492eb..30634f455 100644
--- a/client/web/privacy/src/components/Requests/Viewer/index.vue
+++ b/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>
diff --git a/client/web/privacy/src/views/Privacy/DataOverview/Application.vue b/client/web/privacy/src/views/Privacy/DataOverview/Application.vue
index f84075619..2bd3ded66 100644
--- a/client/web/privacy/src/views/Privacy/DataOverview/Application.vue
+++ b/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"
diff --git a/lib/vue/src/components/privacy/CSensitivityLevelPicker.vue b/lib/vue/src/components/privacy/CSensitivityLevelPicker.vue
index ff722d50d..04e1ec897 100644
--- a/lib/vue/src/components/privacy/CSensitivityLevelPicker.vue
+++ b/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"