Add linux images for map-link-disabled test

Add waitForTimeout(500) to de-flake the test

Author: prushforth

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

@@ -25,16 +25,18 @@ test.describe('map-link disabled', () => {
       'map-link[rel=stylesheet][href="restaurants/restaurants.css"]'
     );
     await expect(stylesheetLink).not.toHaveAttribute('disabled');
-
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('restaurants_css_style.png', {
       maxDiffPixels: 20
     });
     await stylesheetLink.evaluate((l) => (l.disabled = true));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('default_style.png', {
       maxDiffPixels: 20
     });
     // enable the stylesheet, ensure it styles again
     await stylesheetLink.evaluate((l) => (l.disabled = false));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('restaurants_css_style.png', {
       maxDiffPixels: 20
     });
@@ -56,10 +58,12 @@ test.describe('map-link disabled', () => {
     });
     const featuresLink = page.getByTestId('restaurants_templated_link');
     await featuresLink.evaluate((fl) => (fl.disabled = true));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('blank_map.png', {
       maxDiffPixels: 20
     });
     await featuresLink.evaluate((fl) => (fl.disabled = false));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('restaurants_css_style.png', {
       maxDiffPixels: 20
     });
@@ -75,16 +79,19 @@ test.describe('map-link disabled', () => {
     await restaurantsLayer.evaluate((l) => (l.checked = false));
     const osm = page.getByTestId('inline_tiles');
     osm.evaluate((l) => l.zoomTo());
+    await page.waitForTimeout(500);
     // disable the map-link
     await expect(viewer).toHaveScreenshot('osm_overview.png', {
       maxDiffPixels: 20
     });
     const tt = page.getByTestId('tile_template');
     await tt.evaluate((tl) => (tl.disabled = true));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('blank_map.png', {
       maxDiffPixels: 20
     });
     await tt.evaluate((tl) => (tl.disabled = false));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('osm_overview.png', {
       maxDiffPixels: 20
     });
@@ -101,12 +108,14 @@ test.describe('map-link disabled', () => {
       l.zoomTo();
       l.checked = true;
     });
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('toporama.png', {
       maxDiffPixels: 20
     });
     // disable the map-link
     const imageTemplateLink = page.getByTestId('inline-link1');
     await imageTemplateLink.evaluate((l) => (l.disabled = true));
+    await page.waitForTimeout(500);
     await expect(viewer).toHaveScreenshot('blank_map.png', {
       maxDiffPixels: 20
     });
@@ -123,29 +132,32 @@ test.describe('map-link disabled', () => {
     const restaurantsLayer = page.getByTestId('inline_templated_features');
     await restaurantsLayer.evaluate((l) => (l.checked = false));
     const toporama = page.getByTestId('inline_image');
-    await toporama.evaluate((l)=> l.checked = false);
+    await toporama.evaluate((l) => (l.checked = false));
     const queryableLayer = page.getByTestId('remote-queryable');
-    await queryableLayer.evaluate((l)=>{l.checked = true;l.zoomTo();});
+    await queryableLayer.evaluate((l) => {
+      l.checked = true;
+      l.zoomTo();
+    });
     await page.waitForTimeout(500);
     await viewer.click();
     await page.waitForTimeout(500);
     // query returns a feature
     const queriedFeature = queryableLayer.getByTestId('hareg');
     await expect(queriedFeature).toHaveCount(1);
     const queryLink = queryableLayer.getByTestId('query-link');
-    await queryLink.evaluate((l)=> l.disabled = true);
+    await queryLink.evaluate((l) => (l.disabled = true));
     await page.waitForTimeout(500);
-    const queryLinkIsEmpty = await queryLink.evaluate((l)=> l.shadowRoot.querySelector('*')===null);
+    const queryLinkIsEmpty = await queryLink.evaluate(
+      (l) => l.shadowRoot.querySelector('*') === null
+    );
     await expect(queryLinkIsEmpty).toBe(true);
     await viewer.click();
     await page.waitForTimeout(500);
     await expect(queriedFeature).toHaveCount(0);
     // enable the query link, should return features again
-    await queryLink.evaluate((l)=> l.disabled = false);
+    await queryLink.evaluate((l) => (l.disabled = false));
     await viewer.click();
     await page.waitForTimeout(500);
     await expect(queriedFeature).toHaveCount(1);
-    
-    
-  });  
+  });
 });