test: header selector

packages/nc-gui/components/smartsheet/header/Cell.vue

@@ -75,7 +75,7 @@ const openDropDown = () => {
       v-if="column"
       class="name pl-1"
       :class="{ 'cursor-pointer pt-0.25': !isForm && isUIAllowed('fieldEdit') && !hideMenu }"
-      :title="column.title"
+      :data-test-id="column.title"
     >
       {{ column.title }}
     </div>

packages/nc-gui/components/smartsheet/header/VirtualCell.vue

@@ -137,7 +137,7 @@ const closeAddColumnDropdown = () => {
       <span
         class="name pl-1"
         :class="{ 'truncate': !isForm || !isExpandedForm, 'whitespace-pre-line': isForm || isExpandedForm }"
-        :title="column.title"
+        :data-test-id="column.title"
       >
         {{ column.title }}
       </span>

tests/playwright/pages/Dashboard/Grid/index.ts

@@ -129,7 +129,7 @@ export class GridPage extends BasePage {
     await this._fillRow({ index, columnHeader, value: rowValue });
 
     const clickOnColumnHeaderToSave = () =>
-      this.get().locator(`[data-title="${columnHeader}"]`).locator(`div[title="${columnHeader}"]`).click();
+      this.get().locator(`[data-title="${columnHeader}"]`).locator(`div[data-test-id="${columnHeader}"]`).click();
 
     if (networkValidation) {
       await this.waitForResponse({
@@ -161,7 +161,7 @@ export class GridPage extends BasePage {
     await this._fillRow({ index, columnHeader, value });
 
     const clickOnColumnHeaderToSave = () =>
-      this.get().locator(`[data-title="${columnHeader}"]`).locator(`div[title="${columnHeader}"]`).click();
+      this.get().locator(`[data-title="${columnHeader}"]`).locator(`div[data-test-id="${columnHeader}"]`).click();
 
     if (networkValidation) {
       await this.waitForResponse({