From b8dd88dbef126af925eb1086c234c1048d28cb63 Mon Sep 17 00:00:00 2001
From: Katrin Yordanova <katrin.yordanova@crust.tech>
Date: Fri, 8 Sep 2023 10:23:39 +0300
Subject: [PATCH] Add missinig cypress ids for admin and compose

---
 .../admin/src/components/Apigw/CFiltersStepper.vue  |  1 +
 .../components/Authclient/CAuthclientEditorInfo.vue |  5 +++--
 .../CTemplateEditorContent/EditorToolbox.vue        | 13 +++++++++++--
 client/web/compose/src/views/Admin/Pages/Edit.vue   |  1 +
 client/web/compose/src/views/Namespace/List.vue     |  1 +
 5 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/client/web/admin/src/components/Apigw/CFiltersStepper.vue b/client/web/admin/src/components/Apigw/CFiltersStepper.vue
index 635a3e106..4e84419c1 100644
--- a/client/web/admin/src/components/Apigw/CFiltersStepper.vue
+++ b/client/web/admin/src/components/Apigw/CFiltersStepper.vue
@@ -22,6 +22,7 @@
       <b-tab
         v-for="(step, index) in steps"
         :key="index"
+        :button-id="steps[index]"
         class="border-0"
         :title="$t(`filters.step_title.${step}`)"
         @click="onActivateTab(index)"
diff --git a/client/web/admin/src/components/Authclient/CAuthclientEditorInfo.vue b/client/web/admin/src/components/Authclient/CAuthclientEditorInfo.vue
index 4f5da6fa9..8715984f4 100644
--- a/client/web/admin/src/components/Authclient/CAuthclientEditorInfo.vue
+++ b/client/web/admin/src/components/Authclient/CAuthclientEditorInfo.vue
@@ -257,6 +257,7 @@
         <div v-if="!fresh">
           <b-form-group label-cols="3">
             <b-button
+              data-test-id="button-cURL-snippet"
               variant="light"
               class="align-top"
               @click="toggleCurlSnippet()"
@@ -279,7 +280,7 @@
               <div class="d-flex">
                 <pre
                   ref="cUrl"
-                  data-test-id="cURL"
+                  data-test-id="cURL-string"
                   style="word-break: break-word;"
                 >
 curl -X POST {{ curlURL }} \
@@ -288,7 +289,7 @@ curl -X POST {{ curlURL }} \
 -u {{ resource.authClientID }}:{{ secret || 'PLACE-YOUR-CLIENT-SECRET-HERE' }}
                 </pre>
                 <b-button
-                  data-test-id="copy-cURL"
+                  data-test-id="button-copy-cURL"
                   variant="link"
                   class="align-top ml-auto fit-content text-secondary mr-5"
                   @click="copyToClipboard('cUrl')"
diff --git a/client/web/admin/src/components/Template/CTemplateEditorContent/EditorToolbox.vue b/client/web/admin/src/components/Template/CTemplateEditorContent/EditorToolbox.vue
index 8a9e14687..14f074404 100644
--- a/client/web/admin/src/components/Template/CTemplateEditorContent/EditorToolbox.vue
+++ b/client/web/admin/src/components/Template/CTemplateEditorContent/EditorToolbox.vue
@@ -18,7 +18,7 @@
         :key="sec.key"
       >
         <b-btn
-          :data-test-id="`button-${$t(sec.key)}`"
+          :data-test-id="toolboxSectionLabelCypressId(sec.key)"
           variant="light"
           class="mb-2"
           block
@@ -35,7 +35,7 @@
             <b-list-group-item
               v-for="(opt, i) in sec.options"
               :key="opt.label + i"
-              data-test-id="section-item"
+              :data-test-id="toolboxOptionLabelCypressId(opt.label)"
               class="px-0 text-wrap"
               @click="opt.onClick || (() => {})"
             >
@@ -150,7 +150,16 @@ export default {
     openSection (sec) {
       this.$set(this.expandedSections, sec, !this.expandedSections[sec])
     },
+
     copyToCb: copy,
+
+    toolboxSectionLabelCypressId (section) {
+      return `button-${this.$t(section).toLowerCase()}`
+    },
+
+    toolboxOptionLabelCypressId (label) {
+      return label.toLowerCase().split(' ').join('-')
+    },
   },
 
 }
diff --git a/client/web/compose/src/views/Admin/Pages/Edit.vue b/client/web/compose/src/views/Admin/Pages/Edit.vue
index e203d7164..8126e02dd 100644
--- a/client/web/compose/src/views/Admin/Pages/Edit.vue
+++ b/client/web/compose/src/views/Admin/Pages/Edit.vue
@@ -13,6 +13,7 @@
         class="mr-1"
       >
         <b-button
+          data-test-id="button-page-builder"
           variant="primary"
           class="d-flex align-items-center"
           :to="{ name: 'admin.pages.builder' }"
diff --git a/client/web/compose/src/views/Namespace/List.vue b/client/web/compose/src/views/Namespace/List.vue
index df75a82f8..10d2b34b7 100644
--- a/client/web/compose/src/views/Namespace/List.vue
+++ b/client/web/compose/src/views/Namespace/List.vue
@@ -63,6 +63,7 @@
         class="d-flex justify-content-center align-items-center h-50 w-100"
       >
         <h3
+          data-test-id="no-namespaces-found"
           class="text-left"
         >
           {{ $t('noResults') }}