test: cy markers for column edit modal

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

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">

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">

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">

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"