Enhance testing setup in package.json by adding new test commands for visual regression and coverage, and introduce a new web-test-runner configuration file to support advanced testing features. This improves the testing workflow and integrates visual regression capabilities.

Author: alexpmule

package.json

@@ -65,8 +65,10 @@
     "lint:types": "tsc",
     "lint": "npm run lint:eslint",
     "format": "npm run format:eslint",
-    "test": "web-test-runner --config web-test-runner.config.cjs",
-    "test:watch": "web-test-runner --config web-test-runner.config.cjs --watch",
+    "test": "web-test-runner test/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit && npm run test:visual",
+    "test:visual": "web-test-runner test/visual/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit",
+    "test:watch": "web-test-runner test/*.test.js --node-resolve --watch --playwright --browsers chromium",
+    "test:visual:update": "web-test-runner test/**/*.test.js --coverage --node-resolve --playwright --browsers chromium firefox webkit --update-visual-baseline\n",
     "gen:wc": "wca analyze \"*.js\" --outFile custom-elements.json",
     "prepare": "node demo/model.js"
   },