Migrate browser testing from airtap to vitest + playwright (#3)

* Migrate from airtap to vitest + playwright for browser testing
* Add test screenshots to gitignore and remove them from git
* Update CI workflow to keep browser testing optional
* Fixing tests so they can run in both NodeJS and browsers
* Run browser tests in CI
* Upgrading to Node 20 (latest supported version)

Author: Copilot

.airtap.yml

@@ -21,7 +21,7 @@ jobs:
         os:
           - ubuntu-latest
         node:
-          - '18'
+          - '20'
     steps:
       - name: Install Setuptools for Python
         run: pip3 install setuptools
@@ -41,8 +41,12 @@ jobs:
           cache: 'pnpm'
 
       - run: pnpm install --frozen-lockfile
-      - run: echo "127.0.0.1 airtap.local" | sudo tee -a /etc/hosts
-      - run: pnpm test
-        env:
-          SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
-          SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
+      
+      - name: Run Node.js tests
+        run: pnpm test
+
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install --with-deps chromium firefox webkit
+
+      - name: Run Playwright Browser Tests
+        run: pnpm run test-browser-chromium

.github/workflows/ci.yml

@@ -3,3 +3,4 @@ node_modules
 package-lock.json
 pnpm-lock.yaml
 dist
+test/__screenshots__

.gitignore

@@ -19,25 +19,27 @@
     "webrtc-polyfill": "^1.1.10"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
+    "@playwright/test": "^1.57.0",
     "@types/debug": "^4.1.12",
     "@types/node": "^24.10.2",
     "@types/streamx": "^2.9.5",
     "@types/webrtc": "^0.0.47",
     "@vitest/browser": "^4.0.15",
-    "airtap": "^4.0.4",
-    "airtap-manual": "^1.0.0",
-    "airtap-system": "^0.1.0",
-    "babelify": "^10.0.0",
+    "@vitest/browser-playwright": "^4.0.15",
     "bowser": "^2.11.0",
+    "buffer": "^6.0.3",
     "cross-env": "^7.0.3",
+    "events": "^3.3.0",
     "happy-dom": "^20.0.11",
+    "playwright": "^1.57.0",
     "prettier-bytes": "^1.0.4",
+    "process": "^0.11.10",
     "speedometer": "^1.1.0",
+    "stream-browserify": "^3.0.0",
     "string-to-stream": "^3.0.1",
     "thunky": "^1.1.0",
     "typescript": "^5.9.3",
+    "util": "^0.12.5",
     "vite": "^7.2.7",
     "vitest": "^4.0.15",
     "ws": "^8.18.0"
@@ -88,8 +90,12 @@
     "test": "npm run build && vitest run",
     "test:watch": "vitest",
     "test-node": "vitest run",
-    "test-browser": "airtap --concurrency 1 --all -- test/*.js test/browser/*.js | tap-spec",
-    "test-browser-local": "airtap --preset local -- test/*.js | tap-spec"
+    "test-browser": "npm run build && vitest run --config vitest.browser.config.ts",
+    "test-browser-local": "npm run build && vitest --config vitest.browser.config.ts",
+    "test-browser-all": "npm run test-browser-chromium && npm run test-browser-firefox && npm run test-browser-webkit",
+    "test-browser-chromium": "npm run build && vitest run --config vitest.browser.config.ts --browser.name=chromium --browser.headless",
+    "test-browser-firefox": "npm run build && vitest run --config vitest.browser.config.ts --browser.name=firefox --browser.headless",
+    "test-browser-webkit": "npm run build && vitest run --config vitest.browser.config.ts --browser.name=webkit --browser.headless"
   },
   "contributors": [
     {