Jak Používat Firebug pro Vytváření Selen Skripty – Selen Tutorial #4

V předchozím tutoriálu jsme se naučili, jak vytvořit automatizované testovací skripty pomocí Selenium IDE a jeho funkce nahrávání. Také jsme listovali lidnatými rysy selenu IDE. Zaměřili jsme se na předzvěst čtenáře s nejdůležitějšími rysy a příkazy selenu IDE.

jen připomínka-toto je náš 4. výukový program v sérii školení selenu zdarma.

Nyní, když jste zvyklí a schopni vytvářet automatizované skripty pomocí režimu záznamu Selenium IDE, pojďme vpřed s dalším nástrojem, který hraje velmi důležitou roli při vytváření efektivních testovacích skriptů známých jako „Firebug“. Firebug nám pomáhá při kontrole vlastností webových prvků a webových stránek.

tento tutoriál se tedy skládá z instalace Firebugu a jeho použitelnosti.

Vezměte na vědomí, že obsah tohoto návodu je použitelné pouze v rámci Selen IDE; spíše to může být aplikován na každý nástroj Selenium suite. Proto bych raději používal termín selen místo selenu IDE.

v tomto tutoriálu se dozvíte, jak používat doplněk Firebug pro vytváření skriptů selenu. V tomto procesu se také naučíme, jak nainstalovat Firebug.

Úvod do Firebug

Firebug je doplněk Mozilla Firefox. Tento nástroj nám pomáhá identifikovat nebo být konkrétnější kontrola HTML, CSS a JavaScript prvky 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 později v tomto tutoriálu.

Jak nainstalovat Firebug?

pro snadnější pochopení bychom rozdělili proces instalace do následujících kroků.

krok -1: spusťte prohlížeč Mozilla Firefox a přejděte na tuto stránku 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. Viz následující obrázek pro stejný.

Step-3: Jakmile klikneme na tlačítko „Přidat do Firefoxu“, objeví se bezpečnostní upozornění, klikněte na tlačítko“ Povolit“.

Krok 4: Nyní Firefox stáhne doplněk na pozadí a zobrazí se ukazatel průběhu.

Krok 5: Jakmile proces dokončí, zobrazí se okno instalace softwaru. Nyní klikněte na tlačítko“ Instalovat nyní“.

Krok-6: Jakmile je instalace dokončena, objeví se vyskakovací okno, které říká, že firebug byl úspěšně nainstalován. Nyní se rozhodněte zavřít toto vyskakovací okno.

Poznámka: Na rozdíl od Selenium IDE, nejsme povinni restartovat Firefox, aby odrážel instalaci firebug, spíše to přijde snadno.

Krok 7: Nyní zahájit firebug, můžeme zvolit některý z následujících způsobů:

• Stiskněte klávesu F12
• Klikněte na ikonu Firebugu přítomen v krajním pravém horním rohu okna Firefox.
• 
• Klikněte na Firefox menu bar -> Web Developer -> firebug -> Otevřít Firebug.

Krok 8: Nyní je firebug vidět ve spodní části okna Firefoxu.

Nyní, když jsme stáhli a nainstalovali firebug, pojďme vpřed s typy lokátorů, které bychom vytvořili pomocí firebug.

Vytvoření Selen Skriptu pomocí Firebug

na Rozdíl od Selenium IDE, Ve Firebugu, jsme se vytvořit automatizované testovací skripty ručně přidáním několika testovacích kroků k vytvoření logické a konzistentní testovací skript.

sledujme progresivní přístup a pochopme proces krok za krokem.

scénář:

• otevřít „https://accounts.google.com“.
• Assert název aplikace
• zadejte Neplatné uživatelské jméno a neplatné heslo a odešlete podrobnosti k přihlášení.

Krok 1-Spusťte Firefox a otevřete Selenium IDE z panelu nabídek.

Krok 2-Zadejte adresu testované aplikace („https://accounts.google.com“) do textového pole základní adresy URL.

Krok 3 – ve výchozím nastavení tlačítko Record je NA státu. Nezapomeňte jej naladit, abyste deaktivovali režim nahrávání. Všimněte si, že pokud je režim nahrávání v zapnutém stavu, může to mít za následek zaznamenávání našich interakcí s webovým prohlížečem.

Krok 4 – Otevřete aplikaci pod test (https://accounts.google.com) v Firefox.

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 zadávání příkazů v příkazovém textové pole, uživatel může využít funkci automatického výběru. Jakmile tedy uživatel zadá sekvenci znaků, odpovídající návrhy budou automaticky vyplněny.

uživatel může také kliknout na rozbalovací nabídku dostupnou v textovém poli příkazu a podívat se na všechny příkazy poskytované Selenium IDE.

Krok 8-nyní pohyb směrem k Firebug sekce ve webovém prohlížeči, rozbalte“ head “ část HTML kódu. Všimněte si značky HTML <title>. Pro uplatnění názvu webové stránky bychom tedy potřebovali hodnotu značky <title>.

Zkopírujte název webové stránky, která je „Sign in – Google Accounts“ v našem případě.

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“ vrátí aktuální název stránky a porovná jej se zadaným názvem.

Krok 11 – Vložení názvu zkopírovali v kroku 8 do Cílového pole na druhé.

Krok 12 – Nyní vyberte třetí prázdný krok testu v Editoru Podokně

Krok 13 – Typ „zadejte“ příkaz do příkaz textové pole. Příkaz “ Typ “ zadá hodnotu zadaného webového prvku do GUI.

Krok 14 – Nyní přepnout do webového prohlížeče, přinést kurzor myši na „E-mail“, textové pole v přihlašovacím formuláři a stiskněte pravé tlačítko.

zvolte 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.

Krok 15 – HTML kód na výše uvedené ilustrace se projevuje výraznou vlastnost atributy, které patří do „E-mail“, textové pole. 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 vlastností.

v tomto případě tedy zvolíme jako lokátor ID. Zkopírujte hodnotu ID a vložit do pole Cíl třetí krok testu s předponou „id=“ k označení Selen IDE o vyhledání webové prvek s ID jako „E-mail“.

(Klikněte pro zobrazení zvětšený obrázek)

poznamenejte si, že Selen IDE je case sensitive, tedy typ hodnotu atributu pečlivě a přesně stejné, jak je zobrazeno v HTML kódu.

krok 16-Kliknutím na tlačítko Najít ověřte, zda vybraný lokátor najde a vyhledá určený prvek uživatelského rozhraní na webové stránce.

krok 17-Nyní je dalším krokem zadání testovacích dat do textového pole hodnoty třetího testovacího kroku v podokně Editoru. Do textového pole Hodnota zadejte „InvalidEmailID“. Uživatel může změnit testovací data, jak a kdy je to žádoucí.

Krok 18 – Nyní vyberte čtvrtý prázdný krok testu v Editoru Podokně

Krok 19 – Typ „zadejte“ příkaz do příkaz textové pole.

Krok 20 – Nyní přepnout do webového prohlížeče, přinést kurzor myši do „Heslo“ textového pole v přihlašovacím formuláři a stiskněte pravé tlačítko.

zvolte možnost „zkontrolovat prvek pomocí Firebug“.

Krok 21 – HTML kód níže projevuje výraznou vlastnost atributy, které patří do „Heslo“ textového pole. 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 vlastností.

v tomto případě tedy zvolíme jako lokátor ID. Zkopírujte hodnotu ID a vložte ji do cílového pole třetího testovacího kroku s předponou “ id=“.

(Klikněte pro zobrazení zvětšený obrázek)

Krok 22 – Klikněte na tlačítko Najít ověřit, zda lokátor záložkách najde a vyhledá určený UI prvek na webové stránce.

krok 23-nyní je dalším krokem zadání testovacích dat do textového pole hodnoty čtvrtého testovacího kroku v podokně Editoru. Do textového pole Hodnota zadejte „InvalidPassword“. Uživatel může změnit testovací data, jak a kdy je to žádoucí.

Krok 24 – Nyní vyberte pátého prázdný krok testu v Editoru Podokně

Krok 25 – Typ „klepněte na tlačítko“ příkaz do příkaz textové pole. Příkaz „click“ klikne na zadaný webový prvek na webové stránce.

krok 26-nyní přepněte do webového prohlížeče, přesuňte kurzor myši na tlačítko“ Přihlásit se “ v přihlašovacím formuláři a stiskněte pravé tlačítko.

zvolte možnost „zkontrolovat prvek pomocí Firebug“.

Krok 27 – HTML kód níže projevuje výraznou vlastnost atributy, které patří do „Přihlásit se“ tlačítko.

zvolte ID jako lokátor. Zkopírujte hodnotu ID a vložte ji do cílového pole třetího testovacího kroku s předponou “ id=“.

(Klikněte pro zobrazení zvětšený obrázek)

Krok 28 – Klikněte na tlačítko Najít ověřit, zda lokátor vybral najde a vyhledá určený UI prvek na webové stránce.

testovací skript je nyní dokončen. Viz následující obrázek pro zobrazení hotového testovacího skriptu.

Krok 29 – přehraje vytvořený testovací skript a Uložte jej stejným způsobem jsme to dělali v předchozím tutoriálu.

závěr

v tomto tutoriálu jsme představili 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 možnosti nástroje při vytváření efektivních a efektivních automatizačních testovacích skriptů ručně.

další tutoriál #5: V dalším tutoriálu bychom se podívali na různé typy lokátorů v selenu a jejich techniku přístupnosti pro vytváření testovacích skriptů. Mezitím může čtenář začít vytvářet své testovací skripty automatizace pomocí Firebugu.