Об'єктна модель сторінки (POM) із заводу сторінок | Підручник із селену

Приклад 2:

• Перейдіть на сторінку https://www.shoppersstop.com/brands
• Перейдіть до посилання високого каррі.
• Переконайтеся, що сторінка високого каррі містить текст “Почати щось нове”.

Структура програми

• shopperstopPagefactory.java, що включає сховище об’єктів з використанням концепції pagefactory для shoppersstop.com, який є конструктором для ініціалізації всіх веб-елементів, створюється метод closeExtraPopup () для обробки спливаючого вікна попередження, clickOnHauteCurryLink (), щоб натиснути на Haute Curry Пов’яжіть і verifyStartNewSomething (), щоб перевірити, чи містить сторінка Haute Curry текст “Почати щось нове”.
• Shopperstop_CallPagefactory.java - це файл основного класу, який викликає всі вищезазначені методи та виконує відповідні дії на сайті NSE.

shopperstopPagefactory.java

Shopperstop_CallPagefactory.java

POM за допомогою Page Factory

Відео-підручники - POM with Page Factory

Частина І

Частина ІІ

Клас Factory використовується для спрощення та спрощення використання Page Objects.

• По-перше, нам потрібно знайти веб-елементи за допомогою анотацій @FindBy на класах сторінок .
• Потім ініціалізуйте елементи за допомогою initElements () під час створення екземпляра класу сторінки.

# 1) @FindBy:

Анотація @FindBy використовується у PageFactory для пошуку та оголошення веб-елементів за допомогою різних локаторів.Тут ми передаємо атрибут, а також його значення, яке використовується для пошуку веб-елемента, до анотації @FindBy, а потім оголошується WebElement.

Існує 2 способи використання анотації.

Наприклад:

Однак перший - це стандартний спосіб декларування WebElements.

«Як» це клас, і він має статичні змінні, такі як ID, XPATH, CLASSNAME, LINKTEXT тощо.
«Використання» - Призначити значення статичній змінній.

У вищесказаному приклад , ми використали атрибут ‘id’, щоб знайти веб-елемент ‘Email’. Подібним чином ми можемо використовувати такі локатори з анотаціями @FindBy:

• className
• css
• ім'я
• xpath
• tagName
• linkText
• частковийLinkText

# 2) initElements ():

InitElements - це статичний метод класу PageFactory, який використовується для ініціалізації всіх веб-елементів, розташованих за допомогою анотації @FindBy. Таким чином, створення екземплярів класів Page легко.

Ми також повинні розуміти, що POM дотримується принципів OOPS.

• WebElements оголошуються як змінні приватного члена (Приховування даних).
• Прив’язка WebElements до відповідних методів (інкапсуляція).

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

# 1) Створіть окремий файл класу Java для кожної веб-сторінки.

# два) У кожному класі всі WebElements повинні бути оголошені як змінні (за допомогою анотації - @FindBy) та ініціалізовані методом initElement (). Задекларовані WebElements повинні бути ініціалізовані для використання в методах дії.

# 3) Визначте відповідні методи, що діють на ці змінні.

Візьмемо приклад простого сценарію:

• Відкрийте URL-адресу програми.
• Введіть адресу електронної пошти та пароль.
• Клацніть на кнопку Вхід.
• Перевірте успішне повідомлення для входу на сторінці пошуку.

Шар сторінки

Тут ми маємо 2 сторінки,

1. Домашня сторінка - Сторінка, яка відкривається при введенні URL-адреси і куди ми вводимо дані для входу.
2. SearchPage - Сторінка, яка відображається після успішного входу.

У Layer Page кожна сторінка у веб-програмі оголошується як окремий клас Java, і там згадуються її локатори та дії.

Кроки для створення POM на прикладі реального часу

# 1) Створіть клас Java для кожної сторінки:

У цьому приклад , ми отримаємо доступ до 2 веб-сторінок, “Домашня сторінка” та “Пошук”.

Отже, ми створимо 2 класи Java у Page Layer (або в пакеті, скажімо, com.automation.pages).

# 2) Визначте WebElements як змінні за допомогою Annotation @FindBy:

Ми взаємодіяли б із:

• Електронна пошта, пароль, поле кнопки входу на домашній сторінці.
• Успішне повідомлення на сторінці пошуку.

Тож ми визначимо WebElements за допомогою @FindBy

Наприклад: Якщо ми збираємося ідентифікувати адресу електронної пошти за допомогою атрибута id, тоді її декларація змінної є

# 3) Створіть методи для дій, що виконуються на WebElements.

Нижче виконуються дії на WebElements:

• Введіть дію в полі Адреса електронної пошти.
• Введіть дію в поле Пароль.
• Натисніть дію на кнопці входу.

Наприклад, Користувацькі методи створюються для кожної дії в WebElement як,

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

Примітка :Конструктор повинен бути створений в кожному класі на рівні сторінки, щоб отримати екземпляр драйвера з основного класу в тестовому шарі, а також ініціалізувати WebElements (об'єкти сторінки), оголошені в класі сторінки, використовуючи PageFactory.InitElement () .

Ми не ініціюємо драйвер тут, швидше його екземпляр отримується від основного класу, коли створюється об'єкт класу Page Layer.

InitElement () - використовується для ініціалізації оголошених WebElements, використовуючи екземпляр драйвера з основного класу. Іншими словами, WebElements створюються за допомогою екземпляра драйвера. Тільки після ініціалізації WebElements їх можна використовувати в методах для виконання дій.

Для кожної сторінки створюються два класи Java, як показано нижче:

HomePage.java

SearchPage.Java

Тестовий шар

У цьому класі реалізовані тестові кейси. Ми створюємо окремий пакет, скажімо, com.automation.test, а потім створюємо тут клас Java (MainClass.java)

Кроки для створення тестових випадків:

• Ініціалізуйте драйвер і відкрийте програму.
• Створіть об'єкт класу PageLayer (для кожної веб-сторінки) і передайте екземпляр драйвера як параметр.
• Використовуючи створений об’єкт, зателефонуйте методам у класі PageLayer (для кожної веб-сторінки), щоб виконати дії / перевірку.
• Повторюйте крок 3, доки не будуть виконані всі дії, а потім закрийте драйвер.

Ієрархія типів анотацій, що використовується для оголошення WebElements

Анотації використовуються для побудови стратегії розташування елементів інтерфейсу.

# 1) @FindBy

Що стосується Pagefactory, @FindBy діє як чарівна паличка. Це додає всі сили концепції. Тепер ви знаєте, що анотація @FindBy у Pagefactory виконує те саме, що і анотація driver.findElement () у звичайній об'єктній моделі сторінки. Він використовується для пошуку WebElement / WebElements з одним критерієм .

# 2) @FindBys

Він використовується для пошуку WebElement за допомогою більше одного критерію і повинні відповідати всім наведеним критеріям. Ці критерії слід згадувати у стосунках батьків та дітей. Іншими словами, це використовує умовне відношення AND для пошуку WebElements, використовуючи вказані критерії. Він використовує кілька @FindBy для визначення кожного критерію.

Наприклад:

Вихідний код HTML WebElement:

У POM:

У наведеному вище прикладі WebElement ‘SearchButton’ знаходиться лише в тому випадку, якщо він є відповідає обом критерії, значення ідентифікатора яких - 'searchId_1', а значення імені - 'поле_пошуку'. Зверніть увагу, що перший критерій належить батьківському тегу, а другий критерій дочірньому тегу.

# 3) @FindAll

Він використовується для пошуку WebElement за допомогою більше одного критерію і він повинен відповідати принаймні одному із заданих критеріїв. Тут використовуються умовні зв’язки АБО для того, щоб знайти WebElements. Він використовує множинний @FindBy для визначення всіх критеріїв.

Наприклад:

HTML SourceCode:

У POM:

У наведеному вище прикладі WebElement ‘Ім'я користувача знаходиться, якщо воно є відповідає принаймні одному згаданих критеріїв.

# 4) @CacheLookUp

Коли WebElement частіше використовується в тестових випадках, Selenium шукає WebElement кожного разу, коли запускається тестовий скрипт. У тих випадках, коли певні WebElements глобально використовуються для всіх TC ( Наприклад, Сценарій входу відбувається для кожного TC), ця анотація може використовуватися для підтримки цих WebElements в кеш-пам'яті після її першого прочитання.

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

Це може бути префіксом до будь-якого з @FindBy, @FindBys та @FindAll.

Наприклад:

Також зауважте, що цю анотацію слід використовувати лише для WebElements, значення атрибута (як xpath, ім'я ідентифікатора, назва класу тощо) не змінюється досить часто. Щойно WebElement знаходиться вперше, він зберігає посилання в кеш-пам’яті.

Отже, через кілька днів відбувається зміна атрибута WebElement, Selenium не зможе знайти елемент, оскільки він уже має старе посилання в кеш-пам’яті і не враховуватиме нещодавню зміну WebElement.

Докладніше на PageFactory.initElements ()

Тепер, коли ми розуміємо стратегію Pagefactory щодо ініціалізації веб-елементів за допомогою InitElements (), спробуємо зрозуміти різні версії методу.

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

На практиці використання конструктора, як показано у наведеному вище розділі, є кращим за інші способи його використання.

Альтернативні способи виклику методу:

# 1) Замість використання вказівника “this” ви можете створити поточний об’єкт класу, передати йому екземпляр драйвера та викликати статичний метод initElements з параметрами, тобто об’єкт драйвера та об’єкт класу, який щойно створений.

# два) Третій спосіб ініціалізації елементів за допомогою класу Pagefactory - це використання api, що називається «відображенням». Так, замість створення об’єкта класу з ключовим словом “new”, classname.class може бути переданий як частина вхідного параметра initElements ().

Часті запитання

Q # 1) Які різні стратегії локатора використовуються для @FindBy?

Відповідь: Проста відповідь на це - немає різних стратегій локатора, які використовуються для @FindBy.

Вони використовують ті самі 8 стратегій локатора, що і метод findElement () у звичайному POM:

1. ідентифікатор
2. ім'я
3. className
4. xpath
5. css
6. tagName
7. linkText
8. частковийLinkText

Q # 2) Чи існують різні версії для використання анотацій @FindBy?

Відповідь: Коли є веб-елемент для пошуку, ми використовуємо анотацію @FindBy. Ми детально розглянемо альтернативні способи використання @FindBy, а також різні стратегії локатора.

Ми вже бачили, як використовувати версію 1 @FindBy:

Версія 2 @FindBy - це передача вхідного параметра як Як і Використовуючи .

Як шукає стратегію локатора, за допомогою якої буде ідентифікований веб-елемент. Ключове слово використання визначає значення локатора.

Див. Нижче для кращого розуміння,

• How.ID здійснює пошук елемента за допомогою ідентифікатор стратегія і елемент, який він намагається ідентифікувати, має id = cidkeyword.

• How.CLASS_NAME здійснює пошук елемента за допомогою className стратегія та елемент, який він намагається ідентифікувати, має class = новийклас.

Запитання №3) Чи існує різниця між двома версіями @FindBy?

Відповідь: Відповідь: Ні, між цими двома версіями немає різниці. Просто перша версія коротша і легша порівняно з другою версією.

Q # 4) Що я використовую у pagefactory, якщо є список веб-елементів, які потрібно розмістити?

Відповідь: У звичайному шаблоні дизайну об’єкта сторінки у нас є driver.findElements () для визначення місця розташування декількох елементів, що належать до одного і того ж класу або імені тегу, але як нам знайти такі елементи у випадку об’єктної моделі сторінки з Pagefactory? Найпростіший спосіб досягти таких елементів - використовувати ту саму анотацію @FindBy.

Я розумію, що цей рядок, здається, є для багатьох з вас подряпиною. Але так, це відповідь на запитання.

Давайте розглянемо наведений нижче приклад:

Використовуючи звичайну об'єктну модель сторінки без Pagefactory, ви використовуєте driver.findElements для пошуку кількох елементів, як показано нижче:

Те саме можна досягти за допомогою об'єктної моделі сторінки з Pagefactory, як зазначено нижче:

В основному, присвоєння елементів списку типу WebElement робить фокус незалежно від того, використовується Pagefactory чи ні під час ідентифікації та розміщення елементів.

Q # 5) Чи можна як дизайн об'єкта Page без pagefactory, так і Pagefactory використовувати в одній програмі?

Відповідь: Так, як дизайн об'єкта сторінки без Pagefactory, так і з Pagefactory можна використовувати в одній програмі. Ви можете пройти програму, наведену нижче в Відповідь на питання No6 щоб побачити, як обидва використовуються в програмі.

Необхідно пам’ятати, що слід уникати концепції Pagefactory з кешованою функцією для динамічних елементів, тоді як дизайн об’єкта сторінки добре працює для динамічних елементів. Однак Pagefactory підходить лише для статичних елементів.

Q # 6) Чи існують альтернативні способи ідентифікації елементів на основі кількох критеріїв?

як видалити елементи з масиву

Відповідь: Альтернативою для ідентифікації елементів на основі кількох критеріїв є використання анотацій @FindAll та @FindBys. Ці анотації допомагають ідентифікувати окремі або кілька елементів залежно від значень, отриманих із переданих у ньому критеріїв.

# 1) @FindAll:

@FindAll може містити кілька @FindBy і повертатиме всі елементи, які відповідають будь-якому @FindBy в одному списку. @FindAll використовується для позначення поля на об'єкті сторінки, щоб вказати, що для пошуку слід використовувати ряд тегів @FindBy. Потім буде здійснено пошук усіх елементів, які відповідають будь-якому з критеріїв FindBy.

Зверніть увагу, що елементи не гарантовано розташовані в порядку документу.

Синтаксис для використання @FindAll наведений нижче:

Пояснення: @FindAll здійснить пошук та ідентифікацію окремих елементів, що відповідають кожному з критеріїв @FindBy, та їх перелік. У наведеному вище прикладі він спочатку здійснить пошук елемента, id = ”foo”, а потім ідентифікує другий елемент з className = ”bar”.

Припускаючи, що для кожного критерію FindBy був ідентифікований один елемент, @FindAll призведе до переліку 2 елементів відповідно. Пам’ятайте, для кожного критерію може бути визначено кілька елементів. Таким чином, простими словами, @ FindAll діє еквівалентно АБО оператора за пройденими критеріями @FindBy.

# 2) @FindBys:

FindBys використовується для позначення поля на об'єкті сторінки, щоб вказати, що для пошуку слід використовувати ряд тегів @FindBy в ланцюжку, як описано в ByChained. Коли необхідні об'єкти WebElement повинні відповідати всім заданим критеріям, використовуйте анотацію @FindBys.

Синтаксис для використання @FindBys такий:

Пояснення: @FindBys здійснить пошук та ідентифікацію елементів, що відповідають усім критеріям @FindBy, та їх перелік. У наведеному вище прикладі він буде шукати елементи, чиє ім’я = ”foo” та className = ”bar”.

Результат @FindAll призведе до перерахування 1 елемента, якщо ми припустимо, що в заданих критеріях був один елемент, ідентифікований з іменем та className.

Якщо немає жодного елемента, що задовольняє всім пройденим умовам FindBy, то результатом @FindBys буде нуль елементів. Може бути визначений список веб-елементів, якщо всі умови задовольняють декілька елементів. Простими словами, @ FindBys діє еквівалентно І оператора за пройденими критеріями @FindBy.

Давайте побачимо реалізацію всіх вищезазначених анотацій через детальну програму:

Ми змінимо програму www.nseindia.com, наведену в попередньому розділі, щоб зрозуміти реалізацію анотацій @FindBy, @FindBys та @FindAll

# 1) Сховище об’єктів PagefactoryClass оновлюється, як показано нижче:

Список newlist = driver.findElements (By.tagName (“a”));

@FindBy (як = Як. TAG_NAME , використовуючи = 'a')
приватний Список findbyvalue;
@FindAll ({ @FindBy (className = “sel”), @FindBy (xpath = ”// a (@ id =’ tab5 ′) ”)}))
приватний Список findallvalue;
@FindBys ({ @FindBy (className = “sel”), @FindBy (xpath = ”// a (@ id =’ tab5 ′) ”)}))
приватний Список findbysvalue;

# 2) Новий метод seeHowFindWorks () записаний у PagefactoryClass і викликається як останній метод у головному класі.

Спосіб наведений нижче: