test(browser): ENG-05 add real playback projects and artifact mapping

package.json

@@ -38,10 +38,10 @@
     "test:dash-control": "node --test test/dash-control.test.js",
     "dev": "npx cross-env NODE_ENV=development node ./scripts/dev.js",
     "build": "npx cross-env NODE_ENV=production node ./scripts/build.js",
-    "lint": "eslint \"packages/*/{src,types,package.json}\" \"scripts/*.{js,mjs}\" \"test/*\" \"docs/assets/ts/*\" --no-fix",
+    "lint": "eslint \"packages/*/{src,types,package.json}\" \"scripts/*.{js,mjs}\" \"test/*\" \"docs/assets/ts/*\" playwright.config.js --no-fix",
     "build:all": "yarn ci:build && yarn lint",
     "check:toolchain": "node scripts/check-toolchain.mjs",
-    "lint:fix": "eslint \"packages/*/{src,types,package.json}\" \"scripts/*.{js,mjs}\" \"test/*\" \"docs/assets/ts/*\" --fix",
+    "lint:fix": "eslint \"packages/*/{src,types,package.json}\" \"scripts/*.{js,mjs}\" \"test/*\" \"docs/assets/ts/*\" playwright.config.js --fix",
     "check:plan": "node refactor/scripts/plan.mjs --check",
     "test:node": "yarn test:unit && node --test test/toolchain.test.js test/build-docs.test.js",
     "test:baseline": "node --test refactor/scripts/*.test.mjs",
@@ -50,11 +50,15 @@
     "test:imports": "node --test test/esm.test.js test/i18n.test.js test/ssr.test.js",
     "typecheck": "node scripts/typecheck.mjs",
     "test:unit": "node --test test/playback.test.js test/dash-control.test.js test/public-behavior.test.js test/helpers.test.js",
-    "test": "yarn test:node && yarn test:baseline"
+    "test": "yarn test:node && yarn test:baseline",
+    "test:browser": "playwright test",
+    "test:browser:install": "playwright install chromium firefox webkit",
+    "test:browser:report": "playwright show-report refactor/.cache/browser/html"
   },
   "browserslist": "last 1 Chrome version",
   "devDependencies": {
     "@antfu/eslint-config": "5.4.1",
+    "@playwright/test": "1.63.0",
     "@vue/compiler-sfc": "3.5.28",
     "@yarnpkg/lockfile": "1.1.0",
     "cpy": "13.2.3",