feat: use vitest instead of playwright (#763)

Author: raisedadead

.github/workflows/build.yml

@@ -1,4 +1,4 @@
-name: Build Check
+name: Build
 
 on:
   push:
@@ -14,12 +14,14 @@ jobs:
     name: Lint
     uses: ./.github/workflows/re-lint.yml
 
-  # test:
+  test:
+    name: Test
+    uses: ./.github/workflows/re-test.yml
 
   build:
     name: Build
     runs-on: ubuntu-latest
-    needs: lint
+    needs: [lint, test]
     env:
       CI: true
 

.github/workflows/re-lint.yml

@@ -49,9 +49,6 @@ jobs:
         run: |
           pnpm install --frozen-lockfile
 
-      - name: Install dependencies and lint
+      - name: Lint
         run: |
-          pnpm install
           pnpm lint
-        env:
-          CI: true

.github/workflows/playwright.yml .github/workflows/re-test.yml.github/workflows/playwright.yml renamed to .github/workflows/re-test.yml

@@ -1,19 +1,20 @@
-name: Playwright Tests
-on:
-  push:
-  pull_request:
-    branches:
-      - main
+# This is a reusable workflow that can be called from other workflows
+name: Test
+
+on: [workflow_call]
+
 jobs:
   test:
     name: Test
     runs-on: ubuntu-latest
+
     env:
       CI: true
 
     strategy:
       matrix:
         node-version: [22.x]
+
     steps:
       - name: Checkout
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
@@ -23,9 +24,6 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
 
-      - name: Set Environment Variables
-        run: cp sample.env .env
-
       - name: Install pnpm
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4
         id: pnpm-install
@@ -49,24 +47,16 @@ jobs:
 
       - name: Install dependencies
         run: |
-          pnpm install
+          pnpm install --frozen-lockfile
 
-      - name: Install Playwright Browsers
+      - name: Test
         run: |
-          npx playwright install --with-deps
-
-      - name: Build
-        run: |
-          pnpm build
-
-      - name: Run Playwright tests
-        run: |
-          pnpm exec playwright test
-
-      - name: Upload Artifact
-        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
-        if: ${{ !cancelled() }}
-        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 7
+          pnpm test
+
+      # - name: Upload coverage reports
+      #   uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4
+      #   if: ${{ !cancelled() }}
+      #   with:
+      #     name: vitest-coverage
+      #     path: coverage/
+      #     retention-days: 7

package.json

@@ -10,8 +10,8 @@
     "preview": "pnpm build && wrangler pages dev",
     "format": "prettier . --write --cache && eslint . --cache --fix",
     "lint": "prettier . --check --cache && eslint . --cache",
-    "playwright:run": "playwright test",
-    "playwright:watch": "playwright test --ui"
+    "test": "vitest run",
+    "test:update": "vitest --update"
   },
   "lint-staged": {
     "**/*.{astro,mjs,cjs,js,jsx,ts,tsx,yaml,yml}": [
@@ -32,7 +32,7 @@
     "typescript": "5.8.3"
   },
   "devDependencies": {
-    "@playwright/test": "1.53.2",
+    "@types/jsdom": "^21.1.7",
     "@types/node": "22.16.0",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
@@ -43,10 +43,12 @@
     "eslint-plugin-prettier": "5.5.1",
     "husky": "9.1.7",
     "is-ci": "4.1.0",
+    "jsdom": "^26.1.0",
     "lint-staged": "16.1.2",
     "prettier": "3.6.2",
     "prettier-plugin-astro": "0.14.1",
     "sharp": "0.34.2",
+    "vitest": "3.2.4",
     "wrangler": "^4.0.0"
   },
   "packageManager": "pnpm@10.12.4"