Библиотека тестирования React, по-видимому, по умолчанию не отображает теневые элементы.Есть ли способ получить доступ к элементам внутри теневого домена с помощью библиотеки реагирующего тестирования?Что-то вроде container.querySelector('test-component').shadowRoot.querySelector('...');?
Пример кода:
class MyWebComponent extends HTMLElement {
constructor(props) {
super(props);
const shadowRoot = this.attachShadow({ mode: 'open' });
shadowRoot.innerHTML = `
<div id="tabs">...</div>
<div id="panels">...</div>
`;
}
}
...
test('', async () => {
let customElementRegistry = window.customElements;
customElementRegistry.define('test-component', MyWebComponent);
const underTest = await render(<test-component></test-component>);
const { debug } = underTest;
debug();
});
... что приведет к следующему выводу:
<body>
<div>
<test-component />
</div>
</body>