Try to log what gh action sees

Author: prushforth

test/e2e/core/touchDevice.test.js

@@ -20,46 +20,35 @@ test.describe('Playwright touch device tests', () => {
 
   test.only('Tap/Long press to show layer control', async () => {
     const layerControl = await page.locator('.leaflet-control-layers');
-    await layerControl.tap();
-    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(
-      '.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');
+    // Initial state logging
+    console.log("Initial class list:", await layerControl.evaluate(el => el.className));
+    console.log("Initial _isExpanded:", await layerControl.evaluate(el => el._isExpanded));
 
-    // long press
-    const viewer = await page.locator('mapml-viewer');
-    await viewer.tap({ position: { x: 150, y: 150 } });
+    // Initial tap
     await layerControl.tap();
-    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);
+    await page.waitForTimeout(1000);
+
+    // Log after tap
+    console.log("Class list after tap:", await layerControl.evaluate(el => el.className));
+    console.log("Is expanded after tap:", await layerControl.evaluate(el => el._isExpanded));
+
+    // Long press simulation using touchstart/touchend
+    await layerControl.evaluate((el) => el.dispatchEvent(new TouchEvent('touchstart')));
+    await page.waitForTimeout(1000); // Extended delay for long press
+    await layerControl.evaluate((el) => el.dispatchEvent(new TouchEvent('touchend')));
+
+    // Log after long press
+    console.log("Class list after long press:", await layerControl.evaluate(el => el.className));
+    console.log("Is expanded after long press:", await layerControl.evaluate(el => el._isExpanded));
+
+
+    const layerControlExpanded = page.locator('.leaflet-control-layers-expanded');
+    await layerControlExpanded.waitFor({ timeout: 10000 }); 
+
 
-    // expect the layer context menu not show after the long press
-    const aHandle = await page.evaluateHandle(() =>
-      document.querySelector('mapml-viewer')
-    );
-    const nextHandle = await page.evaluateHandle(
-      (doc) => doc.shadowRoot,
-      aHandle
-    );
-    const resultHandle = await page.evaluateHandle(
-      (root) => root.querySelector('.mapml-contextmenu.mapml-layer-menu'),
-      nextHandle
-    );
-    const menuDisplay = await (
-      await page.evaluateHandle(
-        (elem) => window.getComputedStyle(elem).getPropertyValue('display'),
-        resultHandle
-      )
-    ).jsonValue();
-    expect(menuDisplay).toEqual('none');
+    const finalClassList = await layerControl.evaluate(el => el.className);
+    console.log("Final class list:", finalClassList);
+    expect(finalClassList).toMatch(/leaflet-control-layers-expanded/);
   });
 });