Тёмный

Поиск элементов на странице Xpath и CSS с нуля 

Oleh Pendrak
Подписаться 8 тыс.
Просмотров 33 тыс.
50% 1

Курсы по автоматизации тестирования с нуля - threadqa.ru/courses.html
В этом видео я рассказал как искать элементы на странице через Xpath и Css с нуля. Найденные элементы можно использовать в Selenium или Selenide и писать автотесты. Навык нахождения xpath очень полезен в сфере автоматизации тестирования.
Были рассмотрены различные варианты нахождения элементов разными способами. Xpath является более универсальным для хождения вверх и вниз по DOM дереву на странице. CSS селектор не позволяет так делать, он лучше если находить единственный элемент без сложной логики
Boosty - boosty.to/threadqa
Написание автотестов и инфраструктуры с нуля на заказ - threadqa.ru/
Наш чат в телеграмме где можете общаться и задавать вопросы по автотестам - t.me/threadqa
Поддержать автора - www.tinkoff.ru/cf/Lo21kq4VNG
Моя группа в вк - threadqa
Api автотесты с нуля №1 - • API Автотесты с нуля R...
Api автотесты с нуля №2 - • API Автотесты с нуля R...
UI автотесты с нуля Selenium - • Автотесты с нуля Selen...
UI автотесты с нуля Selenide - • Автотесты с нуля Selen...
Allure - • Установка Allure для G...
00:00:00 начало
00:01:00 веб страница и dev tools
00:02:10 разница между css и xpath
00:03:45 браузерный xpath
00:05:44 xpath с нуля
00:10:10 атрибуты
00:16:06 нахождение элемента с двумя атрибутами
00:17:56 метод contains
00:23:48 метод not contains
00:25:38 элементы внутри блока
00:29:30 пропуск элементов внутри блока
00:30:45 поиск элемента сразу внутри блока
00:33:24 слово ancestor
00:35:35 перемещение вверх вниз на 1 элемент
00:37:37 найти разные элементы одним xpath
00:39:12 метод last
00:41:27 логические операторы xpath
00:44:18 поиск по тексту
00:47:50 поиск без тега по атрибуту xpath
00:48:38 CSS селекторы
00:50:40 регулярка в css
00:52:40 contains в css
00:53:22 уточнение вниз по дереву
00:56:26 логические операторы css
00:57:38 метод last в css
00:59:00 поиск без тега по атрибуту css

Опубликовано:

 

31 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 81   
@IgorV007
@IgorV007 Год назад
Ты человечище с большой буквы. Из миллиона статей и видосов - один нормально и понятно для чайников всё объяснил)
@threadqa
@threadqa Год назад
Спасибо))
@kotlin138
@kotlin138 Год назад
@@threadqa Красавчик !Жи есть!
@IronTester
@IronTester 9 месяцев назад
Отличное видео по локаторам xpath - для обучения новичка лучшее, что я видел за последние лет 5-7, да и еще с отличными живыми примерами. НО - насколько круто рассказано про xpath локаторы, настолько же плохо рассказано про css локаторы. Тут просто надо понимать - xpath и css локаторы (они же селекторы) основаны на разных принципах и изначально были предназначены для разных целей, которые в контексте локаторов служат одной цели - помочь локализовать элемент или группу элементов в DOM по определенному признаку. То есть по сути это как сравнивать XML, JSON, YML, хорошо знать один из них и любить его за это, а остальные считать не достойными. Всему свое время и место, не надо заострять внимание только на одном, в зависимости от контекста пригодится и то и то. Автору спасибо за труд, успехов в развитии канала и профессионального роста и пожелание - не подавать информацию однобоко не разобравшись)
@luckytima2315
@luckytima2315 2 месяца назад
🤡
@WrongBee13
@WrongBee13 Год назад
Подпишусь ка я пожалуй. На фоне кучи воды этот ролик просто супер грамотный и понятный
@wolfich4684
@wolfich4684 Год назад
Класс, спасибо за подробности. А то уже какойто невроз от объяснений других авторов
@user-rm3gd2it1x
@user-rm3gd2it1x Год назад
Согласна с последним коментом, лучшее для понимания видео на эту тему
@velrad1780
@velrad1780 Год назад
Крайне полезный урок начинающим 👍
@erikkaramian8005
@erikkaramian8005 Год назад
Крутое видео, видно, что ты разбираешься в теме и отсутствуют "мыльные" объяснения, желаю 10к подписчиков)
@dezerte4gle284
@dezerte4gle284 8 месяцев назад
Мое увожение. У вас, молодой человек, определенно есть понимание, как правильно и эффективно объяснять что-то другим людям. Есть по сетям что-нибудь?)
@l7l7l7lful
@l7l7l7lful Год назад
7я минута видео а уже вижу что ноль воды и всё понятно объясняется. годнота, подписка, лайк
@demenslanius1207
@demenslanius1207 Год назад
Ну наконец-то, Спасибо дружище! только на второй день нашел ответ. Кучу всего рассказывают, а элементарные вещи фиг кто расскажет. В частности не мог найти инфу как по дереву двигаться
@danvu5429
@danvu5429 Год назад
Спасибо, интересно про XPath правда я ими не пользуюсь практически, а использую в коде CSS просто потому. что читать его удобнее, если например вернуться к проекту через какое-то время, то что там в XPath не вспомнишь, а CSS всегда понятен
@daniils4002
@daniils4002 10 месяцев назад
Очень круто, спасибо! Было бы здорово посмотреть урок как это применять на практике в selenide))
@DIGmbl
@DIGmbl 2 месяца назад
"начало путЯ" -- это было неожиданно 😂 27:13
@FacelessMen
@FacelessMen Год назад
Спасибо! целый час не мог подобрать правильный икспас для селектора и после видео сделал на изи!)
@sadbuttruuue
@sadbuttruuue Год назад
Я поняла гораздо быстрее посмотрев видео, чем до этого прочитав кучу статей! Спасибо большое 😍
@tao_
@tao_ 10 месяцев назад
огромное спасибо за ваше видео, очень доступно и понятно преподносите материал, благодаря вам смогла, наконец, разобраться в теме)
@compuholic
@compuholic Год назад
Доходчиво, спасибо! Xpath нужен для других целей, но нужное сказал. По мелочи некоторые вещи режут ухо если знаешь английский. "Анкестор" на самом деле "ансестор" - предок (от кого наследуем) или в общем случае "предшественник".
@ivanstrelka3448
@ivanstrelka3448 2 года назад
ееее очень крутая тема и актуальная!!! Спасибо ждём еще! Круто рассказываешь!
@clinsen8576
@clinsen8576 Год назад
Лучшее разъяснение того как пользоваться xpath, Спасибо с большой буквы!)
@user-ve1oh8qn7l
@user-ve1oh8qn7l 2 года назад
Разложил все по полочкам. Спасибо. Стало куда больше понимания по этой теме
@user-cq5rq7gr5q
@user-cq5rq7gr5q Год назад
Лучший Гайд по Xpath из всех, что мне попадались в RU-vid. Мне здорово помог разобраться. Спасибо и удачи!
@user-yp6ex9fb4b
@user-yp6ex9fb4b Год назад
Дружище, спасибо, все коротко, четко, ясно.
@foretoldtruth
@foretoldtruth 10 месяцев назад
Спасибо. Дай Бог тебе здоровья. 😤🙏
@mikhailgolubchenko8652
@mikhailgolubchenko8652 6 месяцев назад
Спасибо, отличное видео. Много познавательного и с примерами. Только одно пожелание - не путать фигурную скобку с квадратной (пишешь правильно, проговариваешь бывает не правильно)
@timkab82
@timkab82 2 года назад
Спасибо большое за твои труды!!!
@meloedal
@meloedal Год назад
Здорово! Структурированно и очень полезно👍
@SemenMaksi
@SemenMaksi Год назад
Спасибо тебе друг! Урок просто бомба, всё сразу догнал!✌🏻👍🏻
@whatswrong8919
@whatswrong8919 Год назад
Спасибо, объяснил лучше чем препод на курсах
@eclipse5916
@eclipse5916 2 года назад
Спасибо, Олег! Ждем еще видео с гайдами =)
@IvanTestIT
@IvanTestIT Год назад
Спасибо большое, очень хорошее объяснение этой темы!
@lenasnow6968
@lenasnow6968 11 месяцев назад
канал в топ канал в топ канал в топ
@Eliseev_Serge
@Eliseev_Serge Год назад
Лучший видос для начинающих! Хотелось бы ещё узнать, как искать элементы по части ИМЕНИ атрибута(не его значения). Например как найти все элементы у которых имя атрибута содержит 'head'?
@dmitriibogorodskii3707
@dmitriibogorodskii3707 Год назад
love you😂 . делаю проект сейчас и просто помог. спасибо)))
@itlife8792
@itlife8792 2 года назад
Спасибо, узнал несколько новых конструкций!
@user-qw9uo4wo5p
@user-qw9uo4wo5p 2 года назад
Благодарююю! Все так понятно и просто!
@user-wy1uf6zd7s
@user-wy1uf6zd7s Год назад
Красавчик. Всё понятно и доступно
@katerinaeftychiou7661
@katerinaeftychiou7661 7 месяцев назад
Спасибо большое за понятное объяснение!!!
@user-vp6po3ot7e
@user-vp6po3ot7e 2 года назад
Олег, большое спасибо!!!
@mirtempa
@mirtempa Год назад
Большое спасибо. Действительно полезная информация для начинающих. Ценная. Всех тебе Благ!!! Вопрос по нахождению Xpath в гугле таблице, каталог на нескольких листах и нужно выгрузку сделать со всех в сводную. Буду благодарен за любую подсказку, спасибо.
@maew071
@maew071 10 месяцев назад
Cпасибо большое бро! Очень помогло твое видео! Удачи тебе!
@johnyelasto
@johnyelasto 11 месяцев назад
Классно объясняешь, спасибо за видео
@95thh
@95thh 10 месяцев назад
Спасибо очень информативно!
@uehal
@uehal 11 месяцев назад
Оч крутая подача и дикция!
@romanpobevanets415
@romanpobevanets415 2 года назад
Спасибо за видео! Спойлер: тут скрытая реклама xpath 😂
@colemanlazgo6445
@colemanlazgo6445 11 месяцев назад
Спасибо, очень полезно!
@elenam4339
@elenam4339 Год назад
Самое понятное видео про xPath
@svetlanamazhaykina6918
@svetlanamazhaykina6918 Год назад
Спасибо за Ваш труд! Коммент в поддержку канала
@user-ty4yx9yu4q
@user-ty4yx9yu4q 2 года назад
Спасибо большое тебе 😍
@kostiukevychvasyl4945
@kostiukevychvasyl4945 Год назад
супер, наконецто я понял, спасибо бро
@user-lj2ev6mv8g
@user-lj2ev6mv8g 5 месяцев назад
Круто, спасибо.
@danielgraham95
@danielgraham95 7 месяцев назад
крутое видео спасибо за труд. Ты молодец
@yugenepopov2014
@yugenepopov2014 Год назад
Спасибо! ❤
@AlexEagle43
@AlexEagle43 Год назад
спасибо за инфу
@user-ol9iu4iy6i
@user-ol9iu4iy6i 2 года назад
Лайк подписка , контент пушка
@code-art-school
@code-art-school 11 месяцев назад
Хорошая подача, все доступно. Но мне кажется, что использовать это стоит если вы работаете с какой то самодельной БД в формате XML. На фронте не вижу смысла
@defichento1169
@defichento1169 10 дней назад
Спасибо
@nazikamanova2599
@nazikamanova2599 11 месяцев назад
👍kruto i dostupno.
@Jorik918
@Jorik918 Год назад
Зравствуйте! Подскажите пожалуйста, как искать псевдоэлемент ::before, как его правильно вписывать в поиск? и как по нему ставить уточнение?
@sasha-jt9rz
@sasha-jt9rz Год назад
Спасибо)
@glebmirosnikovs6722
@glebmirosnikovs6722 Год назад
Привет, спасибо за видос. Хорошо всё по полочкам разложил. Как раз написал свои первые автотесты, и потом посмотрел твоё видео, что бы узнать, что еще я не знаю про локаторы. Очень полезно. Подписался на ваш канал в ТГ. Может быть у вас есть услуга менторинга (не за бесплатно)? Спасибо
@tommyrio8081
@tommyrio8081 8 месяцев назад
Для поиска XPath элемента, который появляется возле мыши при наведении (например, значок поиска, который появляется возле поля поиска на Google), вы можете использовать инструменты разработчика браузера. Вот как это можно сделать?
@EvgenyTestman
@EvgenyTestman Год назад
часто ли приходится писать сложные локаторы? например, когда на родителей/потомков завязка или когда для поиска элемента нужно завязаться на парочку других или если появляется такая необходимость, то лучше пнуть девелоперов, чтобы добавили какой-нить id или data-арртибут?
@threadqa
@threadqa Год назад
все зависит от проекта, а так процентов 65% приходится писать такие пути Лучше чтоб разрабы делали data атрибут
@EvgenyTestman
@EvgenyTestman Год назад
принципиально ли в CSS указывать название тэга? ведь можно и без него: .class вместо tag.class #id вместо tag#id в случае с классом мб решает проблему дублей, а вот id в идеале не должен повторяться же
@annavishnevskaya
@annavishnevskaya 11 месяцев назад
Я не вижу, в квадратных скобках он после первого атрибута какой знак ставить?
@IvanTestIT
@IvanTestIT Год назад
Можно ли найти элемент по через текст с помощью CSS селектора? Через XPath не получается
@user-uz5es6qx9e
@user-uz5es6qx9e Год назад
Добрый вечер Олег! Подскажите пожалуйста, как найти все ссылки на странице одним хпасом ?
@vvoldi
@vvoldi Год назад
//body//*[@href]
@skillkiller77
@skillkiller77 3 месяца назад
Большое спасибо! Как раз нужно было быстро вникнуть в CSS, ещё и XPath подтянул)
@romanpavlov4316
@romanpavlov4316 Месяц назад
удивляет малое кол-во подписчиков и лайков(
@user-wo4mu8qn2x
@user-wo4mu8qn2x 8 месяцев назад
все отлично кроме того, что вы говорите ,как Леша Маршалл
@user-uz5es6qx9e
@user-uz5es6qx9e Год назад
Надо найти 10 ссылок на странице гугл ввести в строку поиска nyan cat....Я сделал такой пас //*[contains(.,'Nyan Cat')]/@href , но он находит 4 лишние невидимые ссылки
@antonmernyk3569
@antonmernyk3569 Год назад
на 1.5 скорости норм
@max_tarantul
@max_tarantul Год назад
шел 2023 год а блогеры так и не научились приближать экран
@vvoldi
@vvoldi Год назад
ясно, автор из культа xpath. хз в каком месте он проще правда
@Digmansun
@Digmansun Год назад
Ролик хороший, но не надо путать квадратную "[" скобку с фигурной "{". Ты на протяжении всего ролика упрямо называешь квадратную скобку фигурной.
@KailGrey
@KailGrey Год назад
слова "путя" не существует(
@kabukijoe99
@kabukijoe99 Год назад
ПРИВЕТ. УРОК КЛАСС. ЕСТЬ ЛИ ТАБЛИЦА С ДОХОДЧИВЫМ ОПИСАНИЕМ ЭТИХ ЭЛЕМЕНТОВ?
Далее
ATEEZ(에이티즈) - 'WORK' Official MV
03:15
Просмотров 13 млн
XPath Crash Course For Python Web Scraping
30:07
Просмотров 25 тыс.