Merge pull request #196 from github/web-test-runner

Use Modern Webs Test Runner instead of karma

Author: koddsson

package-lock.json

@@ -27,28 +27,21 @@
     "build:docs": "cd docs && JEKYLL_ENV=production bundle exec jekyll build",
     "clean": "tsc --build --clean",
     "lint": "eslint . --ignore-path .gitignore",
-    "pretest": "npm run build",
-    "test": "npm run lint && karma start test/karma.config.cjs",
+    "pretest": "npm run build && npm run lint",
+    "test": "web-test-runner test/*.js --node-resolve",
     "postpublish": "npm publish --ignore-scripts --@github:registry='https://npm.pkg.github.com'"
   },
   "prettier": "@github/prettier-config",
   "devDependencies": {
     "@github/prettier-config": "^0.0.4",
     "@lhci/cli": "^0.7.0",
+    "@open-wc/testing": "^3.1.2",
     "@typescript-eslint/eslint-plugin": "^5.16.0",
     "@typescript-eslint/parser": "^5.16.0",
-    "chai": "^4.3.0",
-    "chai-spies": "^1.0.0",
-    "chromium": "^3.0.3",
+    "@web/test-runner": "^0.13.27",
     "eslint": "^8.12.0",
     "eslint-plugin-github": "^4.3.6",
-    "karma": "^6.1.1",
-    "karma-chai": "^0.1.0",
-    "karma-chai-spies": "^0.1.4",
-    "karma-chrome-launcher": "^3.1.0",
-    "karma-mocha": "^2.0.1",
-    "karma-mocha-reporter": "^2.2.5",
-    "mocha": "^8.3.0",
+    "sinon": "^13.0.1",
     "tslib": "^2.3.1",
     "typescript": "^4.6.3"
   }

package.json

@@ -1,3 +1,4 @@
+import {expect} from '@open-wc/testing'
 import {initializeAttrs, defineObservedAttributes, attr} from '../lib/attr.js'
 
 describe('initializeAttrs', () => {

test/attr.js

@@ -1,3 +1,5 @@
+import {expect} from '@open-wc/testing'
+import {replace, fake} from 'sinon'
 import {autoShadowRoot} from '../lib/auto-shadow-root.js'
 
 describe('autoShadowRoot', () => {
@@ -74,15 +76,19 @@ describe('autoShadowRoot', () => {
     instance.appendChild(template)
 
     let shadowRoot = null
-    chai.spy.on(instance, 'attachShadow', (...args) => {
-      shadowRoot = Element.prototype.attachShadow.apply(instance, args)
-      return shadowRoot
-    })
+    replace(
+      instance,
+      'attachShadow',
+      fake((...args) => {
+        shadowRoot = Element.prototype.attachShadow.apply(instance, args)
+        return shadowRoot
+      })
+    )
 
     autoShadowRoot(instance)
 
     expect(instance).to.have.property('shadowRoot').equal(null)
-    expect(instance.attachShadow).to.have.been.called.once.with.exactly({mode: 'closed'})
+    expect(instance.attachShadow).to.have.been.calledOnceWith({mode: 'closed'})
     expect(shadowRoot.textContent).to.equal('Hello World')
   })
 })