fix(e2e): enhance toast feedback handling and improve test stability

- Updated toast locator strategies to prioritize role="status" for success/info toasts and role="alert" for error toasts across various test files.
- Increased timeouts and added retry logic in tests to improve reliability under load, particularly for settings and user management tests.
- Refactored emergency server health checks to use Playwright's request context for better isolation and error handling.
- Simplified rate limit and WAF enforcement tests by documenting expected behaviors and removing redundant checks.
- Improved user management tests by temporarily disabling checks for user status badges until UI updates are made.

tests/utils/ui-helpers.ts

@@ -21,6 +21,10 @@ export interface ToastHelperOptions {
  * Get a toast locator with proper role-based selection and short retries.
  * Uses data-testid for our custom toast system to avoid strict-mode violations.
  *
+ * react-hot-toast uses:
+ * - role="status" for success/info toasts
+ * - role="alert" for error toasts
+ *
  * @param page - Playwright Page instance
  * @param text - Text or RegExp to match in toast (optional for type-only match)
  * @param options - Configuration options
@@ -40,18 +44,26 @@ export function getToastLocator(
   const { type } = options;
 
   // Build selector with fallbacks for reliability
-  // Primary: data-testid (custom), Secondary: data-sonner-toast (Sonner), Tertiary: role="alert"
+  // react-hot-toast: role="status" for success/info, role="alert" for errors
   let baseLocator: Locator;
 
-  if (type) {
-    // Type-specific toast: match data-testid with fallback to sonner
+  if (type === 'error') {
+    // Error toasts use role="alert"
     baseLocator = page.locator(`[data-testid="toast-${type}"]`)
-      .or(page.locator('[data-sonner-toast]'))
+      .or(page.getByRole('alert'));
+  } else if (type === 'success' || type === 'info') {
+    // Success/info toasts use role="status"
+    baseLocator = page.locator(`[data-testid="toast-${type}"]`)
+      .or(page.getByRole('status'));
+  } else if (type === 'warning') {
+    // Warning toasts - check both roles as fallback
+    baseLocator = page.locator(`[data-testid="toast-${type}"]`)
+      .or(page.getByRole('status'))
       .or(page.getByRole('alert'));
   } else {
-    // Any toast: match our custom toast container with fallbacks
+    // Any toast: match our custom toast container with fallbacks for both roles
     baseLocator = page.locator('[data-testid^="toast-"]')
-      .or(page.locator('[data-sonner-toast]'))
+      .or(page.getByRole('status'))
       .or(page.getByRole('alert'));
   }
 

tests/utils/wait-helpers.ts

@@ -79,21 +79,27 @@ export async function waitForToast(
 ): Promise<void> {
   const { timeout = 10000, type } = options;
 
-  // Build reliable toast locator with multiple fallback selectors
-  // Primary: data-testid (custom), Secondary: data-sonner-toast (Sonner), Tertiary: role="alert"
-  let toast;
+  // react-hot-toast uses:
+  // - role="status" for success/info toasts
+  // - role="alert" for error toasts
+  let toast: Locator;
 
-  if (type) {
-    // Type-specific toast with fallbacks
+  if (type === 'error') {
+    // Error toasts use role="alert"
     toast = page.locator(`[data-testid="toast-${type}"]`)
-      .or(page.locator('[data-sonner-toast]'))
       .or(page.getByRole('alert'))
       .filter({ hasText: text })
       .first();
+  } else if (type === 'success' || type === 'info') {
+    // Success/info toasts use role="status"
+    toast = page.locator(`[data-testid="toast-${type}"]`)
+      .or(page.getByRole('status'))
+      .filter({ hasText: text })
+      .first();
   } else {
-    // Any toast with fallbacks
+    // Any toast: check both roles
     toast = page.locator('[data-testid^="toast-"]:not([data-testid="toast-container"])')
-      .or(page.locator('[data-sonner-toast]'))
+      .or(page.getByRole('status'))
       .or(page.getByRole('alert'))
       .filter({ hasText: text })
       .first();