Nighmare.js Как кликнуть на не уникальный class?

Question

Алексей @Evelate

Nighmare.js Как кликнуть на не уникальный class?

Добрый вечер,

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
      <div class="tabs">
        <div class="tabs__group">
          <div class="tabs__tab selected">
            <div class="tabs__text tabs__text--default">Все</div>
          </div>
          <div class="tabs__tab">
            <div class="tabs__text tabs__text--default">Завершенные</div>
          </div>
          <div class="tabs__tab">
            <div class="tabs__text tabs__text--default">Расписание</div>
          </div>
        </div>
      </div>
    </body>
    </html>

.click("tabs__tab") //Нужно кликнуть на 3 таб, где текст Расписание

Подскажите, как в nighmare.js кликнуть на класс в котором нет вообще уникальности, кроме текста внутри тега? Например на 3 таб?

Вопрос задан более трёх лет назад
70 просмотров

8 комментариев

Подписаться 1 Простой 8 комментариев

Сергей Сергей @hahenty

[ ...querySelectorAll() ].find( e => e.innerText === 'Расписание' ).click()

Написано более трёх лет назад

Алексей @Evelate Автор вопроса

Сергей Сергей, Простой пример nightmare

async function mainParsing(url) {
	let nightmare; 
	try {
		nightmare = Nightmare({
			show: true 
		});
		await nightmare
				.goto(url)
				.wait('.tabs__group')
				.click('.tabs__group')

		let siteData = await nightmare.evaluate(function () {
					return document.querySelector('.tabs__group').innerText;
				});
		// последующая работа с данными
		console.log(siteData);
		console.log(typeof siteData);
		return {
			result: siteData,
			type: typeof siteData,
		}
	} catch (error) {
		console.error(error);
		throw error;
	} finally {
		await nightmare.end();
	}
}

Перед .click() идет объект класса nightmare. Туда никак не впихнешь querySelector

Написано более трёх лет назад

Сергей Сергей @hahenty

После wait можно поставить evaluate с моей строкой внутри. Или также после ожидания вставить дополнительный врéменный селектор для требуемой кнопки, а после щелчка удалить этот селектор в ещё одном evaluate.

Написано более трёх лет назад
Алексей @Evelate Автор вопроса

Сергей Сергей, Идея любопытна, спасибо, возьму на заметку. Я больше представлял evaluate, как конечный результат требуемых мной данных и больше никак)

У меня еще один вопрос возник, пока не нашел в гугле(( Может Вы подскажете?)
Когда кликну по определенному элементу - открывается всплывающее окно. Как на него переключится и начать взаимодействовать?

Написано более трёх лет назад
Сергей Сергей @hahenty

Возможно, wait с селектором всплывающего окна, возможно, даже в этой цепочке функций.

Написано более трёх лет назад
Алексей @Evelate Автор вопроса

Сергей Сергей, Как я понимаю при открытии всплывающего окна запускается новый экземпляр Nightmare со своим новым объектом или не новый экземпляр, а скорее доп окно с помощью самого electron'a. И поэтому у меня текущий .wait() ищет только в главном окне, он не знает о существовании нового экземпляра.

В моем понимании, либо есть какой-то спец метод для переключения окон, который я не нашел в документации на гитхабе, либо с помощью самого электрона, надо поймать процесс

Написано более трёх лет назад
Сергей Сергей @hahenty

Попутал с модальным окном.
Да, видимо понадобится перехват событий электрона, чтобы найти новое окно. Но я не знаю, сможет ли nightmare к новому окну подключиться. Может, перехваченное всплывающее окно потребуется остановить до загрузки как-то, а потом через nightmare загрузить его.
В самом тяжелом случае можно как-нибудь на первой странице найти сопоставления кнопок-табов со ссылками на всплывающие окна, и вместо щелчка загрузить другой функцией.

Написано более трёх лет назад
Алексей @Evelate Автор вопроса

Сергей Сергей,
В самом тяжелом случае можно как-нибудь на первой странице найти сопоставления кнопок-табов со ссылками на всплывающие окна, и вместо щелчка загрузить другой функцией.

Где пытаюсь спарсить данные, там судя по всему данные div с классами прослушивается addEventListener('click') - не углублялся просмотром js на сайте. При клике открывается окно. По сути самый тяжелый случай я уже решил с помощью nightmare.on('new-window', (event, link) => {} до начала использования .goto(). могу забирать ссылку

Но это не то чего я хочу добиться) Нашёл один npm пакет nightmare-window-manager - вроде бы решает мою проблему, позже протестирую

Написано более трёх лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Простой
Можно ли тестировать javascript код по кнопке на клиенте?
- 1 подписчик
- 17 часов назад
- 74 просмотра
1

ответ
JavaScript

Простой
Как изменить набор ключей в массиве?
- 1 подписчик
- вчера
- 103 просмотра
2

ответа
JavaScript

Средний
Как стилизовать select в cs-cart?
- 1 подписчик
- 03 нояб.
- 41 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Возможно ли убрать шапку в telegram mini app?
- 3 подписчика
- 02 нояб.
- 372 просмотра
1

ответ
JavaScript

Простой
Где попрактиковаться с табличными данными, как Pandas, в JS?
- 1 подписчик
- 02 нояб.
- 118 просмотров
1

ответ
JavaScript

Простой
Как без перезагрузки страницы добавить параметры в строку ввода браузера с помощью jquery?
- 1 подписчик
- 01 нояб.
- 96 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как корректно обрабатывать события метода animate в Web Animation API?
- 1 подписчик
- 01 нояб.
- 150 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как в js, scss, html реализовать tooltip который показывается если навести на объект ниже?
- 2 подписчика
- 31 окт.
- 96 просмотров
1

ответ
JavaScript

+1 ещё

Средний
Как на JavaScript расшифровать строку с помощью ключа?
- 1 подписчик
- 31 окт.
- 210 просмотров
3

ответа
JavaScript

+1 ещё

Средний
Почему ref не видит дочерний элемент в себе?
- 1 подписчик
- 31 окт.
- 96 просмотров
0

ответов
Показать ещё Загружается…

JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Поиск изображений на ElasticSearch

05 нояб. 2024, в 07:38

5000 руб./за проект

Разработать интерфейс (UX/UI) для финансового сервиса

05 нояб. 2024, в 02:29

100000 руб./за проект

Исправить критические ошибки архитектуры приложения на Flutter, чаты

05 нояб. 2024, в 01:36

250000 руб./за проект

[ ...querySelectorAll() ].find( e => e.innerText === 'Расписание' ).click()
Сергей Сергей, Простой пример nightmare

async function mainParsing(url) { let nightmare; try { nightmare = Nightmare({ show: true }); await nightmare .goto(url) .wait('.tabs__group') .click('.tabs__group') let siteData = await nightmare.evaluate(function () { return document.querySelector('.tabs__group').innerText; }); // последующая работа с данными console.log(siteData); console.log(typeof siteData); return { result: siteData, type: typeof siteData, } } catch (error) { console.error(error); throw error; } finally { await nightmare.end(); } }

Перед .click() идет объект класса nightmare. Туда никак не впихнешь querySelector
После wait можно поставить evaluate с моей строкой внутри. Или также после ожидания вставить дополнительный врéменный селектор для требуемой кнопки, а после щелчка удалить этот селектор в ещё одном evaluate.
Сергей Сергей, Идея любопытна, спасибо, возьму на заметку. Я больше представлял evaluate, как конечный результат требуемых мной данных и больше никак)

У меня еще один вопрос возник, пока не нашел в гугле(( Может Вы подскажете?)
Когда кликну по определенному элементу - открывается всплывающее окно. Как на него переключится и начать взаимодействовать?
Возможно, wait с селектором всплывающего окна, возможно, даже в этой цепочке функций.
Сергей Сергей, Как я понимаю при открытии всплывающего окна запускается новый экземпляр Nightmare со своим новым объектом или не новый экземпляр, а скорее доп окно с помощью самого electron'a. И поэтому у меня текущий .wait() ищет только в главном окне, он не знает о существовании нового экземпляра.

В моем понимании, либо есть какой-то спец метод для переключения окон, который я не нашел в документации на гитхабе, либо с помощью самого электрона, надо поймать процесс
Попутал с модальным окном.
Да, видимо понадобится перехват событий электрона, чтобы найти новое окно. Но я не знаю, сможет ли nightmare к новому окну подключиться. Может, перехваченное всплывающее окно потребуется остановить до загрузки как-то, а потом через nightmare загрузить его.
В самом тяжелом случае можно как-нибудь на первой странице найти сопоставления кнопок-табов со ссылками на всплывающие окна, и вместо щелчка загрузить другой функцией.
Сергей Сергей,
В самом тяжелом случае можно как-нибудь на первой странице найти сопоставления кнопок-табов со ссылками на всплывающие окна, и вместо щелчка загрузить другой функцией.

Где пытаюсь спарсить данные, там судя по всему данные div с классами прослушивается addEventListener('click') - не углублялся просмотром js на сайте. При клике открывается окно. По сути самый тяжелый случай я уже решил с помощью nightmare.on('new-window', (event, link) => {} до начала использования .goto(). могу забирать ссылку

Но это не то чего я хочу добиться) Нашёл один npm пакет nightmare-window-manager - вроде бы решает мою проблему, позже протестирую

Answer 1 · 2021-07-01 16:00:41

Стоило только написать, как сразу случайно нашел ответ)
Просто нужно знать лучше CSS
naghtmare.click('.tabs__group div:nth-child(3)')
Помог псевдокласс

Nighmare.js Как кликнуть на не уникальный class?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт