Use new headless Chrome for playwright (#54096)

.github/workflows/headless-tests.yml

@@ -51,6 +51,9 @@ jobs:
       - name: Index fixtures into the local Elasticsearch
         run: npm run index-test-fixtures
 
+      - name: Install headless browser
+        run: npx playwright install --no-shell
+
       - name: Run Playwright tests
         env:
           PLAYWRIGHT_WORKERS: ${{ fromJSON('[1, 4]')[github.repository == 'github/docs-internal'] }}

.github/workflows/local-dev.yml

@@ -34,6 +34,9 @@ jobs:
       - name: Disable Next.js telemetry
         run: npx next telemetry disable
 
+      - name: Install headless browser
+        run: npx playwright install --no-shell
+
       # The Playwright test, with the env vars we set here, takes care of
       # starting a server and shutting it down when it's done.
       # That's why it's important this step comes before the `npm start &`

package-lock.json

@@ -107,7 +107,7 @@
         "@graphql-inspector/core": "^6.1.0",
         "@graphql-tools/load": "^8.0.0",
         "@octokit/rest": "21.0.2",
-        "@playwright/test": "^1.48.1",
+        "@playwright/test": "^1.50",
         "@types/accept-language-parser": "1.5.6",
         "@types/cheerio": "^0.22.35",
         "@types/connect-datadog": "0.0.10",
@@ -2638,13 +2638,13 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.48.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.48.1.tgz",
-      "integrity": "sha512-s9RtWoxkOLmRJdw3oFvhFbs9OJS0BzrLUc8Hf6l2UdCNd1rqeEyD4BhCJkvzeEoD1FsK4mirsWwGerhVmYKtZg==",
+      "version": "1.50.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.50.0.tgz",
+      "integrity": "sha512-ZGNXbt+d65EGjBORQHuYKj+XhCewlwpnSd/EDuLPZGSiEWmgOJB5RmMCCYGy5aMfTs9wx61RivfDKi8H/hcMvw==",
       "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright": "1.48.1"
+        "playwright": "1.50.0"
       },
       "bin": {
         "playwright": "cli.js"
@@ -12171,13 +12171,13 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.48.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.48.1.tgz",
-      "integrity": "sha512-j8CiHW/V6HxmbntOfyB4+T/uk08tBy6ph0MpBXwuoofkSnLmlfdYNNkFTYD6ofzzlSqLA1fwH4vwvVFvJgLN0w==",
+      "version": "1.50.0",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.50.0.tgz",
+      "integrity": "sha512-+GinGfGTrd2IfX1TA4N2gNmeIksSb+IAe589ZH+FlmpV3MYTx6+buChGIuDLQwrGNCw2lWibqV50fU510N7S+w==",
       "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright-core": "1.48.1"
+        "playwright-core": "1.50.0"
       },
       "bin": {
         "playwright": "cli.js"
@@ -12190,9 +12190,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.48.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.48.1.tgz",
-      "integrity": "sha512-Yw/t4VAFX/bBr1OzwCuOMZkY1Cnb4z/doAFSwf4huqAGWmf9eMNjmK7NiOljCdLmxeRYcGPPmcDgU0zOlzP0YA==",
+      "version": "1.50.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.50.0.tgz",
+      "integrity": "sha512-CXkSSlr4JaZs2tZHI40DsZUN/NIwgaUPsyLuOAaIZp2CyF2sN5MM5NJsyB188lFSSozFxQ5fPT4qM+f0tH/6wQ==",
       "devOptional": true,
       "license": "Apache-2.0",
       "bin": {

package.json

@@ -343,7 +343,7 @@
     "@graphql-inspector/core": "^6.1.0",
     "@graphql-tools/load": "^8.0.0",
     "@octokit/rest": "21.0.2",
-    "@playwright/test": "^1.48.1",
+    "@playwright/test": "^1.50",
     "@types/accept-language-parser": "1.5.6",
     "@types/cheerio": "^0.22.35",
     "@types/connect-datadog": "0.0.10",

src/fixtures/playwright.config.ts

@@ -113,7 +113,7 @@ export default defineConfig({
     {
       name: 'Google Chrome',
       use: {
-        channel: 'chrome',
+        channel: 'chromium',
         viewport: {
           width: 1400,
           height: 720,