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

  Рет қаралды 33,530

Oleh Pendrak

Oleh Pendrak

Күн бұрын

Курсы по автоматизации тестирования с нуля - 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

Пікірлер: 86
@IgorV007
@IgorV007 Жыл бұрын
Ты человечище с большой буквы. Из миллиона статей и видосов - один нормально и понятно для чайников всё объяснил)
@threadqa
@threadqa Жыл бұрын
Спасибо))
@kotlin138
@kotlin138 Жыл бұрын
@@threadqa Красавчик !Жи есть!
@user-en5gl9mq7p
@user-en5gl9mq7p 14 күн бұрын
Очень интересные уроки для начинающих, спасибо огромное. Осваиваю BAS и ваши уроки очень помогают. Вот и борюсь с капчей которая пропадает через время и постоянно меняются элементы.
@IronTester
@IronTester 9 ай бұрын
Отличное видео по локаторам xpath - для обучения новичка лучшее, что я видел за последние лет 5-7, да и еще с отличными живыми примерами. НО - насколько круто рассказано про xpath локаторы, настолько же плохо рассказано про css локаторы. Тут просто надо понимать - xpath и css локаторы (они же селекторы) основаны на разных принципах и изначально были предназначены для разных целей, которые в контексте локаторов служат одной цели - помочь локализовать элемент или группу элементов в DOM по определенному признаку. То есть по сути это как сравнивать XML, JSON, YML, хорошо знать один из них и любить его за это, а остальные считать не достойными. Всему свое время и место, не надо заострять внимание только на одном, в зависимости от контекста пригодится и то и то. Автору спасибо за труд, успехов в развитии канала и профессионального роста и пожелание - не подавать информацию однобоко не разобравшись)
@luckytima2315
@luckytima2315 2 ай бұрын
🤡
@WrongBee13
@WrongBee13 Жыл бұрын
Подпишусь ка я пожалуй. На фоне кучи воды этот ролик просто супер грамотный и понятный
@legushka5891
@legushka5891 16 күн бұрын
Это вау, спасибо большое, наконец-то xpath перестает быть для меня непонятной абракадаброй
@erikkaramian8005
@erikkaramian8005 2 жыл бұрын
Крутое видео, видно, что ты разбираешься в теме и отсутствуют "мыльные" объяснения, желаю 10к подписчиков)
@clinsen8576
@clinsen8576 Жыл бұрын
Лучшее разъяснение того как пользоваться xpath, Спасибо с большой буквы!)
@velrad1780
@velrad1780 Жыл бұрын
Крайне полезный урок начинающим 👍
@wolfich4684
@wolfich4684 Жыл бұрын
Класс, спасибо за подробности. А то уже какойто невроз от объяснений других авторов
@demenslanius1207
@demenslanius1207 Жыл бұрын
Ну наконец-то, Спасибо дружище! только на второй день нашел ответ. Кучу всего рассказывают, а элементарные вещи фиг кто расскажет. В частности не мог найти инфу как по дереву двигаться
@daniils4002
@daniils4002 11 ай бұрын
Очень круто, спасибо! Было бы здорово посмотреть урок как это применять на практике в selenide))
@user-rm3gd2it1x
@user-rm3gd2it1x Жыл бұрын
Согласна с последним коментом, лучшее для понимания видео на эту тему
@FacelessMen
@FacelessMen Жыл бұрын
Спасибо! целый час не мог подобрать правильный икспас для селектора и после видео сделал на изи!)
@l7l7l7lful
@l7l7l7lful Жыл бұрын
7я минута видео а уже вижу что ноль воды и всё понятно объясняется. годнота, подписка, лайк
@user-yp6ex9fb4b
@user-yp6ex9fb4b Жыл бұрын
Дружище, спасибо, все коротко, четко, ясно.
@user-ve1oh8qn7l
@user-ve1oh8qn7l 2 жыл бұрын
Разложил все по полочкам. Спасибо. Стало куда больше понимания по этой теме
@whatswrong8919
@whatswrong8919 Жыл бұрын
Спасибо, объяснил лучше чем препод на курсах
@danvu5429
@danvu5429 2 жыл бұрын
Спасибо, интересно про XPath правда я ими не пользуюсь практически, а использую в коде CSS просто потому. что читать его удобнее, если например вернуться к проекту через какое-то время, то что там в XPath не вспомнишь, а CSS всегда понятен
@ivanstrelka3448
@ivanstrelka3448 2 жыл бұрын
ееее очень крутая тема и актуальная!!! Спасибо ждём еще! Круто рассказываешь!
@meloedal
@meloedal Жыл бұрын
Здорово! Структурированно и очень полезно👍
@eclipse5916
@eclipse5916 2 жыл бұрын
Спасибо, Олег! Ждем еще видео с гайдами =)
@dezerte4gle284
@dezerte4gle284 9 ай бұрын
Мое увожение. У вас, молодой человек, определенно есть понимание, как правильно и эффективно объяснять что-то другим людям. Есть по сетям что-нибудь?)
@timkab82
@timkab82 2 жыл бұрын
Спасибо большое за твои труды!!!
@SemenMaksi
@SemenMaksi Жыл бұрын
Спасибо тебе друг! Урок просто бомба, всё сразу догнал!✌🏻👍🏻
@sadbuttruuue
@sadbuttruuue Жыл бұрын
Я поняла гораздо быстрее посмотрев видео, чем до этого прочитав кучу статей! Спасибо большое 😍
@user-cq5rq7gr5q
@user-cq5rq7gr5q Жыл бұрын
Лучший Гайд по Xpath из всех, что мне попадались в KZbin. Мне здорово помог разобраться. Спасибо и удачи!
@compuholic
@compuholic Жыл бұрын
Доходчиво, спасибо! Xpath нужен для других целей, но нужное сказал. По мелочи некоторые вещи режут ухо если знаешь английский. "Анкестор" на самом деле "ансестор" - предок (от кого наследуем) или в общем случае "предшественник".
@tao_
@tao_ 11 ай бұрын
огромное спасибо за ваше видео, очень доступно и понятно преподносите материал, благодаря вам смогла, наконец, разобраться в теме)
@IvanTestIT
@IvanTestIT Жыл бұрын
Спасибо большое, очень хорошее объяснение этой темы!
@foretoldtruth
@foretoldtruth 11 ай бұрын
Спасибо. Дай Бог тебе здоровья. 😤🙏
@DIGmbl
@DIGmbl 3 ай бұрын
"начало путЯ" -- это было неожиданно 😂 27:13
@user-wy1uf6zd7s
@user-wy1uf6zd7s Жыл бұрын
Красавчик. Всё понятно и доступно
@dmitriibogorodskii3707
@dmitriibogorodskii3707 Жыл бұрын
love you😂 . делаю проект сейчас и просто помог. спасибо)))
@itlife8792
@itlife8792 2 жыл бұрын
Спасибо, узнал несколько новых конструкций!
@mikhailgolubchenko8652
@mikhailgolubchenko8652 7 ай бұрын
Спасибо, отличное видео. Много познавательного и с примерами. Только одно пожелание - не путать фигурную скобку с квадратной (пишешь правильно, проговариваешь бывает не правильно)
@user-qw9uo4wo5p
@user-qw9uo4wo5p 2 жыл бұрын
Благодарююю! Все так понятно и просто!
@maew071
@maew071 10 ай бұрын
Cпасибо большое бро! Очень помогло твое видео! Удачи тебе!
@katerinaeftychiou7661
@katerinaeftychiou7661 8 ай бұрын
Спасибо большое за понятное объяснение!!!
@Eliseev_Serge
@Eliseev_Serge Жыл бұрын
Лучший видос для начинающих! Хотелось бы ещё узнать, как искать элементы по части ИМЕНИ атрибута(не его значения). Например как найти все элементы у которых имя атрибута содержит 'head'?
@user-vp6po3ot7e
@user-vp6po3ot7e 2 жыл бұрын
Олег, большое спасибо!!!
@johnyelasto
@johnyelasto Жыл бұрын
Классно объясняешь, спасибо за видео
@95thh
@95thh 11 ай бұрын
Спасибо очень информативно!
@mirtempa
@mirtempa Жыл бұрын
Большое спасибо. Действительно полезная информация для начинающих. Ценная. Всех тебе Благ!!! Вопрос по нахождению Xpath в гугле таблице, каталог на нескольких листах и нужно выгрузку сделать со всех в сводную. Буду благодарен за любую подсказку, спасибо.
@elenam4339
@elenam4339 Жыл бұрын
Самое понятное видео про xPath
@uehal
@uehal Жыл бұрын
Оч крутая подача и дикция!
@lenasnow6968
@lenasnow6968 Жыл бұрын
канал в топ канал в топ канал в топ
@romanpobevanets415
@romanpobevanets415 2 жыл бұрын
Спасибо за видео! Спойлер: тут скрытая реклама xpath 😂
@colemanlazgo6445
@colemanlazgo6445 Жыл бұрын
Спасибо, очень полезно!
@svetlanamazhaykina6918
@svetlanamazhaykina6918 Жыл бұрын
Спасибо за Ваш труд! Коммент в поддержку канала
@user-ty4yx9yu4q
@user-ty4yx9yu4q 2 жыл бұрын
Спасибо большое тебе 😍
@danielgraham95
@danielgraham95 7 ай бұрын
крутое видео спасибо за труд. Ты молодец
@kostiukevychvasyl4945
@kostiukevychvasyl4945 Жыл бұрын
супер, наконецто я понял, спасибо бро
@user-lj2ev6mv8g
@user-lj2ev6mv8g 6 ай бұрын
Круто, спасибо.
@user-ol9iu4iy6i
@user-ol9iu4iy6i 2 жыл бұрын
Лайк подписка , контент пушка
@yugenepopov2014
@yugenepopov2014 Жыл бұрын
Спасибо! ❤
@nazikamanova2599
@nazikamanova2599 Жыл бұрын
👍kruto i dostupno.
@code-art-school
@code-art-school 11 ай бұрын
Хорошая подача, все доступно. Но мне кажется, что использовать это стоит если вы работаете с какой то самодельной БД в формате XML. На фронте не вижу смысла
@AlexEagle43
@AlexEagle43 Жыл бұрын
спасибо за инфу
@defichento1169
@defichento1169 Ай бұрын
Спасибо
@sasha-jt9rz
@sasha-jt9rz Жыл бұрын
Спасибо)
@tommyrio8081
@tommyrio8081 8 ай бұрын
Для поиска XPath элемента, который появляется возле мыши при наведении (например, значок поиска, который появляется возле поля поиска на Google), вы можете использовать инструменты разработчика браузера. Вот как это можно сделать?
@EvgenyTestman
@EvgenyTestman 2 жыл бұрын
часто ли приходится писать сложные локаторы? например, когда на родителей/потомков завязка или когда для поиска элемента нужно завязаться на парочку других или если появляется такая необходимость, то лучше пнуть девелоперов, чтобы добавили какой-нить id или data-арртибут?
@threadqa
@threadqa 2 жыл бұрын
все зависит от проекта, а так процентов 65% приходится писать такие пути Лучше чтоб разрабы делали data атрибут
@glebmirosnikovs6722
@glebmirosnikovs6722 Жыл бұрын
Привет, спасибо за видос. Хорошо всё по полочкам разложил. Как раз написал свои первые автотесты, и потом посмотрел твоё видео, что бы узнать, что еще я не знаю про локаторы. Очень полезно. Подписался на ваш канал в ТГ. Может быть у вас есть услуга менторинга (не за бесплатно)? Спасибо
@JK2-b
@JK2-b Жыл бұрын
Зравствуйте! Подскажите пожалуйста, как искать псевдоэлемент ::before, как его правильно вписывать в поиск? и как по нему ставить уточнение?
@EvgenyTestman
@EvgenyTestman 2 жыл бұрын
принципиально ли в CSS указывать название тэга? ведь можно и без него: .class вместо tag.class #id вместо tag#id в случае с классом мб решает проблему дублей, а вот id в идеале не должен повторяться же
@annavishnevskaya
@annavishnevskaya Жыл бұрын
Я не вижу, в квадратных скобках он после первого атрибута какой знак ставить?
@skillkiller77
@skillkiller77 3 ай бұрын
Большое спасибо! Как раз нужно было быстро вникнуть в CSS, ещё и XPath подтянул)
@IvanTestIT
@IvanTestIT Жыл бұрын
Можно ли найти элемент по через текст с помощью CSS селектора? Через XPath не получается
@user-uz5es6qx9e
@user-uz5es6qx9e Жыл бұрын
Добрый вечер Олег! Подскажите пожалуйста, как найти все ссылки на странице одним хпасом ?
@vvoldi
@vvoldi Жыл бұрын
//body//*[@href]
@user-en5gl9mq7p
@user-en5gl9mq7p 14 күн бұрын
А если значения постоянно меняются, тогда как? Пример: >XPATH> id("PgXA")/uelfnvb[1]/uelfnvb[1]/zdzecxdp[@class="ZDZECxDP"]/iqqqyjn[@class="IqqqyJN"] >XPATH> id("KTcd")/rlefovq[1]/yjhxtey[@class="YJHXtEy"]/odbdczb[@class="ODbdczB"] >XPATH> id("hwye")/xrhbcwe[1]/xrhbcwe[1]/wjkvfhahzjy[@class="WJkvfHAhzJY"]/jvocana[@class="JvoCANa"]
@threadqa
@threadqa 14 күн бұрын
цепляться по тексту
@user-wo4mu8qn2x
@user-wo4mu8qn2x 8 ай бұрын
все отлично кроме того, что вы говорите ,как Леша Маршалл
@romanpavlov4316
@romanpavlov4316 Ай бұрын
удивляет малое кол-во подписчиков и лайков(
@user-uz5es6qx9e
@user-uz5es6qx9e Жыл бұрын
Надо найти 10 ссылок на странице гугл ввести в строку поиска nyan cat....Я сделал такой пас //*[contains(.,'Nyan Cat')]/@href , но он находит 4 лишние невидимые ссылки
@antonmernyk3569
@antonmernyk3569 Жыл бұрын
на 1.5 скорости норм
@vvoldi
@vvoldi Жыл бұрын
ясно, автор из культа xpath. хз в каком месте он проще правда
@max_tarantul
@max_tarantul Жыл бұрын
шел 2023 год а блогеры так и не научились приближать экран
@Digmansun
@Digmansun Жыл бұрын
Ролик хороший, но не надо путать квадратную "[" скобку с фигурной "{". Ты на протяжении всего ролика упрямо называешь квадратную скобку фигурной.
@KailGrey
@KailGrey Жыл бұрын
слова "путя" не существует(
@user-yr2gp5yt5p
@user-yr2gp5yt5p Күн бұрын
Красаучик есть же
@kabukijoe99
@kabukijoe99 Жыл бұрын
ПРИВЕТ. УРОК КЛАСС. ЕСТЬ ЛИ ТАБЛИЦА С ДОХОДЧИВЫМ ОПИСАНИЕМ ЭТИХ ЭЛЕМЕНТОВ?
Xpath - локаторы. Уроки для начинающих
28:57
Лёша Маршал
Рет қаралды 75 М.
Tom & Jerry !! 😂😂
00:59
Tibo InShape
Рет қаралды 40 МЛН
1❤️#thankyou #shorts
00:21
あみか部
Рет қаралды 88 МЛН
World’s Deadliest Obstacle Course!
28:25
MrBeast
Рет қаралды 106 МЛН
Luck Decides My Future Again 🍀🍀🍀 #katebrush #shorts
00:19
Kate Brush
Рет қаралды 2,7 МЛН
ВСЁ, что нужно знать о CSS Селекторах. Типы селекторы css
42:23
API Автотесты с нуля Rest Assured
1:08:45
Oleh Pendrak
Рет қаралды 66 М.
Сеть и сокеты. База для backend разработчика.
17:11
Константин Козловский
Рет қаралды 35 М.
XPath Crash Course For Python Web Scraping
30:07
NeuralNine
Рет қаралды 25 М.
Что такое Автоматизация тестирования на Python?
1:16:57
TeachMeSkills Школа программирования
Рет қаралды 11 М.
Tom & Jerry !! 😂😂
00:59
Tibo InShape
Рет қаралды 40 МЛН