how use firebug creating selenium scripts selenium tutorial 4
w poprzedni tutorial , dowiedzieliśmy się, jak tworzyć automatyczne skrypty testowe przy użyciu Selenium IDE i jego funkcji nagrywania. Przerzuciliśmy też populację cechy Selenium IDE . Naszym celem było zapoznanie czytelnika z najważniejszymi funkcjami i poleceniami Selenium IDE.
Dla przypomnienia - to nasz czwarty samouczek za darmo Seria treningów selenu .
Teraz, gdy jesteś już przyzwyczajony i potrafisz tworzyć automatyczne skrypty w trybie nagrywania Selenium IDE, przejdźmy do kolejnego narzędzia, które odgrywa bardzo ważną rolę w tworzeniu skutecznych skryptów testowych, znanych jako „Firebug”. Firebug pomaga nam w sprawdzaniu właściwości elementów sieci i stron internetowych.
Dlatego ten samouczek obejmuje instalację programu Firebug i jego użyteczność.
Zwróć uwagę, że zawartość tego samouczka ma zastosowanie nie tylko w kontekście Selenium IDE; raczej można go zastosować do każdego narzędzia pakietu Selenium. Dlatego wolałbym używać terminu Selenium zamiast Selenium IDE.
W tym samouczku nauczymy się, jak używać dodatku Firebug do tworzenia skryptów Selenium. Dowiemy się również, jak zainstalować Firebug.
Czego się nauczysz:
- Wprowadzenie do Firebug
- Jak zainstalować Firebug?
- Tworzenie skryptu Selenium przy użyciu Firebuga
- Wniosek
- rekomendowane lektury
Wprowadzenie do Firebug
Firebug to dodatek do Mozilla Firefox. To narzędzie pomaga nam identyfikować lub dokładniej sprawdzać elementy HTML, CSS i JavaScript na stronie internetowej. Pomaga nam w unikalnej identyfikacji elementów na stronie internetowej. Elementy można znaleźć unikalnie na podstawie ich typów lokalizatorów, które będziemy omawiać w dalszej części tego samouczka.
Jak zainstalować Firebug?
Aby ułatwić zrozumienie, podzielilibyśmy proces instalacji na następujące kroki.
Krok 1: Uruchom przeglądarkę Mozilla Firefox i przejdź do tego Strona pobierania dodatku Firebug . Adres URL prowadzi nas do sekcji dodatków do Firefoksa.
Krok 2: Kliknij znajdujący się na stronie przycisk „Dodaj do przeglądarki Firefox”. Zobacz poniższy rysunek dla tego samego.
Krok 3: Gdy tylko klikniemy przycisk „Dodaj do przeglądarki Firefox”, pojawi się okno z ostrzeżeniem o bezpieczeństwie, kliknij teraz przycisk „Zezwalaj”.
Krok 4: Teraz Firefox pobiera dodatek w tle i wyświetla się pasek postępu.
Krok 5: Po zakończeniu procesu pojawi się okno instalacji oprogramowania. Teraz kliknij przycisk „Zainstaluj teraz”.
Krok 6: Zaraz po zakończeniu instalacji pojawi się wyskakujące okienko z informacją, że firebug został pomyślnie zainstalowany. Teraz wybierz zamknięcie tego wyskakującego okienka.
Uwaga : W przeciwieństwie do Selenium IDE, nie musimy ponownie uruchamiać przeglądarki Firefox, aby odzwierciedlić instalację firebuga, raczej przychodzi to z łatwością.
Krok 7: Teraz, aby uruchomić firebuga, możemy wybrać jeden z następujących sposobów:
- Naciśnij klawisz F12
- Kliknij ikonę Firebug znajdującą się w prawym górnym rogu okna przeglądarki Firefox.
-
- Kliknij pasek menu Firefox -> Web Developer -> firebug -> Open Firebug.
Krok 8 : Teraz firebug można zobaczyć na dole okna przeglądarki Firefox.
Teraz, gdy pobraliśmy i zainstalowaliśmy firebuga, przejdźmy do typów lokalizatorów, które będziemy tworzyć za pomocą firebuga.
Tworzenie skryptu Selenium przy użyciu Firebuga
W przeciwieństwie do Selenium IDE, w Firebug ręcznie tworzymy automatyczne skrypty testowe, dodając wiele kroków testowych, aby utworzyć logiczny i spójny skrypt testowy.
Kierujmy się postępowym podejściem i zrozummy proces krok po kroku.
Scenariusz:
- Otwórz „https://accounts.google.com”.
- Assert Tytuł aplikacji
- Wprowadź nieprawidłową nazwę użytkownika i nieprawidłowe hasło, a następnie prześlij dane, aby się zalogować.
Krok 1 - Uruchom przeglądarkę Firefox i otwórz Selenium IDE z paska menu.
Krok 2 - Wprowadź adres testowanej aplikacji („https://accounts.google.com”) w polu tekstowym Podstawowy adres URL.
Krok 3 - Domyślnie przycisk nagrywania jest włączony. Pamiętaj, aby wyregulować go w stan OFF, aby wyłączyć tryb nagrywania. Zauważ, że jeśli tryb nagrywania jest włączony, może to spowodować nagrywanie naszych interakcji z przeglądarką internetową.
Krok 4 - Otwórz testowaną aplikację (https://accounts.google.com) w przeglądarce Firefox.
Krok 5 - Uruchom Firebug w przeglądarce internetowej.
Krok 6 - Wybierz pusty krok testu w edytorze.
Krok 7 - Wpisz „otwórz” w polu tekstowym polecenia znajdującym się w okienku edytora. Polecenie „otwórz” otwiera określony adres URL w przeglądarce internetowej.
Zalecenie: podczas wpisywania poleceń w polu tekstowym polecenia, użytkownik może skorzystać z funkcji automatycznego wyboru. Tak więc, gdy tylko użytkownik wpisze sekwencję znaków, pasujące sugestie zostaną automatycznie wypełnione.
Użytkownik może również kliknąć listę rozwijaną dostępną w polu tekstowym poleceń, aby przejrzeć wszystkie polecenia dostarczane przez Selenium IDE.
Krok 8 - Teraz przejdź do sekcji Firebug w przeglądarce internetowej, rozwiń sekcję „head” kodu HTML. Zwróć uwagę na tag HTML. W związku z tym, aby potwierdzić tytuł strony internetowej, wymagalibyśmy wartości tagu.
Skopiuj tytuł strony internetowej, który w naszym przypadku brzmi „Zaloguj się - Konta Google”.
Krok 9 - Wybierz drugi pusty krok testu w edytorze.
Krok 10 - Wpisz „assertTitle” w polu tekstowym polecenia znajdującym się w okienku edytora. Polecenie „assertTitle” zwraca bieżący tytuł strony i porównuje go z określonym tytułem.
najlepszy program do klonowania dysku twardego
Krok 11 - Wklej tytuł skopiowany w kroku 8 do pola Cel drugiego.
Krok 12 - Teraz wybierz trzeci pusty krok testowy w okienku edytora
Krok 13 - Wpisz polecenie „type” w polu tekstowym polecenia. Polecenie „type” wprowadza wartość w określonym elemencie WWW do GUI.
Krok 14 - Teraz przejdź do przeglądarki internetowej, umieść kursor myszy w polu tekstowym „E-mail” w formularzu logowania i kliknij prawym przyciskiem myszy.
Wybierz opcję „Zbadaj element za pomocą Firebuga”. Zauważ, że Firebug automatycznie podświetla odpowiedni kod HTML dla elementu web, tj. „Email Textbox”.
Krok 15 - Kod HTML na powyższej ilustracji ukazuje różne atrybuty właściwości należące do pola tekstowego „Email”. Zwróć uwagę, że istnieją cztery właściwości (identyfikator, typ, symbol zastępczy i nazwa), które jednoznacznie identyfikują element sieciowy na stronie internetowej. W związku z tym użytkownik może wybrać jedną lub więcej właściwości identyfikujących element sieciowy.
Dlatego w tym przypadku jako lokalizator wybieramy ID. Skopiuj wartość ID i wklej ją w polu Target trzeciego kroku testu poprzedzonego przedrostkiem „id =”, aby wskazać Selenium IDE, aby zlokalizować element sieciowy o identyfikatorze jako „Email”.
(Kliknij, aby wyświetlić powiększony obraz)
Zwróć uwagę, że w Selenium IDE rozróżniana jest wielkość liter, więc wpisz wartość atrybutu dokładnie i dokładnie tak samo, jak jest wyświetlana w kodzie HTML.
Krok 16 - Kliknij przycisk Znajdź, aby sprawdzić, czy wybrany lokalizator znajduje i lokalizuje wyznaczony element interfejsu użytkownika na stronie internetowej.
Krok 17 - Teraz następnym krokiem jest wprowadzenie danych testowych w polu tekstowym Wartość trzeciego kroku testu w okienku edytora. Wpisz „InvalidEmailID” w polu tekstowym Wartość. Użytkownik może zmieniać dane testowe w dowolnym momencie.
Krok 18 - Teraz wybierz czwarty pusty krok testowy w okienku edytora
Krok 19 - Wpisz polecenie „type” w polu tekstowym polecenia.
Krok 20 - Teraz przejdź do przeglądarki internetowej, przesuń kursor myszy na pole tekstowe „Hasło” w formularzu logowania i naciśnij prawym przyciskiem myszy.
Wybierz opcję „Zbadaj element za pomocą Firebuga”.
Krok 21 - Poniższy kod HTML przedstawia różne atrybuty właściwości należące do pola tekstowego „Hasło”. Zwróć uwagę, że istnieją cztery właściwości (identyfikator, typ, symbol zastępczy i nazwa), które jednoznacznie identyfikują element sieciowy na stronie internetowej. W związku z tym użytkownik może wybrać jedną lub więcej właściwości identyfikujących element sieciowy.
Dlatego w tym przypadku jako lokalizator wybieramy ID. Skopiuj wartość ID i wklej ją w polu Target trzeciego kroku testu poprzedzonego przedrostkiem „id =”.
(Kliknij, aby wyświetlić powiększony obraz)
Krok 22 - Kliknij przycisk Znajdź, aby sprawdzić, czy lokalizator z zakładkami znajduje i lokalizuje wyznaczony element interfejsu użytkownika na stronie internetowej.
Krok 23 - Teraz następnym krokiem jest wprowadzenie danych testowych w polu tekstowym Wartość czwartego kroku testu w okienku edytora. Wpisz „InvalidPassword” w polu tekstowym Value. Użytkownik może zmieniać dane testowe w dowolnym momencie.
Krok 24 - Teraz wybierz piąty pusty krok testu w okienku edytora
Krok 25 - Wpisz polecenie „kliknij” w polu tekstowym polecenia. Polecenie „kliknij” powoduje kliknięcie określonego elementu WWW na stronie internetowej.
Krok 26 - Teraz przejdź do przeglądarki internetowej, ustaw kursor myszy na przycisku „Zaloguj się” w formularzu logowania i naciśnij prawym przyciskiem myszy.
Wybierz opcję „Zbadaj element za pomocą Firebuga”.
Krok 27 - Poniższy kod HTML przedstawia różne atrybuty właściwości należące do przycisku „Zaloguj się”.
Wybierz ID jako lokalizator. Skopiuj wartość ID i wklej ją w polu Target trzeciego kroku testu poprzedzonego przedrostkiem „id =”.
(Kliknij, aby wyświetlić powiększony obraz)
Krok 28 - Kliknij przycisk Znajdź, aby sprawdzić, czy wybrany lokalizator znajduje i lokalizuje wyznaczony element interfejsu użytkownika na stronie internetowej.
Skrypt testowy jest teraz zakończony. Zapoznaj się z poniższą ilustracją, aby wyświetlić gotowy skrypt testowy.
Krok 29 - Odtwórz utworzony skrypt testowy i zapisz go w taki sam sposób, jak w poprzednim samouczku.
Wniosek
W tym samouczku przedstawiliśmy kolejne narzędzie do tworzenia skryptów, a raczej narzędzie wspomagające tworzenie skryptów.
Firebug ma zaskakująco duży potencjał do lokalizowania elementów internetowych na stronie internetowej. W ten sposób użytkownik może wykorzystać możliwości narzędzia do ręcznego tworzenia skutecznych i wydajnych skryptów testów automatyzacji.
Następny samouczek nr 5 : Przechodząc dalej w następnym samouczku, przyjrzymy się różne typy lokalizatorów w Selenium i technika ich dostępności do budowania skryptów testowych . W międzyczasie czytelnik może zacząć budować swoje skrypty testów automatyzacji za pomocą Firebuga.
Czy używałeś Firebuga do inspekcji elementów HTML lub do tworzenia skryptów? Czy uważasz to za przydatne? Podziel się swoim doświadczeniem w komentarzach
rekomendowane lektury
- Jak używać platformy TestNG do tworzenia skryptów selenium - Samouczek TestNG Selenium nr 12
- Cucumber Selenium Tutorial: Cucumber Java Selenium Integracja WebDriver
- Jak zlokalizować elementy w przeglądarkach Chrome i IE do tworzenia skryptów selenium - Samouczek Selenium nr 7
- Tworzenie typów generycznych i zestawów testowych - samouczek Selenium # 22
- Wprowadzenie do Selenium WebDriver - samouczek Selenium # 8
- Integracja Jenkins z Selenium WebDriver: samouczek krok po kroku
- Dogłębne samouczki dotyczące Eclipse dla początkujących
- Efektywne skrypty Selenium i scenariusze rozwiązywania problemów - samouczek Selenium nr 27