How to test custom web component with jest?

Question

I would like to test some custom web components and use jest.js as test runner (due to its support for ES6).

Chromium supports commands like

window.c         


        

Answer 1

I have created a DOM that supports server side rendering of web components. It also supports testing web components with Jest.

DOM:

https://www.npmjs.com/package/happy-dom

Jest environment:

https://www.npmjs.com/package/jest-environment-happy-dom

To install it

npm install jest-environment-happy-dom --save-dev

To use it:

Edit your package.json to include the Jest environment:

{
    "scripts": {
        "test": "jest --env=jest-environment-happy-dom"
    }
}