Меню

Локатори селену: виявлення веб-елементів за допомогою XPath у селені (приклади)

selenium locators identify web elements using xpath selenium

Спробуйте Наш Інструмент Для Усунення Проблем

Підручник із локаторів селену: Дізнайтеся, як на прикладах визначити веб-елементи за допомогою XPath у селені

В попередній підручник , ми познайомили вас з іншим засобом тестування автоматизації, який називається Firebug. Ми також створили власний сценарій автоматизації вручну, використовуючи Firebug та його можливості. Ми також навчилися вносити бажані зміни в наш сценарій.

Рухаючись вперед, у цьому підручнику ми подивимось на різні типи локаторів у Selenium та їхня техніка доступності для побудови тестових скриптів . Таким чином, цей підручник складається з детального ознайомлення з різними типами локаторів.

Це наш 5-й підручник з підручника з селену серії.

Що таке Locator?

Локатор можна назвати адресою, яка ідентифікує веб-елемент однозначно на веб-сторінці. Локатори - це властивості HTML веб-елемента, який повідомляє Selenium про веб-елемент, необхідний для виконання дії.

Локатори селену Xpath у селені

Існує різноманітний набір веб-елементів. Найпоширенішими серед них є:

  • Текстове вікно
  • Кнопка
  • Випадаюче меню
  • Гіперпосилання
  • Прапорець
  • Радіо-кнопка

Що ви дізнаєтесь:

Типи локаторів

Виявлення цих елементів завжди було дуже складною темою, і тому воно вимагає точного та ефективного підходу. Таким чином, ми можемо стверджувати, що більш ефективним локатором, більш стабільним буде сценарій автоматизації. По суті, кожна команда Selenium вимагає локаторів для пошуку веб-елементів. Таким чином, для точної та точної ідентифікації цих веб-елементів ми маємо різні типи локаторів.

Типи локаторів у селені 1

Тепер давайте розберемося далі, здійснюючи кожен із них самостійно.

Перш ніж ми почнемо з локаторів, дозвольте мені взяти хвилинку, щоб представити тестоване додаток. Ми використовували б 'https://accounts.google.com/' для пошуку різних типів веб-елементів за допомогою різних типів локаторів.

Використання ідентифікатора як локатора

Найкращим і найпопулярнішим методом ідентифікації веб-елемента є використання ідентифікатора. Ідентифікатор кожного елемента вважається унікальним.

Типи локаторів у селені 2

У цьому зразку ми отримаємо доступ до текстового поля “Електронна пошта”, яке є у формі для входу на gmail.com.

Пошук ідентифікатора веб-елемента за допомогою Firebug

реалізація черги пріоритетів у Java

Крок 1 : Запустіть веб-браузер (Firefox) і перейдіть на сторінку “https://accounts.google.com/”.

Крок 2 : Відкрийте firebug (натисканням клавіші F12 або за допомогою інструментів).

Крок 3 : Клацніть на піктограму перевірки, щоб визначити веб-елемент.

Локатори селену 1

Крок 4 : Наведіть курсор на веб-елемент (текстове поле електронної пошти в нашому випадку), над яким ми хочемо виконати певну дію. У розділі firebug можна побачити виділені відповідні теги HTML.

Локатори селену 2

Крок 5 : Будьте обізнані з атрибутом ID та візьміть його до відома. Тепер нам потрібно перевірити, чи ідентифікований ідентифікатор здатний знайти елемент однозначно та бездоганно.

Синтаксис : id = id елемента

У нашому випадку ідентифікатором є 'Електронна пошта'.

Альтернативний підхід:

Замість того, щоб слідувати крокам 2-4, ми можемо безпосередньо знайти / перевірити веб-елемент, клацнувши правою кнопкою миші веб-елемент (Текстове поле електронної пошти), значення локатора якого нам потрібно перевірити, та натиснувши опцію “Перевірити елемент за допомогою Firebug”. Таким чином, ця подія кліку викликає розширення розділу firebug, і відповідний тег HTML буде виділено.

Локатори селену 3

Перевірте значення локатора

Якщо припустити, що браузер відкритий і перенаправлений на 'https://accounts.google.com/'.

Крок 1 : Запустіть ID селену.

Крок 2 : Клацніть на перший рядок у розділі редактора.

Крок 3 : Введіть “id = Email”, тобто значення локатора в цільовому полі.

Крок 4 : Натисніть кнопку Знайти. Якщо вказане значення локатора є правомірним, тоді текстове поле Електронної пошти буде виділено жовтим кольором із флуоресцентною зеленою рамкою навколо поля. Якщо вказане значення локатора неправильне, на панелі журналу внизу Selenium IDE буде надруковано повідомлення про помилку.

Випадок 1 - Значення локатора = Правильне

безкоштовне програмне забезпечення для малого бізнесу

Локатори селену 4

Випадок 2 - Значення локатора = Невірно

Локатори селену 5

Крок 5 : Для подальшої перевірки користувач може також виконати команду “type” щодо заданої цілі, вказавши якесь значення в полі “Value”. Якщо виконання команди вводить вказане значення у текстовому полі Електронна пошта, це означає, що визначений тип локатора правильний та доступний.

Використання ClassName як локатора

Існує лише незначна різниця між використанням ідентифікатора як локатора та використанням класу як локатора.

У цьому зразку ми отримаємо доступ до розділу 'Потрібна допомога?' гіперпосилання внизу форми для входу на gmail.com.

Пошук назви класу веб-елемента за допомогою Firebug

Крок 1 : Знайдіть / огляньте веб-елемент (посилання “Потрібна допомога?” У нашому випадку), клацнувши правою кнопкою миші веб-елемент, значення локатора якого нам потрібно перевірити, та клацніть на опцію “Перевірити елемент за допомогою Firebug”.

Крок 2 : Уважно ознайомтесь з атрибутом імені класу та візьміть його до відома. Тепер нам потрібно перевірити, чи ідентифіковане ім’я класу здатне знайти елемент однозначно та точно.

Локатори селену 6

Синтаксис: class = ім'я класу елемента

У нашому випадку назва класу - “need-help-reverse”

Перевірте значення локатора

Крок 1 : Введіть “class = need-help-reverse” у цільовому полі в середовищі IDE Selenium.

Крок 2 : Натисніть кнопку Знайти. Зверніть увагу, що гіперпосилання буде виділено жовтим кольором із флуоресцентною зеленою облямівкою навколо поля.

(Клацніть, щоб переглянути збільшене зображення)

Локатори селену 7

Використання імені як локатора

Розташування веб-елемента за назвою дуже схоже на попередні два типи локаторів. Різниця полягає лише в синтаксисі.

У цьому зразку ми отримаємо доступ до текстового поля „Пароль”, яке є у формі для входу на gmail.com.

Синтаксис: name = назва елемента

У нашому випадку це назва “Passwd”.

Перевірте значення локатора

Крок 1 : Введіть “name = Passwd” у цільовому полі та натисніть кнопку Знайти. Зверніть увагу, що текстове поле “Пароль” буде виділено.

Використання тексту посилання як локатора

Усі гіперпосилання на веб-сторінці можна ідентифікувати за допомогою тексту посилання. Посилання на веб-сторінці можна визначити за допомогою анкерного тегу ( ). Тег прив'язки використовується для створення гіперпосилань на веб-сторінці, а текст між відкриттям та закриттям прив'язок тегів становить текст посилання ( Деякий текст ).

У цьому зразку ми отримаємо доступ до посилання 'Створити обліковий запис', яке знаходиться внизу форми для входу на gmail.com.

Пошук тексту посилання веб-елемента за допомогою Firebug

Крок 1 : Знайдіть / огляньте веб-елемент (посилання «Створити обліковий запис» у нашому випадку), клацнувши правою кнопкою миші веб-елемент, значення локатора якого нам потрібно перевірити, та клацніть на опцію «Перевірити елемент за допомогою Firebug».

Крок 2 : Будьте в курсі тексту, присутнього в теги і запишіть це. Отже, цей текст буде використаний для унікального визначення посилання на веб-сторінці.

(Клацніть, щоб переглянути збільшене зображення)

Локатори селену 8

Синтаксис: посилання = текст посилання елемента

У нашому випадку текст посилання - 'Створити обліковий запис'.

Перевірте значення локатора

Крок 1 : Введіть “link = Створити обліковий запис”, тобто значення локатора в цільовому полі в ID середовища Selenium.

Крок 2 : Натисніть кнопку Знайти. Зверніть увагу, що посилання буде виділено жовтим кольором із флуоресцентною зеленою облямівкою навколо поля.

Локатори селену 9

Використання XPath як локатора

Xpath використовується для пошуку веб-елемента на основі його шляху XML. XML розшифровується як Extensible Markup Language і використовується для зберігання, організації та транспортування довільних даних. Він зберігає дані в парі ключ-значення, яка дуже схожа на теги HTML. Обидва вони є мовами розмітки, і оскільки вони підпадають під ту саму парасольку, xpath можна використовувати для пошуку елементів HTML.

Основним елементом визначення елементів за допомогою Xpath є переміщення між різними елементами по всій сторінці, що дозволяє користувачеві знайти елемент із посиланням на інший елемент.

Xpath можна створити двома способами:

Відносний Xpath

Відносний Xpath починається з поточного розташування та має префікс '//'.

Наприклад: // span (@ class = ’Email’)

Абсолютний Xpath

Абсолютний Xpath починається з кореневого шляху та має префікс “/”.

Наприклад: / HTML / body / div / div (@ id = ’Email’)

Ключові моменти:

  • Швидкість пошуку елемента за допомогою Xpath занадто висока. Поряд із попереднім твердженням, Xpath може знайти відносно всі елементи на веб-сторінці. Таким чином, Xpaths можна використовувати для пошуку елементів, що не мають ідентифікатора, класу чи імені.
  • Створення дійсного Xpath - складний та складний процес. Є плагіни, доступні для генерації Xpath, але здебільшого генеровані Xpaths не вдається правильно визначити веб-елемент.
  • Створюючи xpath, користувач повинен знати про різні номенклатури та протоколи.

Приклади селену XPath:

Xpath Checker

Створення Xpath стає дещо простішим за допомогою Xpath Checker. Xpath Checker - це доповнення Firefox для автоматичного створення Xpath для веб-елемента. Надбудову можна завантажити та встановити як будь-який інший плагін. Плагін можна завантажити за адресою “https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/”.

Як тільки плагін встановлено, його можна побачити в контекстному меню, клацнувши правою кнопкою миші будь-який елемент, xpath якого ми хочемо створити.

Локатори селену 10

Запитання та відповіді на інтерв’ю для тестування веб-додатків

Клацніть на “View Xpath”, щоб побачити вираз Xpath елемента. З'явиться вікно редактора із згенерованим виразом Xpath. Тепер користувач має право редагувати та модифікувати згенерований вираз Xpath. Відповідні результати буде оновлено сукупно.

Локатори селену 11

Зверніть увагу, що XPath Checker доступний і для інших браузерів.

Але повторюючи той факт, що здебільшого генеровані Xpaths не вдається правильно ідентифікувати веб-елемент. Таким чином, рекомендується створити наш власний Xpath, дотримуючись заздалегідь визначених правил та протоколів.

У цьому зразку ми отримаємо доступ до зображення “Google”, яке знаходиться у верхній частині форми для входу на gmail.com.

Створення Xpath веб-елемента

Крок 1 : Введіть “// img (@ class =’ logo ’)”, тобто значення локатора в цільовому полі в середовищі IDE Selenium.

Синтаксис: X шлях до елемента

Крок 2 : Натисніть кнопку Знайти. Зверніть увагу, що зображення буде виділено жовтим кольором із флуоресцентною зеленою облямівкою навколо поля.

Локатори селену 12

Висновок

Ось суть цієї статті.

  • Локатори - це властивості HTML веб-елемента, який повідомляє Selenium про веб-елемент, над яким йому потрібно виконати дії.
  • Існує широкий спектр веб-елементів, з якими користувачеві, можливо, доведеться регулярно взаємодіяти. Деякі з них: Текстове поле, Кнопка, Випадаюче меню, Гіперпосилання, CheckBox та Радіокнопка.
  • З різноманітним набором веб-елементів виникає величезна провінція стратегій / підходів до пошуку цих веб-елементів.
  • Деякі з широко використовуваних типів локаторів - це ID, ClassName, Text Link, XPath, CSS Selectors та Name.

Примітка: Завдяки тому, що створення CSS Selector та XPath вимагає великих зусиль та практики, отже, процес здійснюють лише більш досвідчені та навчені користувачі.

У цьому посібнику ми дізналися різні типи локаторів, включаючи Selenium Xpath.

Наступний підручник No6 : На продовження цього підручника з типів Selenium Locator ми дізнаємось, як ним користуватися Селектор CSS як локатор.

Будь-які запитання? Повідомте нас у коментарях. Ми спробуємо вирішити все.

Рекомендована література

^