Вот пример
<my-element></my-element>
<script>
class MyElement extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: 'open' });
this.shadowRoot.innerHTML = `
<input type="checkbox" id="myCheckbox">
`;
}
}
customElements.define('my-element', MyElement);
</script>
// Находим элемент, который содержит shadowRoot
const myElement = document.querySelector('my-element');
// Получаем доступ к shadowRoot
const shadowRoot = myElement.shadowRoot;
// Находим чекбокс внутри shadowRoot
const checkbox = shadowRoot.querySelector('#myCheckbox');
// Эмулируем клик на чекбоксе
checkbox.click();