Add spinner step for flaky tests (#3956)

playwright_tests/E2E/global-search.test.ts

@@ -2,13 +2,15 @@ import { test, expect } from '@playwright/test';
 import { signIn } from './steps/login-steps';
 import { clickOnMainMenu } from './steps/steps-functions';
 import { retryAction } from './steps/retry-steps';
+import { waitForSpinner } from './steps/spinner-steps';
 import axeTest from "./helpers/accessibilityTestHelper";
 
 test('Search from menu 16-digit find control', async ({ page }) => {
   await signIn(page, 'IAC_CaseOfficer_R2');
 
   console.log('Search from menu 16-digit find control');
   const caseId = findCaseId(page)
+  await waitForSpinner(page);
   await expect(page.getByText('-digit case reference:')).toBeVisible();
   await page.getByLabel('-digit case reference:').click();
   await page.getByLabel('-digit case reference:').fill(caseId);

playwright_tests/E2E/staff-search.test.ts

@@ -1,10 +1,14 @@
 import { test, expect } from '@playwright/test';
 import { signIn, signOut } from "./steps/login-steps";
 import { clickToStaffPage, fillSearchBox } from "./steps/staff-steps";
+import { waitForSpinner } from './steps/spinner-steps';
 import axeTest from "./helpers/accessibilityTestHelper";
 
 test('Simplified search results', async ({ page }) => {
     await signIn(page, "STAFF_ADMIN");
+    await expect(page.getByLabel('Manage Cases')).toBeVisible();
+
+    await waitForSpinner(page);
     await clickToStaffPage(page);
 
     console.log("Using simple search");

playwright_tests/E2E/steps/spinner-steps.ts

@@ -0,0 +1,10 @@
+import { Page } from '@playwright/test';
+
+export async function waitForSpinner(page: Page) {
+  try {
+    await page.waitForSelector('xuilib-loading-spinner', { state: 'attached', timeout: 5000 });
+    await page.waitForSelector('xuilib-loading-spinner', { state: 'detached' });
+  } catch (error) {
+    console.log('Spinner did not appear within the timeout period.');
+  }
+}