Add timeouts to decrease flakiness

Author: Peter Rushforth

test/e2e/elements/map-link/map-link-api.test.js

@@ -83,6 +83,7 @@ test.describe('map-link api tests', () => {
     );
   });
   test("map-links that shouldn't have an extent behave accordingly", async () => {
+    await page.waitForTimeout(500);
     // create a layer containing a <map-link rel=license
     const viewer = page.getByTestId('viewer');
     await viewer.evaluate((map) => {

test/e2e/elements/map/map-in-shadow-root.test.js

@@ -18,6 +18,7 @@ test.describe('Playwright map[is=web-map] fullscreen tests', () => {
     await page.goto('map-in-shadow-root.html');
   });
   test('Fullscreen button makes shadow DOM map[is=web-map] element the fullscreen element', async () => {
+    await page.waitForTimeout(500);
     const map1 = page.getByTestId('map1');
     const fullscreenButton = map1.getByTitle(/(View)|(Exit) Fullscreen/i);
     await fullscreenButton.click();

test/e2e/layers/mixedLayer-zindex-rendering.test.js

@@ -13,6 +13,7 @@ test.describe('Mixed Layer Z-Index Rendering Tests', () => {
   });
 
   test('baseline rendering - red map-extent over green inline tiles and features', async () => {
+    await page.waitForTimeout(500);
     // Take baseline screenshot showing red tiles on top with blue feature visible
     const screenshot = await page.screenshot({ fullPage: false });
     expect(screenshot).toMatchSnapshot('mixedLayer-baseline.png');
@@ -38,6 +39,7 @@ test.describe('Mixed Layer Z-Index Rendering Tests', () => {
         mapExtents[0].checked = false;
       }
     });
+    await page.waitForTimeout(500);
 
     // Take screenshot showing green tiles are now visible
     const screenshot = await page.screenshot({ fullPage: false });
@@ -60,6 +62,7 @@ test.describe('Mixed Layer Z-Index Rendering Tests', () => {
         mapExtents[1].checked = true;
       }
     });
+    await page.waitForTimeout(500);
 
     // Take screenshot showing blue extent covering everything
     const screenshot = await page.screenshot({ fullPage: false });
@@ -102,7 +105,7 @@ test.describe('Mixed Layer Z-Index Rendering Tests', () => {
         );
       }
     });
-
+    await page.waitForTimeout(500);
     // Take screenshot to validate the DOM order change effect
     const screenshot = await page.screenshot({ fullPage: false });
     expect(screenshot).toMatchSnapshot('mixedLayer-dom-reordered.png');
@@ -123,6 +126,8 @@ test.describe('Mixed Layer Z-Index Rendering Tests', () => {
     // At least one feature should exist
     expect(featuresCount).toBeGreaterThan(0);
 
+    await page.waitForTimeout(500);
+
     // Take screenshot to validate feature visibility and positioning
     const screenshot = await page.screenshot({ fullPage: false });
     expect(screenshot).toMatchSnapshot('mixedLayer-features-baseline.png');
@@ -151,6 +156,7 @@ test.describe('Mixed Layer Z-Index Rendering Tests', () => {
     expect(elementCounts.featureCount).toBeGreaterThan(0);
     expect(elementCounts.checkedExtents).toBeGreaterThan(0);
 
+    await page.waitForTimeout(500);
     // Take a screenshot to validate the final hierarchy
     const screenshot = await page.screenshot({ fullPage: false });
     expect(screenshot).toMatchSnapshot('mixedLayer-hierarchy-validation.png');