From bf7b8e8d3e846117180aa39fec6fe0c1c648094f Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Tue, 9 Aug 2022 16:24:00 +0530
Subject: [PATCH] test: cy markers for column edit modal

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../components/smartsheet-column/AdvancedOptions.vue   | 10 +++++-----
 .../components/smartsheet-column/EditOrAdd.vue         |  2 +-
 .../nc-gui-v2/components/smartsheet-header/Menu.vue    |  2 +-
 packages/nc-gui-v2/components/smartsheet/Grid.vue      |  1 +
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-column/AdvancedOptions.vue b/packages/nc-gui-v2/components/smartsheet-column/AdvancedOptions.vue
index 85d1378b55..3ea82033d5 100644
--- a/packages/nc-gui-v2/components/smartsheet-column/AdvancedOptions.vue
+++ b/packages/nc-gui-v2/components/smartsheet-column/AdvancedOptions.vue
@@ -21,7 +21,7 @@ formState.value.au = !!formState.value.au
           v-model:checked="formState.rqd"
           :disabled="formState.pk || !sqlUi.columnEditable(formState)"
           size="small"
-          class="nc-column-name-input"
+          class="nc-column-checkbox-NN"
           @change="onAlter"
         />
       </a-form-item>
@@ -30,7 +30,7 @@ formState.value.au = !!formState.value.au
           v-model:checked="formState.pk"
           :disabled="!sqlUi.columnEditable(formState)"
           size="small"
-          class="nc-column-name-input"
+          class="nc-column-checkbox-PK"
           @change="onAlter"
         />
       </a-form-item>
@@ -39,7 +39,7 @@ formState.value.au = !!formState.value.au
           v-model:checked="formState.ai"
           :disabled="sqlUi.colPropUNDisabled(formState) || !sqlUi.columnEditable(formState)"
           size="small"
-          class="nc-column-name-input"
+          class="nc-column-checkbox-AI"
           @change="onAlter"
         />
       </a-form-item>
@@ -48,14 +48,14 @@ formState.value.au = !!formState.value.au
         :disabled="sqlUi.colPropUNDisabled(formState) || !sqlUi.columnEditable(formState)"
         @change="onAlter"
       >
-        <a-checkbox v-model:checked="formState.un" size="small" class="nc-column-name-input" />
+        <a-checkbox v-model:checked="formState.un" size="small" class="nc-column-checkbox-UN" />
       </a-form-item>
       <a-form-item
         label="AU"
         :disabled="sqlUi.colPropAuDisabled(formState) || !sqlUi.columnEditable(formState)"
         @change="onAlter"
       >
-        <a-checkbox v-model:checked="formState.au" size="small" class="nc-column-name-input" />
+        <a-checkbox v-model:checked="formState.au" size="small" class="nc-column-checkbox-AU" />
       </a-form-item>
     </div>
     <a-form-item :label="$t('labels.databaseType')" v-bind="validateInfos.dt">
diff --git a/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue b/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
index 03160906da..64e3dda69e 100644
--- a/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
+++ b/packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
@@ -112,7 +112,7 @@ watch(
           v-model:value="formState.uidt"
           show-search
           size="small"
-          class="nc-column-name-input"
+          class="nc-column-type-input"
           @change="onUidtOrIdTypeChange"
         >
           <a-select-option v-for="opt of uiTypesOptions" :key="opt.name" :value="opt.name" v-bind="validateInfos.uidt">
diff --git a/packages/nc-gui-v2/components/smartsheet-header/Menu.vue b/packages/nc-gui-v2/components/smartsheet-header/Menu.vue
index 83c4a5ac87..bc73968e60 100644
--- a/packages/nc-gui-v2/components/smartsheet-header/Menu.vue
+++ b/packages/nc-gui-v2/components/smartsheet-header/Menu.vue
@@ -65,7 +65,7 @@ function onVisibleChange() {
     </template>
   </a-dropdown>
   <a-dropdown :trigger="['hover']">
-    <MdiMenuDownIcon class="text-grey" />
+    <MdiMenuDownIcon class="text-grey nc-ui-dt-dropdown" />
     <template #overlay>
       <div class="shadow bg-white">
         <div class="nc-column-edit nc-menu-item" @click="editColumnDropdown = true">
diff --git a/packages/nc-gui-v2/components/smartsheet/Grid.vue b/packages/nc-gui-v2/components/smartsheet/Grid.vue
index 6a060b1d17..3a9c208670 100644
--- a/packages/nc-gui-v2/components/smartsheet/Grid.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Grid.vue
@@ -276,6 +276,7 @@ const onNavigate = (dir: NavigateDir) => {
                 :key="col.title"
                 v-xc-ver-resize
                 :data-col="col.id"
+                :data-title="col.title"
                 @xcresize="onresize(col.id, $event)"
                 @xcresizing="onXcResizing(col.title, $event)"
                 @xcresized="resizingCol = null"