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 подписчик
- 10 часов назад
- 81 просмотр
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 10 часов назад
- 50 просмотров
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 11 часов назад
- 27 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- 16 часов назад
- 54 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- вчера
- 67 просмотров
1

ответ
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- вчера
- 77 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Существуют ли браузерные реализации WebView для AJAX и Fetch?
- 1 подписчик
- 22 апр.
- 87 просмотров
1

ответ
JavaScript

Простой
Как обрабатывать пользовательский запрос больше не показывать конкретный попап?
- 1 подписчик
- 22 апр.
- 69 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать появление баннера от определенной высоты?
- 3 подписчика
- 22 апр.
- 591 просмотр
1

ответ
Python

+1 ещё

Средний
Как переместить мышь вместе с элементом в pyppeteer?
- 1 подписчик
- 21 апр.
- 91 просмотр
0

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Развернуть болванку мултиплеерной игры unity на сервере

24 апр. 2024, в 09:59

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

Разработать конфигурацию в 1С для мебельного магазина

24 апр. 2024, в 09:56

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

Прерабоать проект разработанный под FPGA на Quartus

24 апр. 2024, в 09:39

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

[ ...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?

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

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

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