Merge pull request #3242 from nocodb/refactor/cy-markers

fix: cypress markers

packages/nc-gui-v2/components/general/MiniSidebar.vue

@@ -34,7 +34,7 @@ const logout = () => {
       </div>
 
       <template v-if="signedIn" #overlay>
-        <a-menu class="ml-2 !py-0 min-w-32 leading-8 !rounded">
+        <a-menu class="ml-2 !py-0 min-w-32 leading-8 !rounded nc-menu-account">
           <a-menu-item-group title="User Settings">
             <a-menu-item key="email" class="!rounded-t">
               <nuxt-link v-t="['c:navbar:user:email']" class="group flex items-center no-underline py-2" to="/user">

packages/nc-gui-v2/components/general/ShareBaseButton.vue

@@ -24,7 +24,7 @@ const { isUIAllowed } = useUIPermission()
       @click="showUserModal = true"
     >
       <div class="flex items-center space-x-1">
-        <mdi-account-supervisor-outline class="mr-1" />
+        <mdi-account-supervisor-outline class="mr-1 nc-share-base" />
         <div>{{ $t('activity.share') }}</div>
       </div>
     </a-button>

packages/nc-gui-v2/components/smartsheet/expanded-form/Comments.vue

@@ -62,7 +62,7 @@ watch(
       <div class="flex-shrink-1 mt-2 d-flex">
         <a-input
           v-model:value="comment"
-          class="!text-xs"
+          class="!text-xs nc-comment-box"
           ghost
           :class="{ focus: showborder }"
           @focusin="showborder = true"

packages/nc-gui-v2/components/smartsheet/expanded-form/Header.vue

@@ -58,7 +58,7 @@ const iconColor = '#1890ff'
     <component
       :is="drawerToggleIcon"
       v-if="isUIAllowed('rowComments')"
-      class="cursor-pointer select-none"
+      class="cursor-pointer select-none nc-toggle-comments"
       @click="commentsDrawer = !commentsDrawer"
     />
 

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

@@ -114,7 +114,7 @@ function onOpenModal(type: ViewTypes, title = '') {
     <div class="flex-auto justify-end flex flex-col gap-3 mt-3">
       <button
         v-if="isUIAllowed('virtualViewsCreateOrEdit')"
-        class="flex items-center gap-2 w-full mx-3 px-4 py-3 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease !text-xs"
+        class="flex items-center gap-2 w-full mx-3 px-4 py-3 rounded border transform translate-x-4 hover:(translate-x-0 shadow-lg) transition duration-150 ease !text-xs nc-webhook-btn"
         @click="onWebhooks"
       >
         <mdi-hook />{{ $t('objects.webhooks') }}

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

@@ -110,7 +110,7 @@ function onCreate(view: GridType | FormType | KanbanType | GalleryType) {
         <a-tooltip v-if="isUIAllowed('virtualViewsCreateOrEdit')" placement="left">
           <template #title> {{ $t('objects.webhooks') }}</template>
 
-          <div class="nc-sidebar-right-item hover:after:bg-gray-300">
+          <div class="nc-sidebar-right-item hover:after:bg-gray-300 nc-webhook-icon">
             <MdiHook @click.stop />
           </div>
         </a-tooltip>

packages/nc-gui-v2/layouts/base.vue

@@ -60,7 +60,7 @@ const logout = () => {
 
           <template v-if="signedIn && !isSharedBase">
             <a-dropdown :trigger="['click']">
-              <MdiDotsVertical class="md:text-xl cursor-pointer hover:text-pink-500" @click.prevent />
+              <MdiDotsVertical class="md:text-xl cursor-pointer hover:text-pink-500 nc-menu-accounts" @click.prevent />
 
               <template #overlay>
                 <a-menu class="!py-0 dark:(!bg-gray-800) leading-8 !rounded">