chore: setup to test on all evergreen browsers

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",
-    "dev-server": "es-dev-server",
+    "debug": "web-test-runner --watch --config web-test-runner-chrome.config.mjs",
+    "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:all": "web-test-runner \"packages/**/*/test/**/*.test.js\" --playwright --browsers webkit chromium firefox --coverage",
-    "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:browser": "web-test-runner --coverage",
+    "test:browserstack": "web-test-runner --config ./web-test-runner-browserstack.config.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/test-runner": "^0.7.13",
-    "@web/test-runner-browserstack": "^0.1.1",
-    "@web/test-runner-playwright": "^0.5.1",
-    "@web/test-runner-puppeteer": "^0.6.1",
+    "@web/dev-server": "^0.0.13",
+    "@web/dev-server-legacy": "^0.1.4",
+    "@web/test-runner": "^0.9.0",
+    "@web/test-runner-browserstack": "^0.2.0",
+    "@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 --grep \"packages/tabs/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/tabs/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group accordion"
   },
   "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 --grep \"packages/ajax/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/ajax/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group ajax"
   },
   "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 --grep \"packages/button/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/button/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group button"
   },
   "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 --grep \"packages/calendar/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/calendar/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group calendar"
   },
   "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 --grep \"packages/checkbox-group/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/checkbox-group/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group checkbox-group"
   },
   "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 --grep \"packages/collapsible/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/collapsible/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group collapsible"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/combobox/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group combobox"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/core/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group core"
   },
   "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 --grep \"packages/dialog/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/dialog/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group dialog"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/fieldset/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group fieldset"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/form-core/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group form-core"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/form/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group form"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/helpers/*/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group helpers"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/icon/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group icon"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-amount/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-amount"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-date/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-date"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-datepicker/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-datepicker"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-email/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-email"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-iban/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-iban"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-range/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-range"
   },
   "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 --grep \"packages/input-stepper/test/**/*.test.js\"",
-    "test:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input-stepper/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input-stepper"
   },
   "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:watch": "cd ../../ && yarn test:browser:watch --grep \"packages/input/test/**/*.test.js\""
+    "test": "cd ../../ && yarn test:browser --group input"
   },
   "sideEffects": [
     "lion-input.js"