Как симулировать клики мышкой на React компоненте?

Question

[Vinni37]

Приветствую. Пишу небольшое chrome расширение для себя.
Возник вопрос как симулировать клик мышки на React компоненте.
Пробовал через dispatchEvent и просто click (через JQuery и нативный JS), событие отрабатывается (ловится через Breakpoint) но приложение на него не реагирует.
Эксперименты проводил в консоле браузера.
P.S.
С кнопками все не плохо работает, загвоздка с выпадающими селектами на форме.

Comments

[Mikhail Osher]

Мало информации

Answer 1

[Антон Спирин]

Как симулировать клики мышкой на React компоненте?

Так же как и на любом другом DOM элементе.

загвоздка с выпадающими селектами на форме

select.value = someValue;
select.dispatchEvent(new Event('change', { bubbles: true }));

Comments

[Vinni37]

Все бы хорошо, к примеру в React Dev tools я вижу компонент SelectInput и его возможные Items, а вот в обычном DOM после рендера нет.

[Антон Спирин]

Vinni37, значит селект самописный и задача сводится к клику по селекту и последующему клику по нужной опции. Тут надо учесть, что компонент обновляется асинхронно и опции рендерятся не сразу.

Answer 2

[Cr2ed]

Попробуйте этот подход