test: CY markers for CRUD view operations

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

packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue

@@ -41,7 +41,7 @@ function onOpenModal(type: ViewTypes, title = '') {
         {{ $t('activity.createView') }}
       </h3>
 
-      <a-menu-item key="grid" class="group !flex !items-center !my-0 !h-[30px]" @click="onOpenModal(ViewTypes.GRID)">
+      <a-menu-item key="grid" class="group !flex !items-center !my-0 !h-[30px] nc-create-3-view" @click="onOpenModal(ViewTypes.GRID)">
         <a-tooltip placement="left">
           <template #title>
             {{ $t('msg.info.addView.grid') }}
@@ -59,7 +59,7 @@ function onOpenModal(type: ViewTypes, title = '') {
         </a-tooltip>
       </a-menu-item>
 
-      <a-menu-item key="gallery" class="group !flex !items-center !-my0 !h-[30px]" @click="onOpenModal(ViewTypes.GALLERY)">
+      <a-menu-item key="gallery" class="group !flex !items-center !-my0 !h-[30px] nc-create-2-view" @click="onOpenModal(ViewTypes.GALLERY)">
         <a-tooltip placement="left">
           <template #title>
             {{ $t('msg.info.addView.gallery') }}
@@ -80,7 +80,7 @@ function onOpenModal(type: ViewTypes, title = '') {
       <a-menu-item
         v-if="!isView"
         key="form"
-        class="group !flex !items-center !my-0 !h-[30px]"
+        class="group !flex !items-center !my-0 !h-[30px] nc-create-1-view"
         @click="onOpenModal(ViewTypes.FORM)"
       >
         <a-tooltip placement="left">

packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue

@@ -183,6 +183,7 @@ function onDeleted() {
       :class="[
         isMarked === view.id ? 'bg-gray-200' : '',
         route.params.viewTitle && route.params.viewTitle.includes(view.title) ? 'active' : '',
+        `nc-view-item nc-${view.type}-view-item`,
       ]"
       @change-view="changeView"
       @open-modal="$emit('openModal', $event)"

packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue

@@ -183,7 +183,7 @@ function onStopEdit() {
                 {{ $t('activity.deleteView') }}
               </template>
 
-              <MdiTrashCan class="hidden group-hover:block text-red-500" @click.stop="onDelete" />
+              <MdiTrashCan class="hidden group-hover:block text-red-500 nc-view-delete-icon" @click.stop="onDelete" />
             </a-tooltip>
           </template>
         </div>