У цьому записі я хочу поділитися з вами Відеуроком від порталу
automated-testing.info, показувати нам все це буде Михайло Поляруш. Взагалі як правильно писати css і xpath локатори я вже писав в статті xpath і css
Нижче прикладаю шпаргалку по css і xpath, яку я записав, дивлячись на цей курс:
div # pocks - шукаємо див, у котрого айдішнік дорівнює pocks
div.perl - шукаємо див, у якого клас обзивається perl
body [vlink = 1] - шукаємо тег боді, у котрого атрибут vlink = 1
body [vlink * = 1] - шукаємо тег боді, у котрого атрибут vlink містить в собі одиницю
body [vlink $ = 1] - шукаємо тег боді, у якого атрибут vlink закінчується на одиницю
body [vlink ^ = 1] - шукаємо тег боді, у якого атрибут vlink починається на одиничку
Пропуск знаходить все нащадків у елемента. приклад:
div # ires a - знаходить все посилання у дива з айдішніком ires
div # ires a: nth-of-type (1) - знаходить все посилання у дива з айдішніком ires перші
div> a - все діви, у яких відразу за ними є нащадок а
div + div - знаходить див який йде відразу за першим дивом
div + a - все діви за якими відразу йдуть a елементи (посилання)
div
div - пропускає елемент за елементом
a: contains ( «ggdgdgd») - знаходить а
На 37 хвилині приклади, де можна потренькаться
* .warning - будь-який елемент з класом warning
div * p - шукаємо елемент p у котрого є предок div і між ними можуть бути елементи
h1.opener + h2 - шукаємо елемент h2 соседм перед яким елемент h1 має клас opener
a [rel
div.flyout> a - Знайти всі посилання, які знаходяться відразу після div елементу з класом flyout
div # action_list_body_current li: nth-of-type (1) - Знайти другу задачу в списку current
#quick search a [accesskey = "p"] -Знайти другу картинку з атрибутом accesskey «p» в quick search
#context_list a: contains ( 'line') -знайти контекст в таблиці Contexts який містить текст «line»
xpath локатори:
/ Body /. - батько бади, тобішь тег штмль
У чому відмінність xpath від css, в ікспасе ми можемо ходити від низу до верху, а в ЦСС тільки зверху вниз. //
// a [text () = 'some value'] - знайти посилання з текстом some value
author [last-name [position () = 1] = "Bob»] - знайти елемент author у якого є елемент last-name і у last-name це перша позиція
// div [@ id = 'header'] - елемент див з айди хедер
// div [1] - перший див
// div [position () = 1] - як я розумію все одно що // div [1]
// div [2 and 3] - другий і третій див
У xpath відносини елементів визначають осі
// - означає що шукаємо по всіх вкладених елементів
/ Descendant: div [@ id = 'header'] - знаходить всіх нащадків діва з айди хеадер
book / * / last-name - знаходимо елемент бук після котрого йде будь-який елемент а за ним відразу йде елемент ластнейм
* [@ Specialty] - будь-який елемент з атрибутом specialty
author [first-name] [3] - елемент з назвою author у якого є нащадок елемент first-name і він третій
author [not (degree or award) and publication] - знаходимо елемент author у котрого немає нащадка елемента degree або award, але є елемент publication
ancestor :: author [parent :: book] [1] - знаходимо предка у якого є назва елемента author і у якого є непорсдетсвенний батько book і вибираємо першу позицію
// a [text () = »Preferences»] [ancestor :: * [@ id = 'header']] - знайти посилання Preferences в верхньому меню (йдемо зверху вниз, спочатку пишемо посилання з текстом Preferences
// * [@ id = 'action_list_curent'] // span [@ class = 'next_action_name'] [following-sibling :: * / a [contains (@ href, 'contexts') and text () = 'Offline'] ] - Знайти всі завдання в списку current з контекстом Offline
посилання:
w3.org/TR/selectors/
w3schools.com/css/css_examples.asp
Схожі записи
- xpath і css локатори
- Як встановити TestNG в Eclipse
- Тестування додатків під Android. Установка ADT в Eclipse. Частина 2
- Відгук про оновлений курсі «Програмування на java для тестувальників»
- Подарунок на День Тестера
