test

.github/workflows/playwright.yml

@@ -0,0 +1,31 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master, dev, test-34-interaction ]
+    paths:
+      - 'packages/test/**'
+      - 'packages/flitter/**'
+  pull_request:
+    branches: [ main, master, dev ]
+    paths:
+      - 'packages/test/**'
+      - 'packages/flitter/**'
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm i
+    - name: Run Playwright tests
+      run: npm run test:playwright
+    - uses: actions/upload-artifact@v4
+      if: always()
+      with:
+        name: playwright-report
+        path: packages/test/playwright-report/
+        retention-days: 30

.gitignore

@@ -7,4 +7,7 @@ dist/
 storybook-static/
 package
 .svelte-kit
-
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

.vscode/launch.json

@@ -1,6 +1,13 @@
 {
   "version": "0.2.0",
   "configurations": [
+    {
+      "name": "Attach to Chrome",
+      "port": 9222,
+      "request": "attach",
+      "type": "chrome",
+      "webRoot": "${workspaceFolder}"
+    },
     {
       "command": "./node_modules/.bin/astro dev",
       "name": "Development server",

package.json

@@ -3,14 +3,15 @@
   "version": "1.0.0",
   "description": "A declarative, widget-based library built on SVG for simplifying data visualization with a Flutter-like syntax.",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
     "flitter:build": "npm run build -workspace=@meursyphus/flitter",
     "docs:start": "npm run start --workspace=@meursyphus/flitter-docs",
     "docs:build": "npm run build --workspace=@meursyphus/flitter-docs",
     "story:start": "npm run storybook --workspace=@meursyphus/flitter-story",
     "story:build": "npm run build-storybook --workspace=@meursyphus/flitter-story",
     "story:chromatic": "npm run chromatic --workspace=@meursyphus/flitter-story",
     "test:dev": "npm run dev --workspace=@meursyphus/test",
+    "test:playwright": "npm run test:integration --workspace=@meursyphus/test",
+    "pretest:playwright": "npm run flitter:build",
     "prestory:chromatic": "npm run flitter:build",
     "predocs:build": "npm run flitter:build"
   },
@@ -20,6 +21,7 @@
     "packages/*"
   ],
   "devDependencies": {
+    "@types/node": "^20.11.30",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2"
   },