test: CY markers for virtual columns

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

packages/nc-gui-v2/components/shared-view/Form.vue

@@ -34,10 +34,10 @@ const formRef = ref()
   <div class="flex flex-col my-4 space-y-2 mx-32 items-center">
     <div class="flex w-2/3 flex-col mt-10">
       <div class="flex flex-col items-start px-14 py-8 bg-gray-50 rounded-md w-full">
-        <a-typography-title class="border-b-1 border-gray-100 w-full pb-3" :level="1">
+        <a-typography-title class="border-b-1 border-gray-100 w-full pb-3 nc-share-form-title" :level="1">
           {{ sharedView.view.heading }}
         </a-typography-title>
-        <a-typography class="pl-1 text-sm">{{ sharedView.view.subheading }}</a-typography>
+        <a-typography class="pl-1 text-sm nc-share-form-desc">{{ sharedView.view.subheading }}</a-typography>
       </div>
 
       <a-form ref="formRef" :model="formState" class="mt-8 pb-12 mb-8 px-3 bg-gray-50 rounded-md">
@@ -59,6 +59,7 @@ const formRef = ref()
           <a-form-item
             v-if="isVirtualCol(field)"
             class="ma-0 gap-0 pa-0"
+            :class="`nc-form-field-${field.title}`"
             :name="field.title"
             :rules="[{ required: field.required, message: `${field.title} is required` }]"
           >
@@ -67,6 +68,7 @@ const formRef = ref()
           <a-form-item
             v-else
             class="ma-0 gap-0 pa-0"
+            :class="`nc-form-field-${field.title}`"
             :name="field.title"
             :rules="[{ required: field.required, message: `${field.title} is required` }]"
           >

packages/nc-gui-v2/components/virtual-cell/BelongsTo.vue

@@ -75,7 +75,7 @@ const unlinkRef = async (rec: Record<string, any>) => {
     <div v-if="!readonly" class="flex-1 flex justify-end gap-1 min-h-[30px] align-center">
       <component
         :is="addIcon"
-        class="text-sm nc-action-icon text-gray-500/50 hover:text-gray-500 select-none group-hover:(text-gray-500)"
+        class="text-sm nc-action-icon text-gray-500/50 hover:text-gray-500 select-none group-hover:(text-gray-500) nc-plus"
         @click="listItemsDlg = true"
       />
     </div>

packages/nc-gui-v2/components/virtual-cell/HasMany.vue

@@ -90,12 +90,12 @@ const unlinkRef = async (rec: Record<string, any>) => {
       </div>
       <div class="flex-grow flex justify-end gap-1 min-h-[30px] align-center">
         <MdiArrowExpand
-          class="select-none transform text-sm nc-action-icon text-gray-500/50 hover:text-gray-500"
+          class="select-none transform text-sm nc-action-icon text-gray-500/50 hover:text-gray-500 nc-arrow-expand"
           @click="childListDlg = true"
         />
         <MdiPlus
           v-if="!readonly"
-          class="select-none text-sm nc-action-icon text-gray-500/50 hover:text-gray-500"
+          class="select-none text-sm nc-action-icon text-gray-500/50 hover:text-gray-500 nc-plus"
           @click="listItemsDlg = true"
         />
       </div>

packages/nc-gui-v2/components/virtual-cell/ManyToMany.vue

@@ -89,11 +89,11 @@ const unlinkRef = async (rec: Record<string, any>) => {
       </div>
 
       <div class="flex-1 flex justify-end gap-1 min-h-[30px] align-center">
-        <MdiArrowExpand class="text-sm nc-action-icon text-gray-500/50 hover:text-gray-500" @click="childListDlg = true" />
+        <MdiArrowExpand class="text-sm nc-action-icon text-gray-500/50 hover:text-gray-500 nc-arrow-expand" @click="childListDlg = true" />
 
         <MdiPlus
           v-if="!readonly"
-          class="text-sm nc-action-icon text-gray-500/50 hover:text-gray-500"
+          class="text-sm nc-action-icon text-gray-500/50 hover:text-gray-500 nc-plus"
           @click="listItemsDlg = true"
         />
       </div>

packages/nc-gui-v2/components/virtual-cell/components/ListItems.vue

@@ -104,7 +104,7 @@ const newRowState = computed(() => {
           size="small"
         ></a-input>
         <div class="flex-1" />
-        <MdiReload class="cursor-pointer text-gray-500" @click="loadChildrenExcludedList" />
+        <MdiReload class="cursor-pointer text-gray-500 nc-reload" @click="loadChildrenExcludedList" />
         <a-button type="primary" size="small" @click="expandedFormDlg = true">Add new record</a-button>
       </div>
       <template v-if="childrenExcludedList?.pageInfo?.totalRows">