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

+2 ещё

Простой
Писал ли кто-то автотесты с помощью Cypress по виджетам на amCharts 5? Можете помочь разъяснить структуру и синтаксис этого дела?
- 1 подписчик
- 10 часов назад
- 21 просмотр
0

ответов
JavaScript

Простой
Как не прекращая цикл пройтись?
- 1 подписчик
- 11 часов назад
- 70 просмотров
0

ответов
JavaScript

Средний
Можно ли прописать формулу расчёта с нефиксированной скидкой?
- 1 подписчик
- 13 часов назад
- 56 просмотров
1

ответ
JavaScript

Простой
Как инициировать скрипт при определенной ширине экрана?
- 1 подписчик
- 16 часов назад
- 44 просмотра
1

ответ
JavaScript

Простой
Как задать тригер onchange при изменении value?
- 1 подписчик
- 17 часов назад
- 52 просмотра
1

ответ
JavaScript

Средний
Как можно менять ::backdrop через JS?
- 1 подписчик
- 18 часов назад
- 51 просмотр
1

ответ
JavaScript

+2 ещё

Простой
Не могу понять почему не работает код Apps Script?
- 1 подписчик
- 19 часов назад
- 52 просмотра
0

ответов
JavaScript

Простой
Как в этой задаче работает вложенный цикл?
- 1 подписчик
- 19 часов назад
- 96 просмотров
1

ответ
JavaScript

Простой
Как вывести правильный формат даты в JS?
- 1 подписчик
- 19 часов назад
- 98 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как с помощью js создать прямоугольное соединение двух и более элементов в SVG?
- 1 подписчик
- вчера
- 94 просмотра
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

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

div. • Ставрополь

от 40 000 до 90 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

Необходимо создать лоадер на delphi 7 или на другом компиляторе

28 нояб. 2024, в 10:30

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

Разработать и доработать функицонал: Ruby on Rails

28 нояб. 2024, в 09:53

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

Отрисовка сервиса соискателей с многоролевой моделью

28 нояб. 2024, в 09:46

800 руб./в час

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

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

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

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