From 9aa04efe63c15f048b57b9bbd4ad2f516465c772 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Mon, 15 Aug 2022 08:07:39 +0530
Subject: [PATCH] test: CY markers for CRUD view operations

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue  | 6 +++---
 .../nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue     | 1 +
 .../components/smartsheet/sidebar/RenameableMenuItem.vue    | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
index e23b8f3b4b..5b92fde368 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
+++ b/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">
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
index 89558695ad..1ba2093a0c 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
+++ b/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)"
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue
index 8ec7ee7b3d..451372acc7 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue
+++ b/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>