Как из консоли браузера имитировать клик в react приложении WhatsApp web?

Question

[Сергей Соколов]

Веб-клиент WhatsApp реализован, похоже, на React.

Как можно из консоли браузера имитировать клик на контакте слева, чтобы открылся диалог с ним?

Компонент рендерится в виде нескольких вложенных div'ов. Клики, похоже, ловятся выше, на первом дочернем компоненте под div#app

Пробовал по-разному, например:

var el = document.querySelectorAll('div._2wP_Y')[3];
// попытка
el.dispatchEvent(
  new Event("mousedown", {bubbles: true})
); // в т.ч. с указанием других свойств: target, currentTarget

// попытка не пытка
el.click();

Но это не вызывает срабатывания клика в приложении - ничего не происходит.

Comments

[shmatuan]

document.querySelectorAll('div._2wP_Y')[3].click()

[Сергей Соколов]

shmatuan, это тоже пробовал и тоже не работает. Обновил вопрос и таким примером

[Сергей Соколов]

shmatuan, собственно, проблема не в React - в чистых примерах простой кнопки на react, такой способ срабатывает: и .click() и .dispatchEvent( new Event("click"..

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

Answer 1

[Сергей Соколов]

Похоже, дело не в React, а в том, что WhatsApp web стал проверять свойство isTrusted событий.