Как эмулировать нажатие на react элементы?

Question

[developer007]

Есть приложение написанное на react и там есть jquery
Необходимо из консоли хрома добраться селекторами до элемента и вызвать click

<a href="#" class="dealbtn dealbtn-up" data-reactid=".2.1.0.1.0.0.1.0.0.0" style="display: inline-block;">test</a>

Вот такой элемент
Получаю его так и вызывают клик $(".dealbtn-up").click(); - не нажимается. Много вариантов перепробывал
и событий вроде mouseup - но не срабатывает.

Мышкой кликать все работает.

в чем проблема?

Comments

[Leo Developer]

Ты использовал компонент Link от react-router?
Или в рендере голый <a/>?

[developer007]

Leo Developer: вот есть рандомный сайт
там признаки что он на реакте сделан

из консоли хрома нужно добраться до элемента и сделать клик и не получается по чему то

просто голый</a>

[Leo Developer]

hwnd32: У меня тоже приложение на React, у меня все вызывается. Скинь сайт

Answer 1

[Максим]

Если вы на чужом сайте пытаетесь выполнить $ что-то там, то нужно чтобы $ был равен функции jQuery, ведь по сути, $ - это просто имя функции.
Поэтому, для начала, введите в консоли $, должно быть что-то подобное:

А не так:


Окей, допустим jquery подключен и доступен через $, значит далее проверяйте, что доступен этот элемент:
$(".dealbtn-up")
Если доступен и он всего один(!), то едем далее, и проверяем доступна ли функция click (это уже из области фантастики, так как она 100% должна быть доступна, но мало ли что написано другим программистом, главное в этом ответе, для вас - понять последовательность действий).
Выглядит примерно так.

Если же, таких ссылок много, то нужно обращаться к элементу по индексу, например:
$(".dealbtn-up")[0].click()

Comments

[developer007]

Вообщем там jquery был кривой какой то.
Обычным - document.getElementById('ffsdf').click()
получилось

[Максим]

hwnd32: возможно, его там вообще не было? Посмотрите в коде страницы.