how use firebug creating selenium scripts selenium tutorial 4
V předchozí výukový program , jsme se naučili, jak vytvořit automatizované testovací skripty pomocí Selenium IDE a jeho funkce záznamu. Také jsme listovali v zalidněné oblasti funkce selenového IDE . Zaměřili jsme se na obtěžování čtenáře nejdůležitějšími funkcemi a příkazy Selenium IDE.
Jen pro připomenutí - toto je náš 4. tutoriál zdarma Selenium tréninkové série .
Nyní, když jste zvyklí a jste schopni vytvářet automatizované skripty pomocí režimu záznamu Selenium IDE, pojďme pokročit s dalším nástrojem, který hraje velmi důležitou roli v tom, že nám pomáhá vytvářet efektivní testovací skripty známé jako „Firebug“. Firebug nám pomáhá při kontrole vlastností webových prvků a webových stránek.
Tento výukový program se tedy skládá z instalace Firebug a jeho použitelnosti.
Vezměte na vědomí, že obsah tohoto kurzu není použitelný pouze v kontextu Selenium IDE; spíše to může být použito na každý nástroj sady Selenium. Proto bych raději používal termín Selenium místo Selen IDE.
V tomto kurzu se naučíme, jak používat doplněk Firebug k vytváření selenových skriptů. V tomto procesu se také naučíme, jak nainstalovat Firebug.
Co se naučíte:
- Úvod do Firebug
- Jak nainstalovat Firebug?
- Vytváření selenového skriptu pomocí Firebugu
- Závěr
- Doporučené čtení
Úvod do Firebug
Firebug je doplněk Mozilla Firefox. Tento nástroj nám pomáhá identifikovat nebo konkrétněji kontrolovat prvky HTML, CSS a JavaScript na webové stránce. Pomáhá nám identifikovat prvky jedinečně na webové stránce. Prvky lze nalézt jedinečně na základě jejich typů lokátorů, o kterých bychom diskutovali dále v tomto kurzu.
Jak nainstalovat Firebug?
Pro snazší pochopení bychom proces instalace rozdělili na následující kroky.
Krok 1: Spusťte prohlížeč Mozilla Firefox a přejděte k tomuto Stránka ke stažení doplňku Firebug . Adresa URL nás zavede do sekce doplňků Firefoxu.
Krok 2: Klikněte na tlačítko „Přidat do Firefoxu“ na webové stránce. Totéž viz následující obrázek.
Krok 3: Jakmile klikneme na tlačítko „Přidat do Firefoxu“, zobrazí se okno s výstrahou zabezpečení, klikněte nyní na tlačítko „Povolit“.
Krok 4: Nyní Firefox stáhne doplněk na pozadí a zobrazí se indikátor průběhu.
Krok 5: Jakmile je proces dokončen, zobrazí se okno instalace softwaru. Nyní klikněte na tlačítko „Instalovat nyní“.
Krok 6: Jakmile je instalace dokončena, objeví se vyskakovací okno s oznámením, že firebug byl úspěšně nainstalován. Nyní se rozhodněte zavřít toto vyskakovací okno.
Poznámka : Na rozdíl od Selenium IDE není nutné restartovat Firefox, aby odrážela instalaci firebug, spíše to přichází snadno.
Krok 7: Nyní, abychom spustili firebug, můžeme zvolit jeden z následujících způsobů:
- Stiskněte klávesu F12
- Klikněte na ikonu Firebug v pravém horním rohu okna Firefoxu.
-
- Klikněte na liště nabídek Firefoxu -> Webový vývojář -> firebug -> Otevřít Firebug.
Krok 8 : Firebug je nyní vidět ve spodní části okna Firefoxu.
Nyní, když jsme si stáhli a nainstalovali firebug, pojďme s typy lokátorů, které bychom pomocí firebugu vytvářeli.
Vytváření selenového skriptu pomocí Firebugu
Na rozdíl od Selenium IDE ve Firebugu vytváříme automatizované testovací skripty ručně přidáním několika testovacích kroků k vytvoření logického a konzistentního testovacího skriptu.
Postupujme progresivně a pochopme postup krok za krokem.
Scénář:
- Otevřete „https://accounts.google.com“.
- Uveďte název aplikace
- Zadejte neplatné uživatelské jméno a neplatné heslo a odešlete podrobnosti pro přihlášení.
Krok 1 - Spusťte Firefox a na liště nabídek otevřete Selenium IDE.
Krok 2 - Zadejte adresu testované aplikace („https://accounts.google.com“) do textového pole Základní URL.
Krok 3 - Ve výchozím nastavení je tlačítko Záznam v zapnutém stavu. Nezapomeňte naladit stav VYPNUTO, abyste deaktivovali režim nahrávání. Všimněte si, že je-li režim záznamu ve ZAPNUTÉM stavu, může to vést k záznamu našich interakcí s webovým prohlížečem.
Krok 4 - Otevřete testovanou aplikaci (https://accounts.google.com) ve Firefoxu.
Krok 5 - Spusťte Firebug ve webovém prohlížeči.
Krok 6 - Vyberte prázdný testovací krok v editoru.
Krok 7 - Do textového pole příkazu v podokně editoru zadejte „otevřít“. Příkaz „otevřít“ otevře zadanou adresu URL ve webovém prohlížeči.
Doporučení: Při psaní příkazů do textového pole příkazu může uživatel využít funkci automatického výběru. Jakmile tedy uživatel zadá posloupnost znaků, automaticky se vyplní návrhy shody.
Uživatel může také kliknout na rozevírací nabídku dostupnou v textovém poli příkazu a podívat se na všechny příkazy poskytované Selenium IDE.
Krok 8 - Nyní přejděte k části Firebug ve webovém prohlížeči a rozbalte sekci „head“ kódu HTML. Všimněte si značky HTML. K uplatnění názvu webové stránky bychom tedy potřebovali hodnotu značky.
Zkopírujte název webové stránky, který je v našem případě „Přihlásit se - Účty Google“.
Krok 9 - Vyberte druhý prázdný testovací krok v editoru.
Krok 10 - Do textového pole příkazu v podokně editoru zadejte „assertTitle“. Příkaz „assertTitle“ vrací aktuální nadpis stránky a porovnává jej se zadaným nadpisem.
odstranění prvku z pole java
Krok 11 - Vložte název zkopírovaný v kroku 8 do pole Cíl druhého.
Krok 12 - Nyní vyberte třetí prázdný testovací krok v podokně editoru
Krok 13 - Do textového pole příkazu zadejte příkaz „zadejte“. Příkaz „type“ zadá hodnotu do zadaného webového prvku do grafického uživatelského rozhraní.
Krok 14 - Nyní přepněte na webový prohlížeč, přesuňte kurzor myši do textového pole „E-mail“ v přihlašovacím formuláři a stiskněte pravé tlačítko myši.
Vyberte možnost „Zkontrolovat prvek pomocí Firebug“. Všimněte si, že Firebug automaticky zvýrazní odpovídající HTML kód pro webový prvek, tj. „Email Textbox“.
Krok 15 - HTML kód na výše uvedeném obrázku manifestuje odlišné atributy vlastnosti patřící do textového pole „Email“. Všimněte si, že existují čtyři vlastnosti (ID, typ, zástupný symbol a název), které jednoznačně identifikují webový prvek na webové stránce. Je tedy na uživateli, aby si pro identifikaci webového prvku vybral jednu nebo více než jednu vlastnost.
V tomto případě tedy jako lokátor zvolíme ID. Zkopírujte hodnotu ID a vložte ji do pole Cíl třetího kroku testu s předponou „id =“, abyste označili Selenium IDE k vyhledání webového prvku s ID jako „Email“.
(Kliknutím zobrazíte zvětšený obrázek)
Uvědomte si, že IDE selenu rozlišuje velká a malá písmena, proto hodnotu atributu zadejte opatrně a přesně tak, jak je zobrazena v kódu HTML.
Krok 16 - Kliknutím na tlačítko Najít ověřte, zda vybraný vyhledávač najde a najde určený prvek uživatelského rozhraní na webové stránce.
Krok 17 - Dalším krokem je zadání testovacích dat do textového pole Hodnota třetího testovacího kroku v podokně editoru. Do textového pole Hodnota zadejte „InvalidEmailID“. Uživatel může změnit data testu, kdykoli je to požadováno.
Krok 18 - Nyní vyberte čtvrtý prázdný testovací krok v podokně editoru
Krok 19 - Do textového pole příkazu zadejte příkaz „zadejte“.
Krok 20 - Nyní přepněte na webový prohlížeč, najeďte kurzorem myši na textové pole „Heslo“ v přihlašovacím formuláři a stiskněte pravé tlačítko myši.
Vyberte možnost „Zkontrolovat prvek pomocí Firebug“.
Krok 21 - Níže uvedený kód HTML manifestuje odlišné atributy vlastnosti patřící do textového pole „Heslo“. Všimněte si, že existují čtyři vlastnosti (ID, typ, zástupný symbol a název), které jednoznačně identifikují webový prvek na webové stránce. Je tedy na uživateli, aby si pro identifikaci webového prvku vybral jednu nebo více než jednu vlastnost.
V tomto případě tedy jako lokátor zvolíme ID. Zkopírujte hodnotu ID a vložte ji do pole Cíl třetího kroku testu s předponou „id =“.
(Kliknutím zobrazíte zvětšený obrázek)
Krok 22 - Kliknutím na tlačítko Najít ověřte, zda záložka lokátoru najde a najde určený prvek uživatelského rozhraní na webové stránce.
Krok 23 - Dalším krokem je zadání testovacích dat do textového pole Hodnota čtvrtého testovacího kroku v podokně editoru. Do textového pole Hodnota zadejte „InvalidPassword“. Uživatel může změnit data testu, kdykoli je to požadováno.
Krok 24 - Nyní vyberte pátý prázdný testovací krok v podokně editoru
Krok 25 - Do textového pole příkazu zadejte příkaz „klikněte“. Příkaz „kliknout“ klikne na zadaný webový prvek na webové stránce.
Krok 26 - Nyní přepněte na webový prohlížeč, najeďte kurzorem myši na tlačítko „Přihlásit se“ v přihlašovacím formuláři a stiskněte pravé tlačítko myši.
Vyberte možnost „Zkontrolovat prvek pomocí Firebug“.
Krok 27 - Níže uvedený HTML kód manifestuje odlišné atributy vlastnosti patřící k tlačítku „Přihlásit se“.
Vyberte ID jako vyhledávač. Zkopírujte hodnotu ID a vložte ji do pole Cíl třetího kroku testu s předponou „id =“.
(Kliknutím zobrazíte zvětšený obrázek)
Krok 28 - Kliknutím na tlačítko Najít ověřte, zda vyhledávač vybral a vyhledá určený prvek uživatelského rozhraní na webové stránce.
Testovací skript je nyní dokončen. Na následujícím obrázku si můžete prohlédnout dokončený testovací skript.
Krok 29 - Přehrajte vytvořený testovací skript a uložte jej stejným způsobem jako v předchozím tutoriálu.
Závěr
V tomto kurzu jsme představili ještě další nástroj pro vytváření skriptů nebo spíše nástroj, který pomáhá při vytváření skriptů.
Firebug má překvapivě velký potenciál lokalizovat webové prvky na webové stránce. Uživatel tak může využít schopnosti nástroje při ručním vytváření efektivních a efektivních automatizačních testovacích skriptů.
Další výuka č. 5 : V dalším tutoriálu bychom se podívali na různé typy lokátorů v selenu a jejich přístupová technika k vytváření testovacích skriptů . Do té doby může čtenář začít vytvářet své testovací skripty automatizace pomocí Firebug.
Použili jste Firebug ke kontrole prvků HTML nebo k vytváření skriptů? Považujete to za užitečné? Podělte se o své zkušenosti v komentářích
Doporučené čtení
- Jak používat rámec TestNG pro vytváření skriptů selenu - návod k testování selenu TestNG # 12
- Cucumber Selenium Tutorial: Cucumber Java Selenium WebDriver Integration
- Jak najít prvky v prohlížečích Chrome a IE pro vytváření skriptů selenu - výuka selenu č. 7
- Vytváření generik a testů - výuka selenu č. 22
- Úvod do Selenium WebDriver - Selenium Tutorial # 8
- Integrace Jenkins s Selenium WebDriver: Podrobný návod
- Výukové programy pro zatmění do hloubky pro začátečníky
- Efektivní scénáře selenu a řešení potíží - Scénář selenu č. 27