Fix flaky observability alerts navigation in Playwright. (#27574)

Use a predicate-based response wait for subscriptions and await URL navigation before the API wait to avoid race conditions while opening the alerts page.

Made-with: Cursor

Author: shah-harshit

openmetadata-ui/src/main/resources/ui/playwright/utils/observabilityAlert.ts

@@ -48,17 +48,22 @@ export const visitObservabilityAlertPage = async (page: Page) => {
   await waitForAllLoadersToDisappear(page);
 
   // Set up the response promise before navigation
-  const getAlerts = page.waitForResponse(
-    '/api/v1/events/subscriptions?*alertType=Observability*'
-  );
+  const getAlerts = page.waitForResponse((response) => {
+    const url = response.url();
+    return (
+      url.includes('/api/v1/events/subscriptions') &&
+      url.includes('alertType=Observability')
+    );
+  });
 
   // Set up navigation promise before clicking
   const navigationPromise = page.waitForURL('**/observability/alerts');
 
   await sidebarClick(page, SidebarItem.OBSERVABILITY_ALERT);
 
   // Wait for both navigation and API response
-  await Promise.all([navigationPromise, getAlerts]);
+  await navigationPromise;
+  await getAlerts;
 };
 
 export const addExternalDestination = async ({