Please provide window.customElements to be able to test custom Web Components

I would like to test some custom web components. Chromium supports commands like

window.customElements.define('my-custom-element', MyCustomElementClass);

to register a custom web component.

However, window.customElements does not seem to be known in the context of jest tests.

=> Please allow to test custom web components directly with jest.

Also see related SO question:

https://stackoverflow.com/questions/57478484/how-to-test-custom-web-component-with-jest/57481761#57481761

[SimenB]

@awdltd you’ll need to use jest-environment-jsdom-sixteen until jest@26. Still a few months out I’d guess (haven’t thought about it yet)

@mkay581 https://github.com/facebook/jest/blob/1ed46e71a058c93b529e5e3f9388a800352de21a/packages/jest-environment-jsdom/package.json#L18

[awdltd]

Hey @mkay581, I checked in my node_modules folder and jest-environment-jsdom is bundled with Jest (I admit I am taking liberties to assume that is what Jest uses by default). The package.json for this has “jsdom”: “^15.1.1”, so I assume that Jest will automatically use 15.. by default

Thanks for the heads up and the quick response, @SimenB! Fortunately found jest-environment-jsdom-sixteen in the interim and testing in that at the moment 👍