chore(deps): replace playwright with playwright-core (#450)

* ci: merge github workflows

* chore: replace `playwright` with `playwright-core`

Author: BobbieGoede

.github/workflows/ci.yml

@@ -118,22 +118,8 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
-      # https://github.com/vitejs/vite/blob/main/.github/workflows/ci.yml#L62
-      # Install playwright's binary under custom directory to cache
-      - name: Set Playwright path
-        run: echo "PLAYWRIGHT_BROWSERS_PATH=$HOME/.cache/playwright-bin" >> $GITHUB_ENV
-
-      - name: Cache Playwright's binary
-        uses: actions/cache@v4
-        with:
-          # Playwright removes unused browsers automatically
-          # So does not need to add playwright version to key
-          key: ${{ runner.os }}-playwright-bin-v1
-          path: ${{ env.PLAYWRIGHT_BROWSERS_PATH }}
-
       - name: Install Playwright
-        # does not need to explicitly set chromium after https://github.com/microsoft/playwright/issues/14862 is solved
-        run: pnpm playwright install chromium
+        run: pnpm playwright-core install chromium
 
       - name: Restore dist cache
         uses: actions/cache@v4

e2e/helper.ts

@@ -1,4 +1,4 @@
-import type { Page } from 'playwright'
+import type { Page } from 'playwright-core'
 
 export async function getText(
   page: Page,

e2e/vite.spec.ts

@@ -2,7 +2,7 @@ import { startServer } from './setup-server'
 import { getText } from './helper'
 
 import type { ServerContext } from './setup-server'
-import type { Browser, Page } from 'playwright'
+import type { Browser, Page } from 'playwright-core'
 import { describe, expect, test, beforeAll, afterAll } from 'vitest'
 
 // TODO: extract to shim.d.ts

package.json

@@ -62,7 +62,7 @@
     "minimist": "^1.2.8",
     "npm-run-all2": "^7.0.1",
     "opener": "^1.5.2",
-    "playwright": "^1.44.0",
+    "playwright-core": "^1.51.0",
     "prettier": "^3.2.5",
     "prompts": "^2.4.2",
     "rollup": "^2.53.1",

pnpm-lock.yaml

@@ -1,9 +1,9 @@
 async function main() {
   try {
-    await import('playwright')
+    await import('playwright-core')
   } catch (e) {
     console.error(
-      'Playwright is not installed. Please run `pnpm playwright install chromium`'
+      'Playwright is not installed. Please run `pnpm playwright-core install chromium`'
     )
     throw e
   }

scripts/playwright.ts

@@ -1,7 +1,7 @@
 import { afterAll, beforeAll } from 'vitest'
-import playwright from 'playwright'
+import playwright from 'playwright-core'
 
-import type { Browser, Page, LaunchOptions } from 'playwright'
+import type { Browser, Page, LaunchOptions } from 'playwright-core'
 
 // TODO: extract to shim.d.ts
 // eslint-disable-next-line @typescript-eslint/no-namespace