chore: override playwright version

.github/workflows/update-screenshots.yml

@@ -28,7 +28,7 @@ jobs:
         run: npm run test:update
 
       - name: Upload failed screenshots as artifacts
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         if: failure()
         with:
           name: failed_screenshots

open-scd.test.ts

@@ -4,7 +4,7 @@ import type { IconButton } from '@material/mwc-icon-button';
 import type { ListItem } from '@material/mwc-list/mwc-list-item.js';
 
 import './open-scd.js';
-import { expect } from '@open-wc/testing';
+import { expect, waitUntil } from '@open-wc/testing';
 import type { OpenSCD } from './open-scd.js';
 
 import { Edit, newEditEvent, newOpenEvent } from './foundation.js';
@@ -16,6 +16,13 @@ function timeout(ms: number) {
   return new Promise(res => setTimeout(res, ms * factor));
 }
 
+function isMenuFullyOpen(editor: OpenSCD) {
+  const rect = editor.menuUI?.shadowRoot
+    ?.querySelector('aside.mdc-drawer--open')
+    ?.getBoundingClientRect();
+  return rect && rect.x === 0 && rect.width <= 256;
+}
+
 mocha.timeout(2000 * factor);
 
 const doc = new DOMParser().parseFromString(
@@ -52,7 +59,10 @@ allLocales.forEach(lang =>
     beforeEach(async () => {
       editor.setAttribute('locale', lang);
       await editor.updateComplete;
-      expect(editor).to.have.property('locale', lang);
+      await waitUntil(
+        () => editor.locale === lang,
+        `setting locale to ${lang} failed`
+      );
     });
 
     it(`displays a top app bar`, async () => {
@@ -67,7 +77,10 @@ allLocales.forEach(lang =>
         ?.querySelector<IconButton>('mwc-icon-button[icon="menu"]')
         ?.click();
 
-      await editor.updateComplete;
+      await editor.menuUI?.updateComplete;
+      await waitUntil(() => isMenuFullyOpen(editor), 'menu did not appear', {
+        timeout: 3000,
+      });
       await timeout(200);
       await visualDiff(editor, `menu-drawer-${lang}`);
     });

package.json

@@ -94,6 +94,12 @@
     "typedoc": "^0.23.8",
     "typescript": "^4.7.4"
   },
+  "overrides": {
+    "playwright": {
+      ".": "1.50.1",
+      "@web/test-runner-playwright": "0.11.0"
+    }
+  },
   "customElements": "custom-elements.json",
   "eslintConfig": {
     "parser": "@typescript-eslint/parser",

web-test-runner.config.js

@@ -153,7 +153,7 @@ export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
   concurrentBrowsers: 3,
 
   /** Amount of test files per browser to test concurrently */
-  concurrency: 2,
+  concurrency: 1,
 
   /** Browsers to run tests on */
   browsers,