how use firebug creating selenium scripts selenium tutorial 4
В попередній підручник , ми дізналися, як створювати автоматизовані тестові сценарії за допомогою Selenium IDE та його функцію запису. Ми також переглянули багатолюдні особливості селену IDE . Ми прагнули забезпечити читача найважливішими функціями та командами Selenium IDE.
Тільки нагадуємо - це наш четвертий підручник безкоштовно Навчальна серія селену .
Тепер, коли ви звикли і здатні створювати автоматизовані сценарії за допомогою режиму запису Selenium IDE, давайте перейдемо до іншого інструменту, який відіграє дуже важливу роль, допомагаючи нам у створенні ефективних тестових сценаріїв, відомих як “Firebug”. Firebug допомагає нам перевіряти властивості веб-елементів та веб-сторінок.
Таким чином, цей підручник складається з встановлення Firebug та його зручності використання.
Зверніть увагу, що зміст цього посібника застосовується не лише в контексті IDEI Selenium; скоріше це можна застосувати до кожного інструменту набору Selenium. Тому я бажав би використовувати термін Селен замість Селену IDE.
У цьому посібнику ми дізнаємось, як використовувати надбудову Firebug для створення сценаріїв Selenium. У процесі ми також дізнаємося, як встановити Firebug.
Що ви дізнаєтесь:
- Вступ до Firebug
- Як встановити Firebug?
- Створення сценарію селену за допомогою Firebug
- Висновок
- Рекомендована література
Вступ до Firebug
Firebug - це надбудова Mozilla Firefox. Цей інструмент допомагає нам визначити або більш детально перевірити елементи HTML, CSS та JavaScript на веб-сторінці. Це допомагає нам унікально ідентифікувати елементи на веб-сторінці. Елементи можна знайти унікально на основі їх типів локаторів, про які ми поговоримо далі в цьому посібнику.
Як встановити Firebug?
Для зручності розуміння ми розділимо процес встановлення на наступні кроки.
Крок 1: Запустіть браузер Mozilla Firefox і перейдіть до нього Сторінка завантаження доповнення Firebug . URL-адреса переходить до розділу надбудов Firefox.
Крок -2: Натисніть кнопку «Додати у Firefox», яка присутня на веб-сторінці. Зверніться до наступного малюнка для того ж.
Крок 3: Як тільки ми натискаємо кнопку «Додати у Firefox», з’явиться вікно попередження про безпеку, натисніть кнопку «Дозволити» зараз.
Крок 4: Тепер Firefox завантажує надбудову на тлі і відображається індикатор виконання.
Крок 5: Як тільки процес завершується, з'являється вікно встановлення програмного забезпечення. Тепер натисніть кнопку «Встановити зараз».
Крок 6: Як тільки установка завершиться, з’явиться спливаюче вікно із повідомленням про те, що пожежну помилку встановлено успішно. Тепер виберіть закрити це спливаюче вікно.
Примітка : На відміну від Selenium IDE, нам не потрібно перезапускати Firefox, щоб відобразити інсталяцію firebug, швидше за все, це відбувається з готовністю.
Крок 7: Тепер для запуску firebug ми можемо вибрати один із наступних способів:
- Натисніть F12
- Клацніть на піктограму Firebug, присутню у верхньому правому куті вікна Firefox.
-
- Клацніть на рядок меню Firefox -> Веб-розробник -> firebug -> Відкрити Firebug.
Крок-8 : Тепер пожежну помилку можна побачити внизу вікна Firefox.
Тепер, коли ми завантажили та встановили firebug, давайте перейдемо до типів локаторів, які ми створювали б за допомогою firebug.
Створення сценарію селену за допомогою Firebug
На відміну від Selenium IDE, у Firebug ми створюємо автоматичні тестові сценарії вручну, додаючи кілька тестових кроків, щоб сформувати логічний і послідовний тестовий сценарій.
Давайте дотримуватимемось прогресивного підходу і розумітимемо процес поетапно.
Сценарій:
- Відкрийте 'https://accounts.google.com'.
- Затвердити назву заявки
- Введіть недійсне ім’я користувача та недійсний пароль та введіть дані для входу.
Крок 1 - Запустіть Firefox і відкрийте Selenium IDE з рядка меню.
Крок 2 - Введіть адресу тестованої програми (“https://accounts.google.com”) у текстовому полі базової URL-адреси.
Крок 3 - За замовчуванням кнопка «Запис» перебуває у стані УВІМК. Не забудьте налаштувати його на OFF, щоб вимкнути режим запису. Зверніть увагу, якщо режим запису увімкнено, це може призвести до запису нашої взаємодії з веб-браузером.
Крок 4 - Відкрийте тестову програму (https://accounts.google.com) у Firefox.
Крок 5 - Запустіть Firebug у веб-браузері.
Крок 6 - Виберіть порожній крок тесту в редакторі.
Крок 7 - Введіть “open” у текстовому полі команди, яке є на панелі редактора. Команда “відкрити” відкриває вказану URL-адресу у веб-браузері.
Рекомендація: Під час набору команд у текстовому полі команди користувач може скористатися функцією автоматичного вибору. Таким чином, як тільки користувач вводить послідовність символів, пропозиції щодо відповідності будуть автоматично заповнені.
Користувач також може натиснути на спадне меню, доступне в текстовому полі команди, щоб переглянути всі команди, надані Selenium IDE.
Крок 8 - Тепер, рухаючись до розділу Firebug у веб-браузері, розгорніть розділ «head» HTML-коду. Зверніть увагу на тег HTML. Таким чином, щоб затвердити заголовок веб-сторінки, нам знадобиться значення тегу.
Скопіюйте заголовок веб-сторінки, яка в нашому випадку має назву «Увійти - Облікові записи Google».
Крок 9 - Виберіть другий порожній крок тесту в редакторі.
Крок 10 - Введіть “assertTitle” у текстовому полі команди на панелі редактора. Команда “assertTitle” повертає поточний заголовок сторінки та порівнює його із вказаним заголовком.
кращий оптимізатор системи для Windows 10
Крок 11 - Вставте заголовок, скопійований на кроці 8, у поле Ціль другого.
Крок 12 - Тепер виберіть третій порожній тестовий крок на панелі редактора
Крок 13 - Введіть команду “type” у текстовому полі команди. Команда “type” вводить значення у вказаному веб-елементі в графічний інтерфейс.
Крок 14 - Тепер перейдіть до веб-браузера, підведіть курсор миші до текстового поля “Електронна пошта” у формі входу та натисніть правою кнопкою миші.
Виберіть опцію «Перевірити елемент за допомогою Firebug». Зверніть увагу, що Firebug автоматично виділяє відповідний HTML-код веб-елемента, тобто 'Текстове поле електронної пошти'.
Крок 15 - Код HTML на наведеній вище ілюстрації демонструє різні атрибути властивостей, що належать до текстового поля “Електронна пошта”. Зверніть увагу, що є чотири властивості (ідентифікатор, тип, заповнювач та ім’я), які однозначно ідентифікують веб-елемент на веб-сторінці. Таким чином, користувач повинен вибрати одну або декілька властивостей для ідентифікації веб-елемента.
Таким чином, у цьому випадку ми обираємо ідентифікатор як локатор. Скопіюйте значення ідентифікатора та вставте його в поле Target третього кроку тесту з префіксом “id =”, щоб вказати Selenium IDE для пошуку веб-елемента з ідентифікатором як “Email”.
(Клацніть, щоб переглянути збільшене зображення)
Зверніть увагу на те, що Selenium IDE чутливий до регістру, тому вводьте значення атрибута обережно і точно так само, як воно відображається в HTML-коді.
Крок 16 - Клацніть на кнопку Знайти, щоб перевірити, чи вибраний локатором знаходить та розміщує призначений елемент інтерфейсу на веб-сторінці.
Крок 17 - Тепер наступним кроком є введення тестових даних у текстове поле Значення третього тестового кроку в області редактора. Введіть “InvalidEmailID” у текстовому полі Значення. Користувач може змінювати тестові дані, як і коли це потрібно.
Крок 18 - Тепер виберіть четвертий порожній крок тесту на панелі редактора
Крок 19 - Введіть команду “type” у текстовому полі команди.
Крок 20 - Тепер перейдіть до веб-браузера, наведіть курсор миші на текстове поле «Пароль» у формі входу та натисніть правою кнопкою миші.
Виберіть опцію «Перевірити елемент за допомогою Firebug».
Крок 21 - Наведений нижче HTML-код відображає різні атрибути властивостей, що належать до текстового поля 'Пароль'. Зверніть увагу, що є чотири властивості (ідентифікатор, тип, заповнювач та ім’я), які однозначно ідентифікують веб-елемент на веб-сторінці. Таким чином, користувач повинен вибрати одну або декілька властивостей для ідентифікації веб-елемента.
Таким чином, у цьому випадку ми обираємо ідентифікатор як локатор. Скопіюйте значення ідентифікатора та вставте його в поле Target третього кроку тестування з префіксом “id =”.
(Клацніть, щоб переглянути збільшене зображення)
Крок 22 - Клацніть на кнопку Знайти, щоб перевірити, чи знаходить вкладка локатора і знаходить призначений елемент інтерфейсу на веб-сторінці.
Крок 23 - Тепер наступним кроком є введення тестових даних у текстове поле Значення четвертого кроку тесту в області редактора. Введіть “InvalidPassword” у текстовому полі Значення. Користувач може змінювати тестові дані, як і коли це потрібно.
Крок 24 - Тепер виберіть п'ятий порожній тестовий крок на панелі редактора
Крок 25 - Введіть команду “click” у текстовому полі команди. Команда “клацніть” клацає на вказаному веб-елементі на веб-сторінці.
Крок 26 - Тепер перейдіть до веб-браузера, наведіть курсор миші на кнопку «Увійти» у формі входу та натисніть правою кнопкою миші.
Виберіть опцію «Перевірити елемент за допомогою Firebug».
Крок 27 - Наведений нижче HTML-код відображає різні атрибути властивостей, що належать кнопці 'Увійти'.
Виберіть ідентифікатор як локатор. Скопіюйте значення ідентифікатора та вставте його в поле Target третього кроку тестування з префіксом “id =”.
(Клацніть, щоб переглянути збільшене зображення)
Крок 28 - Клацніть на кнопку Знайти, щоб перевірити, чи вибраний локатором знаходить та розміщує призначений елемент інтерфейсу на веб-сторінці.
Тестовий сценарій завершено зараз. Зверніться до наступної ілюстрації, щоб переглянути готовий сценарій тесту.
Крок 29 - Відтворіть створений тестовий сценарій і збережіть його так само, як це було в попередньому підручнику.
Висновок
У цьому підручнику ми представили ще один інструмент для створення сценаріїв, а точніше інструмент, який допомагає створювати сценарії.
Firebug напрочуд має великий потенціал для пошуку веб-елементів на веб-сторінці. Таким чином, користувач може скористатися можливостями інструменту, створюючи дієві та ефективні сценарії тестування автоматизації вручну.
Наступний підручник No5 : Просуваючись в наступному підручнику, ми подивимось на різні типи локаторів у Selenium та їхня техніка доступності для побудови тестових скриптів . Тим часом читач може розпочати створення своїх тестів автоматизації за допомогою Firebug.
Чи використовували ви Firebug для перевірки елементів HTML або для створення сценаріїв? Чи вважаєте Ви це корисним? Поділіться своїм досвідом у коментарях
Рекомендована література
- Як використовувати TestNG Framework для створення сценаріїв селену - Підручник No12 для TestNG
- Підручник з огірка селену: інтеграція огірка Java Selenium WebDriver
- Як знайти елементи в браузерах Chrome та IE для побудови сценаріїв селену - Підручник з селену No7
- Створення дженериків та тестів - Підручник з селену №22
- Вступ до Selenium WebDriver - Підручник з селену №8
- Інтеграція Дженкінса з Selenium WebDriver: покроковий посібник
- Поглиблені підручники Eclipse для початківців
- Ефективні сценарії сценаріїв та усунення несправностей селену - Підручник селену No27