Add timeouts to mitigate flakiness

Author: Peter Rushforth

test/e2e/elements/layer-/layer-dash-src.test.js

@@ -19,6 +19,7 @@ test.describe('layer- local/inline vs remote content/src tests', () => {
     const labelProperty = await layer.evaluate((l) => l.label);
     expect(labelProperty).toEqual('Canada Base Map - Transportation (CBMT)');
     await layer.evaluate((layer) => layer.zoomTo());
+    await page.waitForTimeout(500);
     let mapLocation = await viewer.evaluate((v) => ({
       lat: v.lat,
       lon: v.lon,
@@ -35,6 +36,7 @@ test.describe('layer- local/inline vs remote content/src tests', () => {
     // remove the src attribute
 
     await layer.evaluate((layer) => layer.removeAttribute('src'));
+    await page.waitForTimeout(500);
     expect(layer).toHaveAttribute('disabled');
 
     // append the template map-extent to the local / inline content

test/e2e/elements/map-layer/map-layer-media.test.js

@@ -85,6 +85,7 @@ enabled and added to the layer control when mq removed`, async () => {
   test(`An invalid media query is the same as a non-matching media query`, async () => {
     const noInitialQueryLayer = page.getByTestId('no-initial-mq');
     await noInitialQueryLayer.evaluate((l) => l.setAttribute('media', '(foo '));
+    await page.waitForTimeout(500);
     await expect(noInitialQueryLayer).toHaveAttribute('disabled', '');
   });
 });

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

@@ -29,6 +29,7 @@ test.describe('Playwright map[is=web-map] fullscreen tests', () => {
     // the first mapml-viewer should be returned by document.fullscreen
     expect(fullscreenElement).toEqual('map1');
     await fullscreenButton.click();
+    await page.waitForTimeout(500);
     fullscreenElement = await page.evaluate(`document.fullscreenElement`);
     expect(fullscreenElement).toBeFalsy();