Tests: Make test less flaky

Author: lamATnginx

tests/src/cards.spec.js

@@ -5,6 +5,7 @@ test.describe('Testing for cards shortcode', () => {
   test.beforeEach(async ({ page }) => {
     const cardsUrl = 'test-product/cards/permitted';
     await page.goto(`/${cardsUrl}`);
+    await page.waitForLoadState('load');
     await waitFor(async () => await handleConsentPopup(page));
   });
 

tests/src/footer.spec.js

@@ -4,6 +4,7 @@ import { handleConsentPopup, waitFor } from './util';
 test.describe('Smoke test for footer', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto('/test-product');
+    await page.waitForLoadState('load');
     await waitFor(async () => await handleConsentPopup(page));
   });
 

tests/src/header.spec.js

@@ -4,6 +4,7 @@ import { handleConsentPopup, waitFor } from './util';
 test.describe('Smoke test for header', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto('/test-product');
+    await page.waitForLoadState('load');
     await waitFor(async () => await handleConsentPopup(page));
   });
 

tests/src/product-landing.spec.js

@@ -7,6 +7,7 @@ test.describe('Smoke test for landing page', () => {
 
     for (const product of products) {
       await page.goto(`/${product}/`);
+      await page.waitForLoadState('load');
       await runSmokeTestOnPage(page);
     }
   });

tests/src/sidebar.spec.js

@@ -45,6 +45,7 @@ test.describe('Smoke test for sidebar', () => {
 
   test.beforeEach(async ({ page }) => {
     await page.goto('/test-product/');
+    await page.waitForLoadState('load');
   });
 
   test('sidebar renders', async ({ page }) => {

tests/src/tabs.spec.js

@@ -5,6 +5,7 @@ test.describe('Testing for tabs shortcode', () => {
   test.beforeEach(async ({ page }) => {
     const tabsUrl = 'test-product/tab-group/tab-group/';
     await page.goto(`/${tabsUrl}`);
+    await page.waitForLoadState('load');
     await waitFor(async () => await handleConsentPopup(page));
   });