Merge pull request #2879 from modernweb-dev/chore/bump-pipelines-ubuntu-to-latest-24-04

fix: bump pipelines Ubuntu 24.04 and update playwright

Author: bashmish

.changeset/tidy-hairs-hope.md

@@ -0,0 +1,5 @@
+---
+'@web/test-runner-playwright': patch
+---
+
+bump playwright

.github/workflows/canary.yml

@@ -12,7 +12,7 @@ jobs:
     # Prevents changesets action from creating a PR on forks
     if: github.repository == 'modernweb-dev/web'
     name: Pre-release
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v4

.github/workflows/lint.yml

@@ -9,7 +9,7 @@ jobs:
   linux:
     timeout-minutes: 30
     name: Linux
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
 
     steps:
       - uses: actions/checkout@v4

.github/workflows/release.yml

@@ -11,7 +11,7 @@ jobs:
     # Prevents changesets action from creating a PR on forks
     if: github.repository == 'modernweb-dev/web'
     name: Release
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     steps:
       - name: Checkout Repo
         uses: actions/checkout@v4

.github/workflows/verify-browser.yml

@@ -9,11 +9,16 @@ jobs:
   verify-linux:
     timeout-minutes: 30
     name: Linux
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
 
     steps:
       - uses: actions/checkout@v4
 
+      # TODO: remove when GitHub fixes this https://github.com/actions/runner-images/issues/10015
+      # (this workaround is practically the same what Playwright did in https://github.com/microsoft/playwright/pull/34238/files)
+      - name: Workaround for Chrome sandbox issue in Ubuntu 24.04
+        run: sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
+
       - name: Setup Node 20
         uses: actions/setup-node@v4
         env:

.github/workflows/verify-node.yml

@@ -9,7 +9,7 @@ jobs:
   verify-linux:
     timeout-minutes: 30
     name: Linux
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-24.04
     strategy:
       fail-fast: false
       matrix:
@@ -22,6 +22,11 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
+      # TODO: remove when GitHub fixes this https://github.com/actions/runner-images/issues/10015
+      # (this workaround is practically the same what Playwright did in https://github.com/microsoft/playwright/pull/34238/files)
+      - name: Workaround for Chrome sandbox issue in Ubuntu 24.04
+        run: sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
+
       - name: Setup Node ${{ matrix.node-version }}
         uses: actions/setup-node@v4
         env:

.github/workflows/verify-storybook-builder.yml

@@ -7,7 +7,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        runs-on: [ubuntu-22.04, windows-2022]
+        runs-on: [ubuntu-24.04, windows-2022]
     runs-on: ${{ matrix.runs-on }}
     name: ${{ matrix.runs-on }}
     timeout-minutes: 60

package-lock.json

@@ -60,7 +60,7 @@
     "@web/storybook-builder": "^0.2.2"
   },
   "devDependencies": {
-    "@playwright/test": "^1.22.2",
+    "@playwright/test": "^1.53.0",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-interactions": "^8.6.12",

packages/storybook-framework-web-components/package.json

@@ -48,7 +48,7 @@
   "dependencies": {
     "@web/test-runner-core": "^0.13.0",
     "@web/test-runner-coverage-v8": "^0.8.0",
-    "playwright": "^1.22.2"
+    "playwright": "^1.53.0"
   },
   "devDependencies": {
     "@web/test-runner-mocha": "^0.9.0",