How to get text in #shadow-root

[sproust]

Hi, can you help me with getting text from shadow-root node? Is it even possible? Thanks.

[alexbot89]

It should be possible if the shadow-root is in open mode, though you might want to try using Browserless and Playwright since Playwright can pierce the shadow dom.

https://playwright.dev/docs/locators#locate-in-shadow-dom

Plain javascript can also do this:

const parent = document.querySelector('div');
const shadow = parent.shadowRoot;
const element = shadow.querySelector('.elementIWantToFind');

If it is closed then you might be out of luck.

https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/mode

[sproust]

But these are solutions separated from chagedetection.io, right? So there is no way to do that in this project?

[alexbot89]

There is some documentation on using playwright.
https://github.com/dgtlmoon/changedetection.io/wiki/Playwright-content-fetcher#fetching-content-using-playwright

Alternatively you could try using the javascript in ExecJS under browser steps tab with the playwright, assuming the shadow dom is open.

[sproust]

Thanks for your effort, but there is no specific guideline in documentation. Only how to install playwright. I tried to look in docs already. Im using subscribed version. Playwright in changedetection does not help in any case with shadow root. At least thats what I found.

With ExecJS - do you have some specific tip, how to accomplish what i need? I could only think of getting text in shadow root (with the JS you write above) and put that text somewhere in the site, so the app can read it, but that feels like really clumsy idea.

And yes, the shadow root in open.

[alexbot89]

I can't say for sure since I'm using self-hosted version attached to another self-hosted app that runs Playwright, maybe someone here will have more info on your version.

As for ExecuteJS step, that would be what I would do, it's messy but it works.