jsdom-screenshot not generating a screenshot for web components

[eladtzemach]

Hi, i have a React component that uses web components (imported from a third-party library).
I noticed that jsdom-screenshot does not render the UI rendered by those web components, and only renders the UI of other HTML elements.
Is there a way to get the screenshots to render the web components as well?

[dferber90]

Interesting! I haven't used web components myself, so I'm not very helpful here.

A wild guess is that this line might not catch the HTML when a web component is used, as JSDOM might not be "rendering" the web component?

jsdom-screenshot/generateImage.js

Line 115 in 4bcc86e

const html = document.documentElement.outerHTML;

[eladtzemach]

Yeah it looks like this could be the case.
To get the HTML of a web component, we might need to use the ShadowRoot.innerHTML API.