fix(playwright): replace loader waits with API response awaits in right panel tab navigation (#27246)

(cherry picked from commit 011b482)

Author: harsh-vador

openmetadata-ui/src/main/resources/ui/playwright/e2e/PageObject/Explore/CustomPropertiesPageObject.ts

@@ -52,7 +52,14 @@ export class CustomPropertiesPageObject extends RightPanelBase {
    * @returns CustomPropertiesPageObject for method chaining
    */
   async navigateToCustomPropertiesTab(): Promise<CustomPropertiesPageObject> {
+    const typeResponse = this.page.waitForResponse(
+      (resp) =>
+        resp.url().includes('/metadata/types/name/') &&
+        resp.url().includes('fields=customProperties') &&
+        resp.request().method() === 'GET'
+    );
     await this.rightPanel.navigateToTab(RIGHT_PANEL_TAB.CUSTOM_PROPERTIES);
+    await typeResponse;
     await this.waitForLoadersToDisappear();
     return this;
   }

openmetadata-ui/src/main/resources/ui/playwright/e2e/PageObject/Explore/DataQualityPageObject.ts

@@ -83,7 +83,13 @@ export class DataQualityPageObject extends RightPanelBase {
    * @returns DataQualityPageObject for method chaining
    */
   async navigateToDataQualityTab(): Promise<DataQualityPageObject> {
+    const testCasesResponse = this.page.waitForResponse(
+      (resp) =>
+        resp.url().includes('/dataQuality/testCases/search/list') &&
+        resp.request().method() === 'GET'
+    );
     await this.rightPanel.navigateToTab('data quality');
+    await testCasesResponse;
     await this.waitForLoadersToDisappear();
     return this;
   }

openmetadata-ui/src/main/resources/ui/playwright/e2e/PageObject/Explore/LineagePageObject.ts

@@ -76,7 +76,13 @@ export class LineagePageObject extends RightPanelBase {
    * @returns LineagePageObject for method chaining
    */
   async navigateToLineageTab(): Promise<LineagePageObject> {
+    const lineageResponse = this.page.waitForResponse(
+      (resp) =>
+        resp.url().includes('/lineage/getLineage') &&
+        resp.request().method() === 'GET'
+    );
     await this.rightPanel.navigateToTab('lineage');
+    await lineageResponse;
     await this.waitForLoadersToDisappear();
     return this;
   }

openmetadata-ui/src/main/resources/ui/playwright/e2e/PageObject/Explore/RightPanelPageObject.ts

@@ -12,12 +12,13 @@
  */
 
 import { expect, Locator, Page } from '@playwright/test';
+import { EntityClass } from '../../../support/entity/EntityClass';
+import { waitForAllLoadersToDisappear } from '../../../utils/entity';
 import { OverviewPageObject } from './OverviewPageObject';
 import { SchemaPageObject } from './SchemaPageObject';
 import { LineagePageObject } from './LineagePageObject';
 import { DataQualityPageObject } from './DataQualityPageObject';
 import { CustomPropertiesPageObject } from './CustomPropertiesPageObject';
-import { EntityClass } from '../../../support/entity/EntityClass';
 
 /** Tab names for data-driven visibility and content assertions. Must match UI labels (e.g. "Custom Property"). */
 export const RIGHT_PANEL_TAB = {
@@ -60,7 +61,7 @@ export const RIGHT_PANEL_ASSET_TYPES = [
   'Metric',
 ] as const;
 
-export type AssetType = typeof RIGHT_PANEL_ASSET_TYPES[number] | string;
+export type AssetType = (typeof RIGHT_PANEL_ASSET_TYPES)[number] | string;
 
 // Interface for entities that have children
 interface EntityWithChildren extends EntityClass {
@@ -935,7 +936,7 @@ export class RightPanelPageObject {
     await expect(this.panelLoaders).toHaveCount(0, { timeout });
 
     // Step 3: Wait for any remaining loaders on the page (fallback)
-    await this.pageLoader.waitFor({ state: 'detached', timeout });
+    await this.waitForLoadersToDisappear(timeout);
 
     // Step 4: Ensure panel is still visible and stable
     await this.getSummaryPanel().waitFor({ state: 'visible' });
@@ -1021,8 +1022,8 @@ export class RightPanelPageObject {
   /**
    * Wait for all loaders to disappear
    */
-  async waitForLoadersToDisappear() {
-    await this.pageLoader.waitFor({ state: 'detached' });
+  async waitForLoadersToDisappear(timeout?: number) {
+    await waitForAllLoadersToDisappear(this.page, 'loader', timeout);
   }
 
   /**