From 72d6ff8ee5095d45dfba34723d852e5e694ec0f9 Mon Sep 17 00:00:00 2001
From: Katrin Yordanova <katrin.yordanova@crust.tech>
Date: Thu, 25 Jan 2024 11:13:34 +0200
Subject: [PATCH] Add cy ids to number and string fields, and RecordBase

---
 .../compose/src/components/ModuleFields/Editor/Number.vue   | 1 +
 .../compose/src/components/ModuleFields/Editor/String.vue   | 1 +
 .../web/compose/src/components/ModuleFields/Editor/base.vue | 6 ++++++
 client/web/compose/src/components/PageBlocks/RecordBase.vue | 5 +++++
 4 files changed, 13 insertions(+)

diff --git a/client/web/compose/src/components/ModuleFields/Editor/Number.vue b/client/web/compose/src/components/ModuleFields/Editor/Number.vue
index 784fbd3fc..d5ec3e2ad 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/Number.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/Number.vue
@@ -1,5 +1,6 @@
 <template>
   <b-form-group
+    :data-test-id="getFieldCypressId(label || value)"
     :label-cols-md="horizontal && '5'"
     :label-cols-xl="horizontal && '4'"
     :content-cols-md="horizontal && '7'"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/String.vue b/client/web/compose/src/components/ModuleFields/Editor/String.vue
index 85399e0e1..bb6c46e54 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/String.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/String.vue
@@ -1,5 +1,6 @@
 <template>
   <b-form-group
+    :data-test-id="getFieldCypressId(label || value)"
     :label-cols-md="horizontal && '5'"
     :label-cols-xl="horizontal && '4'"
     :content-cols-md="horizontal && '7'"
diff --git a/client/web/compose/src/components/ModuleFields/Editor/base.vue b/client/web/compose/src/components/ModuleFields/Editor/base.vue
index 4eb1aa9aa..038eea038 100644
--- a/client/web/compose/src/components/ModuleFields/Editor/base.vue
+++ b/client/web/compose/src/components/ModuleFields/Editor/base.vue
@@ -144,5 +144,11 @@ export default {
       return !!recordPageID || !!magnifiedBlockID
     },
   },
+
+  methods: {
+    getFieldCypressId (field) {
+      return `field-${field.toLowerCase().split(' ').join('-')}`
+    },
+  },
 }
 </script>
diff --git a/client/web/compose/src/components/PageBlocks/RecordBase.vue b/client/web/compose/src/components/PageBlocks/RecordBase.vue
index 7ab167ba8..3ed900bb0 100644
--- a/client/web/compose/src/components/PageBlocks/RecordBase.vue
+++ b/client/web/compose/src/components/PageBlocks/RecordBase.vue
@@ -18,6 +18,7 @@
         <b-form-group
           v-if="canDisplay(field)"
           :key="field.id"
+          :data-test-id="getFieldCypressId(field.label || field.name)"
           :label-cols-md="options.horizontalFieldLayoutEnabled && '6'"
           :label-cols-xl="options.horizontalFieldLayoutEnabled && '5'"
           :content-cols-md="options.horizontalFieldLayoutEnabled && '6'"
@@ -332,6 +333,10 @@ export default {
         cancel()
       })
     },
+
+    getFieldCypressId (field) {
+      return `field-${field.toLowerCase().split(' ').join('-')}`
+    },
   },
 }
 </script>