chore: setup to test on all evergreen browsers

es-dev-server.config.js

@@ -1,8 +0,0 @@
-const { mdjsTransformer } = require('@mdjs/core');
-
-module.exports = {
-  nodeResolve: true,
-  // open: 'packages/button/README.md',
-  watch: true,
-  responseTransformers: [mdjsTransformer],
-};

package.json

@@ -9,8 +9,9 @@
     "build:docs": "wca analyze \"packages/tabs/**/*.js\"",
     "build:types": "tsc -p tsconfig.build.types.json",
     "bundlesize": "rollup -c bundlesize/rollup.config.js && bundlesize",
-    "debug": "web-test-runner \"packages/overlays/test/**/*.test.js\" --watch",
+    "debug": "web-test-runner --watch --config web-test-runner-chrome.config.mjs",
-    "dev-server": "es-dev-server",
+    "debug:firefox": "web-test-runner --watch --config web-test-runner-firefox.config.mjs",
+    "debug:webkit": "web-test-runner --watch --config web-test-runner-webkit.config.mjs",
     "format": "npm run format:eslint && npm run format:prettier",
     "format:eslint": "eslint --ext .js,.html . --fix",
     "format:prettier": "prettier \"**/*.{js,md}\" --write",
@@ -25,12 +26,10 @@
     "start": "npm run storybook",
     "storybook": "start-storybook -p 9001",
     "storybook:build": "build-storybook",
-    "storybook:build:start": "es-dev-server --root-dir storybook-static --open",
+    "storybook:build:start": "web-dev-server --root-dir storybook-static --open",
     "test": "run-p test:browser test:node",
-    "test:browser": "web-test-runner \"packages/**/*/test/**/*.test.js\" --coverage",
+    "test:browser": "web-test-runner --coverage",
-    "test:browser:all": "web-test-runner \"packages/**/*/test/**/*.test.js\" --playwright --browsers webkit chromium firefox --coverage",
+    "test:browserstack": "web-test-runner --config ./web-test-runner-browserstack.config.js",
-    "test:browser:watch": "web-test-runner \"packages/**/*/test/**/*.test.js\" --watch",
-    "test:browserstack": "web-test-runner --config ./web-test-runner-browserstack.config.js \"packages/form-core/test/**/*.test.js\"",
     "test:node": "node scripts/workspaces-scripts.mjs run test:node",
     "test:screenshots": "rimraf screenshots/.diff/ && rimraf screenshots/.current/ && mocha --require scripts/screenshots/bootstrap.js --exit --timeout 10000 \"packages/**/test/*.screenshots-test.js\"",
     "test:screenshots:update": "cross-env UPDATE_SCREENSHOTS=true npm run test:screenshots"
@@ -47,11 +46,11 @@
     "@open-wc/testing-helpers": "^1.0.0",
     "@storybook/addon-a11y": "~5.0.0",
     "@types/chai-dom": "^0.0.8",
-    "@web/dev-server-legacy": "^0.1.1",
+    "@web/dev-server": "^0.0.13",
-    "@web/test-runner": "^0.7.13",
+    "@web/dev-server-legacy": "^0.1.4",
-    "@web/test-runner-browserstack": "^0.1.1",
+    "@web/test-runner": "^0.9.0",
-    "@web/test-runner-playwright": "^0.5.1",
+    "@web/test-runner-browserstack": "^0.2.0",
-    "@web/test-runner-puppeteer": "^0.6.1",
+    "@web/test-runner-playwright": "^0.6.3",
     "@webcomponents/webcomponentsjs": "^2.4.4",
     "babel-eslint": "^8.2.6",
     "babel-polyfill": "^6.26.0",
@@ -61,7 +60,6 @@
     "concurrently": "^5.2.0",
     "cross-env": "^7.0.2",
     "eclint": "^2.8.1",
-    "es-dev-server": "^1.57.1",
     "es6-promisify": "^6.1.1",
     "eslint": "^6.1.0",
     "eslint-config-prettier": "^6.11.0",

packages/accordion/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group accordion",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group accordion",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group accordion",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/tabs/README.md",
+    "test": "cd ../../ && yarn test:browser --group accordion"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/tabs/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/tabs/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-accordion.js"

packages/ajax/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group ajax",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group ajax",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group ajax",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/ajax/README.md",
+    "test": "cd ../../ && yarn test:browser --group ajax"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/ajax/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/ajax/test/**/*.test.js\""
   },
   "sideEffects": false,
   "dependencies": {

packages/button/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group button",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group button",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group button",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/button/README.md",
+    "test": "cd ../../ && yarn test:browser --group button"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/button/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/button/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-button.js"

packages/calendar/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group calendar",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group calendar",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group calendar",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/calendar/README.md",
+    "test": "cd ../../ && yarn test:browser --group calendar"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/calendar/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/calendar/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-calendar.js"

packages/checkbox-group/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group checkbox-group",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group checkbox-group",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group checkbox-group",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/checkbox-group/README.md",
+    "test": "cd ../../ && yarn test:browser --group checkbox-group"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/checkbox-group/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/checkbox-group/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-checkbox.js",

packages/collapsible/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group collapsible",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group collapsible",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group collapsible",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/collapsible/README.md",
+    "test": "cd ../../ && yarn test:browser --group collapsible"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/collapsible/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/collapsible/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-collapsible.js",

packages/combobox/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group combobox",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group combobox",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group combobox",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/combobox/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group combobox"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/combobox/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-combobox.js",

packages/core/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group core",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group core",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group core",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/core/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group core"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/core/test/**/*.test.js\""
   },
   "sideEffects": false,
   "dependencies": {

packages/dialog/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group dialog",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group dialog",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group dialog",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/dialog/README.md",
+    "test": "cd ../../ && yarn test:browser --group dialog"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/dialog/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/dialog/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-dialog.js",

packages/fieldset/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group fieldset",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group fieldset",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group fieldset",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/fieldset/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group fieldset"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/fieldset/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-fieldset.js",

packages/form-core/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group form-core",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group form-core",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group form-core",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/form-core/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group form-core"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/form-core/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-field.js",

packages/form-integrations/package.json

@@ -23,7 +23,11 @@
     "types"
   ],
   "scripts": {
-    "prepublishOnly": "../../scripts/npm-prepublish.js"
+    "debug": "cd ../../ && yarn debug --group form-integration",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group form-integration",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group form-integration",
+    "prepublishOnly": "../../scripts/npm-prepublish.js",
+    "test": "cd ../../ && yarn test:browser --group form-integration"
   },
   "sideEffects": [
     "./docs/helper-wc/h-output.js"

packages/form/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group form",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group form",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group form",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/form/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group form"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/form/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-form.js"

packages/helpers/package.json

@@ -20,9 +20,11 @@
     "sortEachDepth"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group helpers",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group helpers",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group helpers",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/helpers/*/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group helpers"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/helpers/*/test/**/*.test.js\""
   },
   "sideEffects": [
     "sb-action-logger.js",

packages/icon/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group icon",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group icon",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group icon",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/icon/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group icon"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/icon/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-icon.js",

packages/input-amount/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-amount",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-amount",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-amount",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-amount/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input-amount"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-amount/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-amount.js"

packages/input-date/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-date",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-date",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-date",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-date/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input-date"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-date/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-date.js"

packages/input-datepicker/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-datepicker",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-datepicker",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-datepicker",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-datepicker/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input-datepicker"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-datepicker/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-datepicker.js"

packages/input-email/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-email",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-email",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-email",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-email/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input-email"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-email/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-email.js"

packages/input-iban/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-iban",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-iban",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-iban",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-iban/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input-iban"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-iban/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-iban.js"

packages/input-range/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-range",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-range",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-range",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-range/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input-range"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-range/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-range.js"

packages/input-stepper/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input-stepper",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input-stepper",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input-stepper",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/input-stepper/README.md",
+    "test": "cd ../../ && yarn test:browser --group input-stepper"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input-stepper/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-stepper/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input-stepper.js"

packages/input/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group input",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group input",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group input",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/input/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group input"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-input.js"

packages/listbox/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group listbox",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group listbox",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group listbox",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/listbox/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group listbox"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/listbox/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-listbox.js",

packages/localize/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group localize",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group localize",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group localize",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/localize/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group localize"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/localize/test/**/*.test.js\""
   },
   "sideEffects": false,
   "dependencies": {

packages/overlays/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group overlays",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group overlays",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group overlays",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/overlays/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group overlays"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/overlays/test/**/*.test.js\""
   },
   "sideEffects": [
     "./docs/demo-overlay-system.js",

packages/pagination/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group pagination",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group pagination",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group pagination",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/pagination/README.md",
+    "test": "cd ../../ && yarn test:browser --group pagination"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/pagination/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/pagination/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-pagination.js"

packages/progress-indicator/package.json

@@ -21,10 +21,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group progress-indicator",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group progress-indicator",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group progress-indicator",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/progress-indicator/README.md",
+    "test": "cd ../../ && yarn test:browser --group progress-indicator"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/progress-indicator/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/progress-indicator/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-progress-indicator.js"

packages/radio-group/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group radio-group",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group radio-group",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group radio-group",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/radio-group/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group radio-group"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/radio-group/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-radio.js",

packages/select-rich/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group select-rich",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group select-rich",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group select-rich",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/select-rich/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group select-rich"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/select-rich/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-select-invoker.js",

packages/select/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group select",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group select",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group select",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/select/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group select"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/select/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-select.js"

packages/steps/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group steps",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group steps",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group steps",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/steps/README.md",
+    "test": "cd ../../ && yarn test:browser --group steps"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/steps/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/steps/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-step.js",

packages/switch/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group switch",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group switch",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group switch",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/switch/README.md",
+    "test": "cd ../../ && yarn test:browser --group switch"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/switch/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/switch/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-switch.js",

packages/tabs/package.json

@@ -23,10 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group tabs",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group tabs",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group tabs",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "start": "cd ../../ && yarn dev-server --open packages/tabs/README.md",
+    "test": "cd ../../ && yarn test:browser --group tabs"
-    "test": "cd ../../ && yarn test:browser --grep \"packages/tabs/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/tabs/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-tabs.js"

packages/textarea/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group textarea",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group textarea",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group textarea",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/textarea/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group textarea"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/textarea/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-textarea.js"

packages/tooltip/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group tooltip",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group tooltip",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group tooltip",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/tooltip/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group tooltip"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/tooltip/test/**/*.test.js\""
   },
   "sideEffects": [
     "lion-tooltip.js",

packages/validate-messages/package.json

@@ -23,9 +23,11 @@
     "types"
   ],
   "scripts": {
+    "debug": "cd ../../ && yarn debug --group validate-messages",
+    "debug:firefox": "cd ../../ && yarn debug:firefox --group validate-messages",
+    "debug:webkit": "cd ../../ && yarn debug:webkit --group validate-messages",
     "prepublishOnly": "../../scripts/npm-prepublish.js",
-    "test": "cd ../../ && yarn test:browser --grep \"packages/validate-messages/test/**/*.test.js\"",
+    "test": "cd ../../ && yarn test:browser --group validate-messages"
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/validate-messages/test/**/*.test.js\""
   },
   "dependencies": {
     "@lion/core": "0.13.0",

web-test-runner-chrome.config.mjs

@@ -0,0 +1,8 @@
+/* eslint-disable no-param-reassign */
+import { playwrightLauncher } from '@web/test-runner-playwright';
+import defaultConfig from './web-test-runner.config.mjs';
+
+const config = { ...defaultConfig };
+config.browsers = [playwrightLauncher({ product: 'chromium' })];
+
+export default config;

web-test-runner-firefox.config.mjs

@@ -0,0 +1,9 @@
+/* eslint-disable no-param-reassign */
+// // import { legacyPlugin } from '@web/dev-server-legacy';
+import { playwrightLauncher } from '@web/test-runner-playwright';
+import defaultConfig from './web-test-runner.config.mjs';
+
+const config = { ...defaultConfig };
+config.browsers = [playwrightLauncher({ product: 'firefox' })];
+
+export default config;

web-test-runner-webkit.config.mjs

@@ -0,0 +1,7 @@
+/* eslint-disable no-param-reassign */
+import { playwrightLauncher } from '@web/test-runner-playwright';
+import defaultConfig from './web-test-runner.config.mjs';
+
+const config = { ...defaultConfig };
+config.browsers = [playwrightLauncher({ product: 'webkit' })];
+export default config;

web-test-runner.config.js

@@ -1,23 +0,0 @@
-const { legacyPlugin } = require('@web/dev-server-legacy');
-
-module.exports = {
-  plugins: [legacyPlugin()],
-  nodeResolve: true,
-  sessionStartTimeout: 30000,
-  concurrency: 5,
-  coverageConfig: {
-    report: true,
-    reportDir: 'coverage',
-    threshold: {
-      statements: 90,
-      branches: 65,
-      functions: 80,
-      lines: 90,
-    },
-  },
-  testFramework: {
-    config: {
-      timeout: '3000',
-    },
-  },
-};

web-test-runner.config.mjs

@@ -0,0 +1,38 @@
+import fs from 'fs';
+import { playwrightLauncher } from '@web/test-runner-playwright';
+
+const packages = fs
+  .readdirSync('packages')
+  .filter(
+    dir => fs.statSync(`packages/${dir}`).isDirectory() && fs.existsSync(`packages/${dir}/test`),
+  );
+
+export default {
+  nodeResolve: true,
+  coverageConfig: {
+    report: true,
+    reportDir: 'coverage',
+    threshold: {
+      statements: 90,
+      branches: 65,
+      functions: 80,
+      lines: 90,
+    },
+  },
+  testFramework: {
+    config: {
+      timeout: '3000',
+    },
+  },
+  browsers: [
+    playwrightLauncher({ product: 'firefox', concurrency: 1 }),
+    playwrightLauncher({ product: 'chromium' }),
+    playwrightLauncher({ product: 'webkit' }),
+  ],
+  groups: packages.map(pkg => {
+    return {
+      name: pkg,
+      files: `packages/${pkg}/test/**/*.test.js`,
+    };
+  }),
+};