Как эмулировать клик на чебокс в shadowRoot?

Question

[maryaTurova]

Уважаемые! Бьюсь уже неделю, не могу решить.
чебокс находить в теневом DOM iframe, который тоже находить в теневом DOM.

spoiler

Доступ к чебоксу я решил с помощью скрипта на Tampermonkey:

скрипт

Element.prototype._attachShadow = Element.prototype.attachShadow;
Element.prototype.attachShadow = function () {
    return this._attachShadow( { mode: "open" } );
};

Если в консоле запускаю обычный "click()":

click

document.querySelector("body").shadowRoot.querySelector("#CdRm7 > div > label > span.cb-i").click();

то ошибка, что селектора нет:

spoiler

Но если перед этим я выберу "исследовать элемент" (правый клик мыши), и запущу опять "click", то все норм:

spoiler

Есть мысли как решить?
PS: тестировал на сайте

https://rucaptcha.com/demo/cloudflare-turnstile

Comments

[Aetae]

Смотреть лень, но скорее всего во втором случае работает не из-за исследования эдемента, а просто из-за клика правой кнопкой мыши. Опять же скорее всего там что-то происходит по этому клику, исследуйте элемент через инспектор руками вообще без заведения мыши на область капчи и посмотрите что там, скорее всего чекбокса по такому селектору просто пока нет.

P.S. Очень сомневаюсь что у вас получится что-то сделать браузерными средствами в данном случае - сраные webextensions не умеют слать доверенные события, соответственно, любой кто заморочится проверить свойство события isTrusted, сможет отличить искусственный клик от настоящего, что для капчи сам доктор прописал. (Если прям очень хочется - в персональным firefox можно что-то помутить с config.js, но мутно, с chrome - хз.)
Конечно можно подменить саму проверку - но это лишь начало кроличьей норы.:)

[maryaTurova]

Aetae,
там не доступен querySelector, при этом shadowroot установлен в open.
Так что клик ни левой ни правой не работает

[maryaTurova]

Василий Dekmer, Если вы не знаете что это, то не заморачивайтесь.

Answer 1

[Виталий Кадыров]

Вот пример

<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();

Comments

[maryaTurova]

Капча определяет состояние shdowroot и не принимает клик.
Как в таком случае поступить?