How to simulate mouse clicks on a React component?

Question

JavaScript

Greetings. I am writing a small chrome extension for myself.
The question arose how to simulate a mouse click on a React component.
Tried through dispatchEvent and just click (through JQuery and native JS), the event is processed (caught through Breakpoint) but the application does not react to it.
Experiments were carried out in the browser console.
PS
With buttons, everything works well, a snag with drop-down selects on the form.

Answer 1

How to simulate mouse clicks on a React component?

Just like any other DOM element.

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

Answer 2

Try this approach