Testy za pomocą Selenium.

1. www.proskar.pl
Selenium – automatyzacja testów
Warsztaty PROSKAR

2. Plan
1. Wprowadzenie
2. Selenium RC
3. Selenium WebDriver
4. Selenium IDE
5. Selenium Grid
6. Selenium Builder
www.proskar.pl 2/32

3. Wprowadzenie
• Definicja
– Zestaw narzędzi automatyzujących przeprowadzanie testów
funkcjonalnych
• Narzędzia
– Selenium RC
• Serwer odpowiada za komunikację pomiędzy użytkownikiem a
przeglądarką
– Selenium WebDriver
• Brak pośrednika pomiędzy testem a przeglądarką.
– Selenium IDE
• Symulowanie działania przeglądarki
– Selenium Grid
• Zrównoleglenie testów
www.proskar.pl 3/32

4. Selenium RC
Selenium Remote Control – czyli tzw. Selenium 1
• Komponenty
– Selenium Serwer
– Interfejs pomiędzy usługami Serwera a językiem
programowania
• Wady
– Czas wykonywania testów
Rozwiązanie wyparte przez Selenium WebDriver
www.proskar.pl 4/32

5. Selenium WebDriver
Selenium + WebDriver = Selenium 2
• Bezpośrednie łączenie się z przeglądarką
– Interfejsy
• WebDriver - sterownik dla konkretnej przeglądarki
(obsługa zdarzeń,pobieranie danych z ciasteczek,
odświeżanie stron…)
• WebElement – interakcja z elementami na stronie
(klikanie w elementy, pobieranie i wprowadzanie
wartości do pól…)
www.proskar.pl 5/32

6. Selenium WebDriver
• Jak wydawać polecenia przeglądarce?
WebElement element = driver.findElement(By.name(„TestInput”));
element.sendKeys(„To jest moje polecenie!”);
Driver – instancja sterownika danej przeglądarki
By – instancja lokalizatora elementów
www.proskar.pl 6/32

7. Selenium WebDriver
• Wyszukiwanie elementów na stronie
– na podstawie unikalnego identyfikatora (id),
– określonej klasy CSS,
– selektorów CSS3,
– nazwy elementu HTML,
– nazwy atrybutu name,
– tekstu lub jego fragmentu występującego w
danym elemencie
www.proskar.pl 7/32

8. Selenium WebDriver
• Obsługiwane przeglądarki
– Firefox
– Chrome
– Internet Explorer
– Opera
– Safari
– HtmlUnit (bez GUI)
www.proskar.pl 8/32

9. Selenium WebDriver
• Utworzenie instancji sterownika przeglądarki
– Wskazanie importu wybranego sterownika
org.openqa.selenium.htmlunit.HtmlUnitDriver;
– Utworzenie obiektu sterownika
HtmlUnitDriver driver = new HtmlUnitDriver();
– Włączenie obsługi Javascript
driver.setJavascriptEnabled(true);
www.proskar.pl 9/32

10. Selenium IDE
• Wtyczka do przeglądarki Mozilla Firefox
• Mozliwości:
– Nagrywanie i odtwarzanie interakcji użytkownika z
przeglądarką
– Generowanie plików kodów nagranych testów
• Java, Ruby, Phyton, C#
www.proskar.pl 10/32

11. Selenium IDE
• Instalacja
– W celu dodania wtyczki do Mozilla Firefox należy
wybrać kolejno:
• Ustawienia -> dodatki -> wtyczki
– Następnie wyszukać wtyczkę „Selenium IDE” i ją
zainstalować
www.proskar.pl 11/32

12. Selenium IDE
www.proskar.pl 12/32
Selenium IDE
Rysunek przedstawiający narzędzie Selenium IDE
• Command – rodzaj komendy dla
przeglądarki
• Target – cel na którym wykonywana
jest komenda(element)
• Value – wartość dla danego
celu(elementu)

13. Selenium IDE - przykład
• Test kalkulatora wskaźnika BMI
– Otworzyć stronę http://bmi-online.pl/
– Wybrać w Selenium IDE czerwony przycisk
rejestrowania
– Wpisać dane do wskaźnika BMI : 70 kg oraz 180
cm wzrostu
– Wybrać przycisk Oblicz BMI
– Zakończyć rejestrowanie
www.proskar.pl 13/32

14. Selenium IDE - przykład
www.proskar.pl 14/32
Kalkulator BMI Test w Selenium IDE
Rysunek przedstawiający
testowany kalkulator BMI
Rysunek przedstawiający zapis
zarejestrowanych czynności w przeglądarce

15. Selenium IDE - przykład
• Dodanie polecenia sprawdzającego
poprawność testu
– Command – komenda sprawdzająca
• assertText
– Target – adres sprawdzanego elementu (jeden z
wielu wygenerowanych automatycznie)
• //div[2]/div/div[2]/div/p
– Value – szukana wartość
• Wyliczone BMI: 21.60 - oznacza wagę prawidłową.
Gratulacje!
www.proskar.pl 15/32

16. Selenium IDE - przykład
• Uruchomienie testu
• Wykonanie bieżącego testu
• Wykonanie wszystkich istniejących testów
• Regulacja tempa wykonywania testów w oknie
przeglądarki
Wyniki z wykonania testu raportowane są w konsoli
Selenium IDE (zakładka Log)
www.proskar.pl 16/32

17. Selenium IDE - przykład
• Generowanie kodu testu
– Aby wygenerować kod nagranego testu należy
wybrać:
• Plik -> Export Test Case As – w przypadku generowania
pojedynczego tesu
• Plik -> Export Test Suit As – w przypadku generowania
wielu nagranych tesów
www.proskar.pl 17/32

18. Selenium IDE - przykład
www.proskar.pl 18/32
Wygenerowany kod testu cz.1
Rysunek przedstawiający gotowy do uruchomienia w aplikacji
wygenerowany kod testu kalkulatora BMI,

19. Selenium IDE - przykład
www.proskar.pl 19/32
Wygenerowany kod testu cz.2
Rysunek przedstawiający gotowy do uruchomienia w aplikacji
wygenerowany kod testu kalkulatora BMI,

20. Selenium Grid
Wchodzi w skład Selenium 2
• Rozwiązanie typu „hub-node”
– Zarządzanie wieloma środowiskami przy pomocy
jednego punktu centralnego
• Zalety
– Przyspieszenie wykonywania testów
Bibliotekę można pobrać stąd:
http://docs.seleniumhq.org/download/
www.proskar.pl 20/32

21. Selenium Grid - przykład
• Utworzenie punktu centralnego – huba
– Aby utworzyć punkt centralny należy
• W konsoli poleceń przejść do katalogu z pobraną biblioteką
• Wpisać polecenie:
– java -jar selenium-server-standalone-2.41.0.jar -role hub -port 4444
• Pod adresem http://localhost:4444/grid/console będą
widoczne wszystkie serwery podłączone do huba
www.proskar.pl 21/32

22. Selenium Grid - przykład
www.proskar.pl 22/32
• Utworzenie węzła – node`a
– Aby utworzyć węzeł należy
• W konsoli poleceń przejść do katalogu z pobraną
biblioteką
• Wpisać polecenie:
– java -jar selenium-server-standalone-2.41.0.jar -role node -
hub http://localhost:4444/grid/register -port 5555

23. Selenium Grid - przykład
• Aby uruchomić nasz test na utworzonym
hubie należy:
– Zamienić dotychczasowe tworzenie obiektu:
• driver = new FirefoxDriver();
Na
• driver = new RemoteWebDriver(new
URL(„http://localhost:4444/wd/hub”),DesiredCapabiliti
es.firefox());
www.proskar.pl 23/32

24. Selenium Builder
• Alternatywa dla Selenium IDE
• Obsługa eksportu testu do formatu Java
testNG dla WebDriver
www.proskar.pl 24/32

25. Selenium Builder - instalacja
• Aby zainstalować wtyczkę należy:
– Przejść na stronę http://sebuilder.github.io/se-
builder/
– Wybrać opcję Install
www.proskar.pl 25/32
Przycisk instalacji wtyczki
Rysunek przedstawiający przycisk instalacji wtyczki Selenium
Builder, ze strony projektu

26. Selenium Builder - uruchomienie
• W celu uruchomienia wtyczki Selenium
Builder należy w przeglądarce wybrac kolejno
– Menu -> narzędzia -> Launch Selenium Builder
www.proskar.pl 26/32
Strona startowa narzędzia Selenium Builder

27. Selenium Builder - przykład
• Test kalkulatora wskaźnika BMI
– Przejść na stronę bmi-online.pl
– Uruchomic Selenium Builder
– Wybrać opcję Selenium 2
– Wpisać dane do wskaźnika BMI : 79kg oraz 166 cm
wzrostu
– Wybrać przycisk Oblicz BMI
– W narzędziu Selenium Builder wybrać opcję „Record
verification” a następnie kliknąć w pole z wynikiem BMI
– Zakończyć nagrywanie testu przyciskiem „Stop
recording”
www.proskar.pl 27/32

28. Selenium Builder - przykład
www.proskar.pl 28/32
Kalkulator BMI
Rysunek przedstawiający testowany kalkulator BMI

29. Selenium Builder - przykład
www.proskar.pl 29/32
Treść nagranego testu
Rysunek przedstawiający nagrany test dla kalkulator BMI

30. Selenium Builder - przykład
• Możliwość
edycji
nagranego
testu
www.proskar.pl 30/32
Opcje edycji kroków testu

31. Selenium Builder - przykład
www.proskar.pl 31/32
Edycja kroku testu
Rysunek przedstawiający edycję rodzaju akcji dla kroku
testowego nr. 2

32. Selenium Builder - przykład
www.proskar.pl 32/32
Edycja kroku testu
Rysunek przedstawiający edycję lokalizacji elementu oraz
jego wartości dla kroku testowego nr. 2