test: move karma to playwright-test

.codesandbox/ci.json

@@ -5,6 +5,6 @@
   "sandboxes": [
     "/examples/basic"
   ],
-  "node": "14"
+  "node": "18"
 }
 

.github/workflows/test.yml

@@ -1,9 +1,5 @@
 name: test
 on: [push, pull_request]
-# disable saucelabs
-#env:
-#  SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
-#  SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
 permissions:
   contents: read
 jobs:
@@ -12,18 +8,73 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node-version: [12,14,16]
+        node-version: [18, 20]
         os: [ubuntu-latest]
     steps:
       - name: checkout
         uses: actions/checkout@v3
       - name: setup Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v3
         with:
+          cache: "yarn"
           node-version: ${{ matrix.node-version }}
       - name: Install
         run: yarn install
       - name: Build
         run: yarn run build
       - name: Test
         run: yarn test
+
+  test-chrome:
+    name: "Test Chromium browser"
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+      - name: setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+          node-version: 18
+      - name: Install
+        run: yarn install
+      - name: Build
+        run: yarn run build
+      - name: Test
+        run: yarn run test:chrome
+
+  test-firefox:
+    name: "Test Firefox browser"
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+      - name: setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+          node-version: 18
+      - name: Install
+        run: yarn install
+      - name: Build
+        run: yarn run build
+      - name: Test
+        run: yarn run test:firefox
+
+  test-webkit:
+    name: "Test WebKit browser"
+    runs-on: macos-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+      - name: setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          cache: "yarn"
+          node-version: 18
+      - name: Install
+        run: yarn install
+      - name: Build
+        run: yarn run build
+      - name: Test
+        run: yarn run test:webkit

examples/basic/package.json

@@ -9,10 +9,10 @@
     "start": "parcel serve index.html"
   },
   "dependencies": {
-    "@kvs/env": "^1.2.0"
+    "@kvs/env": "^2.1.3"
   },
   "devDependencies": {
-    "parcel": "^2.3.1",
+    "parcel": "^2.9.3",
     "typescript": "^4.2.4"
   },
   "keywords": [],

package.json

@@ -17,6 +17,9 @@
     "build": "lerna run build",
     "clean": "lerna run clean",
     "test": "lerna run test && npm run size",
+    "test:chrome": "lerna run test:chrome",
+    "test:firefox": "lerna run test:firefox",
+    "test:webkit": "lerna run test:webkit",
     "size": "size-limit",
     "ci": "lerna run test --ignore '@kvs/localstorage'",
     "versionup": "lerna version",

packages/common-test-case/package.json

@@ -43,9 +43,9 @@
     "@kvs/types": "^2.1.1"
   },
   "devDependencies": {
-    "@types/mocha": "^9.0.0",
-    "@types/node": "^16.9.1",
-    "mocha": "^9.1.1",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^20.4.2",
+    "mocha": "^10.2.0",
     "prettier": "^2.0.5",
     "rimraf": "^3.0.2",
     "ts-node": "^10.2.1",

packages/env/package.json

@@ -50,10 +50,9 @@
     "@kvs/node-localstorage": "^2.1.3"
   },
   "devDependencies": {
-    "@jsdevtools/karma-config": "^3.1.7",
-    "@types/mocha": "^9.0.0",
-    "@types/node": "^16.9.1",
-    "mocha": "^9.1.1",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^20.4.2",
+    "mocha": "^10.2.0",
     "prettier": "^2.0.5",
     "rimraf": "^3.0.2",
     "ts-loader": "^8.2.0",

packages/indexeddb/package.json

@@ -36,7 +36,11 @@
     "clean": "rimraf lib/ module/",
     "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,css}\"",
     "prepublishOnly": "npm run clean && npm run build",
-    "test": "karma start --single-run"
+    "test": "tsc -p .",
+    "test:browser": "npm run test:chrome && npm run test:firefox && npm run test:webkit",
+    "test:chrome": "playwright-test ./test/index.test.ts --runner=mocha --browser=chromium",
+    "test:firefox": "playwright-test ./test/index.test.ts --runner=mocha --browser=firefox",
+    "test:webkit": "playwright-test ./test/index.test.ts --runner=mocha --browser=webkit"
   },
   "prettier": {
     "printWidth": 120,
@@ -48,13 +52,11 @@
     "@kvs/types": "^2.1.1"
   },
   "devDependencies": {
-    "@jsdevtools/karma-config": "^3.1.7",
     "@kvs/common-test-case": "^2.1.3",
-    "@types/mocha": "^9.0.0",
-    "@types/node": "^16.9.1",
-    "karma": "^6.3.4",
-    "karma-cli": "^2.0.0",
-    "mocha": "^9.1.1",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^20.4.2",
+    "mocha": "^10.2.0",
+    "playwright-test": "^12.1.1",
     "prettier": "^2.0.5",
     "rimraf": "^3.0.2",
     "ts-loader": "^8.2.0",

packages/localstorage/package.json

@@ -35,7 +35,11 @@
     "clean": "rimraf lib/ module/",
     "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,css}\"",
     "prepublishOnly": "npm run clean && npm run build",
-    "test": "karma start --single-run",
+    "test": "tsc -p .",
+    "test:browser": "npm run test:chrome && npm run test:firefox && npm run test:webkit",
+    "test:chrome": "playwright-test ./test/index.test.ts --runner=mocha --browser=chromium",
+    "test:firefox": "playwright-test ./test/index.test.ts --runner=mocha --browser=firefox",
+    "test:webkit": "playwright-test ./test/index.test.ts --runner=mocha --browser=webkit",
     "watch": "tsc -p . --watch"
   },
   "prettier": {
@@ -48,12 +52,10 @@
     "@kvs/storage": "^2.1.3"
   },
   "devDependencies": {
-    "@jsdevtools/karma-config": "^3.1.7",
-    "@types/mocha": "^9.0.0",
-    "@types/node": "^16.9.1",
-    "karma": "^6.3.4",
-    "karma-cli": "^2.0.0",
-    "mocha": "^9.1.1",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^20.4.2",
+    "mocha": "^10.2.0",
+    "playwright-test": "^12.1.1",
     "prettier": "^2.0.5",
     "rimraf": "^3.0.2",
     "ts-loader": "^8.2.0",

packages/memorystorage/package.json

@@ -45,11 +45,10 @@
         "trailingComma": "none"
     },
     "devDependencies": {
-        "@jsdevtools/karma-config": "^3.1.7",
         "@kvs/common-test-case": "^2.1.3",
-        "@types/mocha": "^9.0.0",
+        "@types/mocha": "^10.0.1",
         "@types/node": "^16.9.1",
-        "mocha": "^9.1.1",
+        "mocha": "^10.2.0",
         "prettier": "^2.0.5",
         "rimraf": "^3.0.2",
         "ts-loader": "^8.2.0",

packages/node-localstorage/package.json

@@ -51,11 +51,10 @@
     "node-localstorage": "^2.1.6"
   },
   "devDependencies": {
-    "@jsdevtools/karma-config": "^3.1.7",
     "@kvs/common-test-case": "^2.1.3",
-    "@types/mocha": "^9.0.0",
+    "@types/mocha": "^10.0.1",
     "@types/node": "^16.9.1",
-    "mocha": "^9.1.1",
+    "mocha": "^10.2.0",
     "prettier": "^2.0.5",
     "rimraf": "^3.0.2",
     "ts-loader": "^8.2.0",

packages/storage-sync/package.json

@@ -35,7 +35,11 @@
     "clean": "rimraf lib/ module/",
     "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,css}\"",
     "prepublishOnly": "npm run clean && npm run build",
-    "test": "karma start --single-run",
+    "test": "tsc -p .",
+    "test:browser": "npm run test:chrome && npm run test:firefox && npm run test:webkit",
+    "test:chrome": "playwright-test ./test/index.test.ts --runner=mocha --browser=chromium",
+    "test:firefox": "playwright-test ./test/index.test.ts --runner=mocha --browser=firefox",
+    "test:webkit": "playwright-test ./test/index.test.ts --runner=mocha --browser=webkit",
     "watch": "tsc -p . --watch"
   },
   "prettier": {
@@ -48,13 +52,11 @@
     "@kvs/types": "^2.1.1"
   },
   "devDependencies": {
-    "@jsdevtools/karma-config": "^3.1.7",
     "@kvs/common-test-case": "^2.1.3",
-    "@types/mocha": "^9.0.0",
-    "@types/node": "^16.9.1",
-    "karma": "^6.3.4",
-    "karma-cli": "^2.0.0",
-    "mocha": "^9.1.1",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^20.4.2",
+    "mocha": "^10.2.0",
+    "playwright-test": "^12.1.1",
     "prettier": "^2.0.5",
     "rimraf": "^3.0.2",
     "ts-loader": "^8.2.0",