Try a different method to get long touch recognized on gh action

Author: prushforth

test/e2e/core/touchDevice.test.js

@@ -18,21 +18,16 @@ test.describe('Playwright touch device tests', () => {
     await context.close();
   });
 
-  test('Tap/Long press to show layer control', async () => {
-    const layerControl = await page.locator(
-      'div > div.leaflet-control-container > div.leaflet-top.leaflet-right > div'
-    );
+  test.only('Tap/Long press to show layer control', async () => {
+    const layerControl = await page.locator('.leaflet-control-layers');
     await layerControl.tap();
-    let className = await layerControl.evaluate(
-      (el) =>
-        el.classList.contains('leaflet-control-layers-expanded') &&
-        el._isExpanded
-    );
-    expect(className).toEqual(true);
+    await page.waitForSelector('.leaflet-control-layers-expanded', { timeout: 5000 });
+    //await expect(layerControl).toHaveClass(/leaflet-control-layers-expanded/);
+    await expect(layerControl).toHaveJSProperty('_isExpanded', true);
 
     // expect the opacity setting not open after the click
     let opacity = await page.$eval(
-      'div > div.leaflet-control-container > div.leaflet-top.leaflet-right > div > section > div.leaflet-control-layers-overlays > fieldset:nth-child(1) > div.mapml-layer-item-properties > div > button:nth-child(2)',
+      '.leaflet-control-layers-overlays > fieldset:nth-child(1) > div.mapml-layer-item-properties > div > button:nth-child(2)',
       (btn) => btn.getAttribute('aria-expanded')
     );
     expect(opacity).toEqual('false');
@@ -41,14 +36,11 @@ test.describe('Playwright touch device tests', () => {
     const viewer = await page.locator('mapml-viewer');
     await viewer.tap({ position: { x: 150, y: 150 } });
     await layerControl.tap();
-    await layerControl.tap({ delay: 800 }); // Simulates a long tap/press
-
-    className = await layerControl.evaluate(
-      (el) =>
-        el.classList.contains('leaflet-control-layers-expanded') &&
-        el._isExpanded
-    );
-    expect(className).toEqual(true);
+    const isCI = process.env.CI === 'true'; // GitHub Actions sets CI=true
+    await layerControl.tap({ delay: isCI ? 1200 : 800 });
+    await page.waitForSelector('.leaflet-control-layers-expanded', { timeout: 5000 });
+    //await expect(layerControl).toHaveClass(/leaflet-control-layers-expanded/);
+    await expect(layerControl).toHaveJSProperty('_isExpanded', true);
 
     // expect the layer context menu not show after the long press
     const aHandle = await page.evaluateHandle(() =>