bug: In spec tests : ReferenceError: ShadowRoot is not defined

[ryuran]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

2.14.0

Current Behavior

this.el.getRootNode() instanceof ShadowRoot
I try to know if my custom component is in a shadowDOM.
It works well but not in specs test.
I have this error ReferenceError: ShadowRoot is not defined

Expected Behavior

No error in test when we use ShadowRoot

Steps to Reproduce

Try to test if the host element is in a shadowDOM context
this.el.getRootNode() instanceof ShadowRoot

Then run unit tests.

Code Reproduction URL

https://github.com/ryuran/stencil-bugs

Additional Information

• npm i
• npm test

Workaround

Mock:

global.DocumentFragment = class DocumentFragment extends Node {};
global.ShadowRoot = class ShadowRoot extends DocumentFragment {};

[rwaskiewicz]

Thanks! I've verified this is an issue and have labeled this to be ingested into our team backlog!

[reessm01]

I just wanted to chime in that I was enduring shadowRoot not defined as well (no reference or clue or even what is different as the error information isn't helpful at all), however the work around provided here fixed it.

[tanner-reits]

A fix for this was included in today's v4.19.0 release!