test: add visual regression test

.github/workflows/vrt.yml

@@ -0,0 +1,39 @@
+name: CI
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - run: npx playwright install --with-deps
+      - run: pnpm test
+  update-snapshot:
+    needs: [check]
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: site
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/actions/setup
+      - run: npx playwright install --with-deps
+      - run: npx playwright test --update-snapshots
+      - run: gi add -N .; git diff --name-only --exit-code
+        id: git-diff
+        continue-on-error: true
+      - if: steps.git-diff.outcome == 'failure'
+        run: |
+          set -x
+          git remote set-url origin https://github-actions:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}
+          git config --global user.email "github-actions[bot]@users.noreply.github.com"
+          git config --global user.name "github-actions[bot]"
+          git commit -am "chore: update snapshots"
+          git pull --rebase
+          git push
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -2,3 +2,4 @@ node_modules
 dist
 .svelte-kit
 /site/build
+test-results

package.json

@@ -23,6 +23,7 @@
 		"build": "tsx scripts/build.ts && tsc",
 		"lint": "prettier --check .",
 		"fmt": "prettier --write .",
+		"test": "pnpm -r test",
 		"changeset": "changeset",
 		"release": "pnpm build && pnpm changeset publish"
 	},
@@ -42,7 +43,7 @@
 		"url": "https://github.com/ssssota/svelte-twc/issues"
 	},
 	"homepage": "https://github.com/ssssota/svelte-twc#readme",
-	"packageManager": "pnpm@8.15.6",
+	"packageManager": "pnpm@9.0.6",
 	"devDependencies": {
 		"@changesets/changelog-github": "^0.5.0",
 		"@changesets/cli": "^2.27.1",