how use firebug creating selenium scripts selenium tutorial 4
В предишен урок , научихме как да създаваме автоматизирани тестови скриптове с помощта на Selenium IDE и неговата функция за запис. Прелистихме и многолюдни характеристики на Selenium IDE . Насочихме се към привличане на читателя с най-важните функции и команди на Selenium IDE.
Само напомняне - това е нашият 4-ти безплатен урок Поредица от тренировки за селен .
Сега, когато сте свикнали и сте способни да създавате автоматизирани скриптове, използвайки режим на запис на Selenium IDE, нека продължим с друг инструмент, който играе много важна роля, като ни помага да създадем ефективни тестови скриптове, известни като „Firebug“. Firebug ни помага при проверката на свойствата на уеб елементите и уеб страниците.
По този начин този урок се състои от инсталирането на Firebug и неговата използваемост.
Обърнете внимание, че съдържанието на този урок не е приложимо само в контекста на IDE на Selenium; по-скоро може да се приложи към всеки инструмент на Selenium suite. По този начин за предпочитане бих използвал термина Селен вместо Селен IDE.
В този урок нека научим как да използваме добавката Firebug за създаване на скриптове на Selenium. В процеса ще научим и как да инсталираме Firebug.
Какво ще научите:
- Въведение в Firebug
- Как да инсталирам Firebug?
- Създаване на Selenium Script с помощта на Firebug
- Заключение
- Препоръчително четене
Въведение в Firebug
Firebug е добавка към Mozilla Firefox. Този инструмент ни помага при идентифицирането или по-конкретната проверка на HTML, CSS и JavaScript елементи на уеб страница. Помага ни да идентифицираме елементите уникално на уеб страница. Елементите могат да бъдат намерени уникално въз основа на техните типове локатори, които ще обсъдим по-късно в този урок.
Как да инсталирам Firebug?
За по-лесно разбиране бихме разделили процеса на инсталиране на следните стъпки.
Етап 1: Стартирайте браузъра Mozilla Firefox и отидете до него Страница за изтегляне на добавка за Firebug . URL адресът ни отвежда до раздела за добавки за Firefox.
Стъпка 2: Кликнете върху бутона „Добавяне към Firefox“, присъстващ на уеб страницата. Вижте следната фигура за същото.
Стъпка 3: Веднага щом щракнем върху бутона „Добавяне към Firefox“, ще се появи поле за предупреждение за сигурност, щракнете върху бутона „Разрешаване“ сега.
Стъпка 4: Сега Firefox изтегля добавката на фона и се показва лента за напредъка.
Стъпка 5: Веднага след завършване на процеса се появява прозорец за инсталиране на софтуер. Сега кликнете върху бутона „Инсталиране сега“.
Стъпка 6: Веднага след като инсталацията завърши, се появява изскачащ прозорец, който казва, че firebug е инсталиран успешно. Сега изберете да затворите този изскачащ прозорец.
Забележка : За разлика от Selenium IDE, от нас не се изисква да рестартираме Firefox, за да отразява инсталацията на firebug, а по-скоро идва лесно.
Стъпка 7: Сега, за да стартираме firebug, можем да изберем един от следните начини:
- Натиснете F12
- Щракнете върху иконата на Firebug в горния десен ъгъл на прозореца на Firefox.
-
- Кликнете върху лентата с менюта на Firefox -> Web Developer -> firebug -> Open Firebug.
Стъпка-8 : Сега firebug може да се види в долната част на прозореца на Firefox.
След като изтеглихме и инсталирахме firebug, нека продължим напред с видовете локатори, които бихме създали с firebug.
Създаване на Selenium Script с помощта на Firebug
За разлика от Selenium IDE, в Firebug ние създаваме ръчни автоматизирани тестови скриптове, като добавяме множество тестови стъпки, за да формираме логичен и последователен тестов скрипт.
Нека следваме прогресивен подход и да разберем процеса стъпка по стъпка.
Сценарий:
- Отворете „https://accounts.google.com“.
- Утвърждаване на заглавието на заявлението
- Въведете невалидно потребителско име и невалидна парола и изпратете данните за влизане.
Етап 1 - Стартирайте Firefox и отворете Selenium IDE от лентата с менюта.
Стъпка 2 - Въведете адреса на приложението, което се тества („https://accounts.google.com”) в текстовото поле на Base URL.
Стъпка 3 - По подразбиране бутонът Record е в състояние ON. Не забравяйте да го настроите в състояние OFF, за да деактивирате режима на запис. Забележете, че режимът на запис е в състояние ВКЛ., Това може да доведе до записване на нашите взаимодействия с уеб браузъра.
Стъпка 4 - Отворете тестваното приложение (https://accounts.google.com) във Firefox.
Стъпка 5 - Стартирайте Firebug в уеб браузъра.
Стъпка 6 - Изберете празната тестова стъпка в редактора.
Стъпка 7 - Въведете „отвори“ в текстовото поле на командата, присъстващо в прозореца на редактора. Командата „отвори“ отваря посочения URL адрес в уеб браузъра.
Препоръка: Докато пишете команди в текстовото поле на командата, потребителят може да използва функцията за автоматичен избор. По този начин, веднага щом потребителят напише поредица от символи, предложенията за съвпадение ще бъдат автоматично попълнени.
Потребителят може също да щракне върху падащото меню, налично в текстовото поле на командата, за да разгледа всички команди, предоставени от Selenium IDE.
Стъпка 8 - Сега, движение към секцията Firebug в уеб браузъра, разгънете секция „head“ на HTML кода. Забележете HTML маркера. По този начин, за да утвърдим заглавието на уеб страницата, бихме изисквали стойността на маркера.
Копирайте заглавието на уеб страницата, което в нашия случай е „Вход - акаунти в Google“.
Стъпка 9 - Изберете втората празна стъпка на теста в редактора.
Стъпка 10 - Въведете “assertTitle” в текстовото поле на командата, присъстващо в прозореца на редактора. Командата “assertTitle” връща заглавието на текущата страница и я сравнява с посоченото заглавие.
най-добрият безплатен DVD рипър за Windows
Стъпка 11 - Поставете заглавието, копирано в стъпка 8, в полето Target на второто.
Стъпка 12 - Сега изберете третата празна тестова стъпка в прозореца на редактора
Стъпка 13 - Въведете команда „type“ в текстовото поле на командата. Командата “type” въвежда стойност в посочения уеб елемент в GUI.
Стъпка 14 - Сега превключете към уеб браузъра, преместете курсора на мишката до текстовото поле „Имейл“ във формата за вход и натиснете десен бутон.
Изберете опцията „Проверка на елемента с Firebug“. Забележете, че Firebug автоматично подчертава съответния HTML код за уеб елемента, т.е. „Email Textbox“.
Стъпка 15 - HTML кодът в горната илюстрация показва отделните атрибути на свойства, принадлежащи към текстовото поле „Email“. Забележете, че има четири свойства (ID, тип, заместител и име), които уникално идентифицират уеб елемента на уеб страницата. По този начин зависи от потребителя да избере едно или повече от едно свойство, за да идентифицира уеб елемента.
По този начин в този случай ние избираме ID като локатор. Копирайте стойността на ID и го поставете в полето Target на третата тестова стъпка с префикс „id =“, за да посочите Selenium IDE за намиране на уеб елемент с ID като „Email“.
(Щракнете, за да видите увеличеното изображение)
Отбележете, че Selenium IDE е чувствителен към малки и големи букви, като по този начин въведете стойността на атрибута внимателно и точно същата, както е показана в HTML кода.
Стъпка 16 - Щракнете върху бутона Намери, за да проверите дали избраният локатор намира и локализира определения елемент на потребителския интерфейс на уеб страницата.
Стъпка 17 - Следващата стъпка е да въведете тестовите данни в текстовото поле Стойност на третата тестова стъпка в прозореца на редактора. Въведете “InvalidEmailID” в текстовото поле Стойност. Потребителят може да променя тестовите данни, когато и когато е желано.
Стъпка 18 - Сега изберете четвъртата празна стъпка на теста в прозореца на редактора
Стъпка 19 - Въведете команда „type“ в текстовото поле на командата.
Стъпка 20 - Сега превключете към уеб браузъра, преместете курсора на мишката до текстовото поле „Парола“ във формата за вход и натиснете десен бутон.
Изберете опцията „Проверка на елемента с Firebug“.
Стъпка 21 - HTML кодът по-долу показва отделните атрибути на свойства, принадлежащи към текстовото поле „Парола“. Забележете, че има четири свойства (ID, тип, заместител и име), които уникално идентифицират уеб елемента на уеб страницата. По този начин зависи от потребителя да избере едно или повече от едно свойство, за да идентифицира уеб елемента.
По този начин в този случай ние избираме ID като локатор. Копирайте стойността на ID и го поставете в полето Target на третата стъпка на теста с префикс „id =“.
(Щракнете, за да видите увеличеното изображение)
Стъпка 22 - Щракнете върху бутона Намери, за да проверите дали табът на локатора намира и локализира определения елемент на потребителския интерфейс на уеб страницата.
Стъпка 23 - Сега следващата стъпка е да въведете тестовите данни в текстовото поле Стойност на четвъртата тестова стъпка в прозореца на редактора. Въведете “InvalidPassword” в текстовото поле Стойност. Потребителят може да променя тестовите данни, когато и когато е желано.
Стъпка 24 - Сега изберете петата празна стъпка от теста в прозореца на редактора
Стъпка 25 - Въведете команда „щракване“ в текстовото поле на командата. Командата “click” щраква върху определен уеб елемент в уеб страницата.
Стъпка 26 - Сега превключете към уеб браузъра, преместете курсора на мишката до бутона „Вход“ във формата за вход и натиснете десен бутон.
Изберете опцията „Проверка на елемента с Firebug“.
Стъпка 27 - HTML кодът по-долу показва отделните атрибути на свойства, принадлежащи на бутона „Вход“.
Изберете ID като локатор. Копирайте стойността на ID и го поставете в полето Target на третата стъпка на теста с префикс „id =“.
(Щракнете, за да видите увеличеното изображение)
Стъпка 28 - Щракнете върху бутона Намери, за да проверите дали локаторът е намерил и локализирал определения елемент на потребителския интерфейс на уеб страницата.
Тестовият скрипт е завършен сега. Вижте следната илюстрация, за да видите готовия тестов скрипт.
Стъпка 29 - Възпроизведете създадения тестов скрипт и го запазете по същия начин, както направихме в предишния урок.
Заключение
В този урок въведохме още един инструмент за създаване на скриптове или по-скоро инструмент, който помага за създаването на скриптове.
Firebug изненадващо има голям потенциал за намиране на уеб елементи на уеб страница. По този начин потребителят може да използва възможностите на инструмента при ръчно създаване на ефективни и ефикасни тестове за автоматизация.
Следващ урок # 5 : Продължавайки напред в следващия урок, ще разгледаме различни видове локатори в Селен и техниките им за достъпност за изграждане на тестови скриптове . Междувременно читателят може да започне да изгражда своите скриптове за тест за автоматизация, използвайки Firebug.
Използвали ли сте Firebug за проверка на HTML елементи или за създаване на скриптове? Смятате ли, че е полезно? Моля, споделете своя опит в коментари
Препоръчително четене
- Как да използвам TestNG Framework за създаване на селенови скриптове - TestNG Selenium Tutorial # 12
- Урок за краставици селен: Интеграция на краставица Java Selenium WebDriver
- Как да намерим елементи в браузърите Chrome и IE за изграждане на скриптове за селен - Урок № 7 за селен
- Създаване на генерични лекарства и тестове - Урок №22 за селен
- Въведение в Selenium WebDriver - Урок № 8 за селен
- Интеграция на Jenkins с Selenium WebDriver: Урок стъпка по стъпка
- Уроци за задълбочено затъмнение за начинаещи
- Ефективни сценарии за скриптове и отстраняване на неизправности при селен - Урок №27 за селен