fix: Remvoed old view action dropdown and integrated changes in test

packages/nc-gui/components/smartsheet/Toolbar.vue

@@ -51,13 +51,6 @@ const { allowCSVDownload } = useSharedView()
           'w-full': isMobileMode,
         }"
       />
-
-      <template v-if="!isMobileMode">
-        <LazySmartsheetToolbarViewActions
-          v-if="(isGrid || isGallery || isKanban || isMap) && !isPublic && isUIAllowed('dataInsert')"
-          :show-system-fields="false"
-        />
-      </template>
     </template>
   </div>
 </template>

packages/nc-gui/components/smartsheet/toolbar/OpenedViewAction.vue

@@ -218,7 +218,12 @@ watch(isDropdownOpen, () => {
       <GeneralIcon icon="info" class="cursor-pointer" />
     </NcTooltip>
   </div>
-  <NcDropdown v-else v-model:visible="isDropdownOpen">
+  <NcDropdown
+    v-else
+    v-model:visible="isDropdownOpen"
+    class="!xs:pointer-events-none nc-actions-menu-btn"
+    overlay-class-name="nc-dropdown-actions-menu"
+  >
     <div
       class="truncate nc-active-view-title !hover:(bg-gray-100 text-gray-800) ml-0.25 pl-1 pr-0.25 rounded-md py-1 cursor-pointer"
       :class="{
@@ -240,7 +245,7 @@ watch(isDropdownOpen, () => {
       <GeneralIcon icon="arrowDown" class="ml-1" />
     </div>
     <template #overlay>
-      <NcMenu class="min-w-84">
+      <NcMenu class="min-w-84" data-testid="toolbar-actions">
         <NcTooltip>
           <template #title> Click to copy View ID </template>
           <div class="flex items-center justify-between py-2 px-2 cursor-pointer hover:bg-gray-100 group" @click="onViewIdCopy">
@@ -264,7 +269,6 @@ watch(isDropdownOpen, () => {
           <NcDivider />
         </template>
 
-        <NcMenuItem-group>
         <template v-if="isUIAllowed('csvTableImport') && !isPublicView && !isSqlView">
           <NcSubMenu key="upload">
             <template #title>
@@ -331,7 +335,6 @@ watch(isDropdownOpen, () => {
             <LazySmartsheetToolbarLockType :type="LockType.Locked" />
           </NcMenuItem>
         </NcSubMenu>
-        </NcMenuItem-group>
       </NcMenu>
     </template>
   </NcDropdown>

packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue

@@ -68,7 +68,7 @@ const openedBaseUrl = computed(() => {
           </div>
         </NcTooltip>
       </NuxtLink>
-      <div class="px-1.5 text-gray-500">/</div>
+      <div class="px-1.75 text-gray-500">/</div>
     </template>
     <template v-if="!(isMobileMode && !activeView?.is_default)">
       <LazyGeneralEmojiPicker v-if="isMobileMode" :emoji="activeTable?.meta?.icon" readonly size="xsmall">
@@ -121,7 +121,7 @@ const openedBaseUrl = computed(() => {
       </div>
     </template>
 
-    <div v-if="!isMobileMode" class="pl-1 text-gray-500">/</div>
+    <div v-if="!isMobileMode" class="pl-1.25 text-gray-500">/</div>
 
     <template v-if="!(isMobileMode && activeView?.is_default)">
       <LazyGeneralEmojiPicker v-if="isMobileMode" :emoji="activeView?.meta?.icon" readonly size="xsmall">

tests/playwright/pages/Dashboard/common/Toolbar/index.ts

@@ -161,7 +161,7 @@ export class ToolbarPage extends BasePage {
   }
 
   async clickDownload(type: string, verificationFile = 'expectedData.txt') {
-    await this.get().locator(`.nc-toolbar-btn.nc-actions-menu-btn`).click();
+    await this.get().locator(`.nc-actions-menu-btn`).click();
 
     const [download] = await Promise.all([
       // Start waiting for the download
@@ -195,7 +195,7 @@ export class ToolbarPage extends BasePage {
   }
 
   async verifyDownloadDisabled() {
-    await this.get().locator(`.nc-toolbar-btn.nc-actions-menu-btn`).waitFor({ state: 'hidden' });
+    await this.get().locator(`nc-actions-menu-btn`).waitFor({ state: 'hidden' });
   }
 
   async clickAddEditStack() {