Selenium IDE – nagrywarka testów automatycznych

Przedstawię dzisiaj oprogramowanie Selenium IDE, które pozwoli zupełnym laikom oraz osobom wchodzącym dopiero w tematykę testów automatycznych, spojrzeć nieco szerzej na temat samych testów i skryptów testowych. Selenium IDE to niejako nagrywarka zachowań użytkownika na stronie www. Niemniej jednak, posiada też ciekawe opcje takie jak: eksport nagranych testówdo rożnych języków programowania, czy możliwość ręcznego lokalizowania WebElementów.

 

Na początku przedstawię wady oraz zalety omawianego narzędzia.

 

 

 

Selenium IDE to w pełni darmowe oprogramowanie oparte na licencji Open Source. Wyróżnia się ono łatwością obsługi a co za tym idzie jest bardzo intuicyjne i łatwe do opanowania. Dlatego według mnie jest to idealne narzędzie dla początkujących testerów automatycznych, gdyż próg wejścia w tworzenie automatów jest relatywnie niski. Narzędzie to nie wymaga od użytkownika wiedzy programistycznej, chociaż pewna podstawowa chociaż wiedza z zakresu HTML jest pożądana. Kolejną dużą zaletą oprogramowania jest szybkość tworzenia testów, głównie za sprawą wbudowanej nagrywarki zachowań użytkownika na stronie internetowej. Selenium IDE posiada możliwość eksportu stworzonych testów do rożnych języków programowania takich jak JavaC#czy Python.

Główną wadą Selenium IDE jest to, iż testy możemy tworzyć jedynie na przeglądarce Mozilla Firefox, gdyż oprogramowanie to przyjęło formę pluginu/dodatku do tejże przeglądarki. Kolejnym dużymi minusem jest to, że operując jedynie na tym narzędziu, mamy możliwość tworzenia jedynie prostych, mało skomplikowanych testów.

INSTALACJA

 

 

Proces instalacji wszystkich narzędzi jest bardzo prosty, nieskomplikowany i szybki.

Wpisujemy w wyszukiwarkę SELENIUM IDE. Klikamy w pierwszy (zaznaczony na czerwono) link.

 

 

Następnie klikamy Zainstaluj – po zakończonym procesie instalacji, należny uruchomić przeglądarkę ponownie, w celu zapisania wszystkich wprowadzonych zmian.

 

 

Uruchamianie Selenium IDE

W przeglądarce: Ustawienia -> Narzędzia -> Selenium IDE  -> lub skrót klawiszowy ALT+CTRL+S

 

 

Główne okno narzędzia:

 

 

Dokładnym przedstawieniem głównego okna Selenium IDE zajmę się nieco później, teraz pokaże jeszcze instalację dodatku FireBug i FirePath.

FireBug to nic innego jak pakiet narzędzi programistycznych. Za pomocą tego dodatku będziemy mogli analizować strukturę HTML stron internetowych. W naszym przypadku dodatek ten będzie bardzo przydatny w lokalizowaniu WebElementów na stronie. Bez dodatku FireBug możemy się oczywiście obejść, gdyż aktualnie każda przeglądarka dysponuje wbudowaną konsolą programistyczną, która z powodzeniem może zastąpić omawiany dodatek. Niemniej jednak mi bardzo podoba się ten plugin, dlatego postanowiłem go przedstawić.

Instalacja FireBug

Wpisujemy w wyszukiwarce FireBug i klikamy na pierwszy link

 

 

Następnie Zainstaluj a po procesie instalacji uruchamiamy ponowanie przeglądarkę.

 

 

Uruchamianie dodatku FireBug

W celu włączenia dodatku,  klikamy na bardzo oryginalnie wyglądają ikonkę ‚robaka’ w prawym górnym rogu przeglądarki.

 

 

A tak wygląda włączona konsola FireBug

 

 

Instalacja FirePath

Wpisujemy w wyszukiwarce FirePath i klikamy na pierwszy link

 

 

Następnie Zainstaluj a po procesie instalacji uruchamiamy ponownie przeglądarkę

 

 

Następnie uruchamiamy FireBuga i po zainstalowaniu widzimy zakładkę FirePath

 

 

Selenium IDE – omówienie głównych opcji narzędzia

 

 

 

Zakładka Plik – tutaj mamy możliwość tworzenia nowych Test Case’ów, zestawów Test Case’ów, również tutaj możemy eksportować nagrane testy na kody różnych języków oprogramowania.

Zakładka Opcje – zawiera standardowe opcje takie jak: cofnij, kopiuj, wklej, usuń. Przydają się podczas ręcznego lokalizowania WebElementów na stronie.

Zakładka Actions – opcje startu, zatrzymania, pauzy testów,  opcje zwiększania i zmniejszana szybkości wykonywania testów.

Zakładka Options – opcje stricte samego narzędzia (zmiana formatu, kodowania, wyglądu okna itp).

Zakłada Pomoc – miedzy innymi zapewnia dostęp online do dokumentacji narzędzia czy oficjalnej strony Selenium.

 

 

Pole Base URL – wpisujemy adres strony internetowej na której zamierzmy wykonywać testy.

 

 

 

Pasek szybkiego wybierania – ważne opcje, które stosuje się dość często podczas pracy z narzędziem, m.in suwak szybkości wykonywania testu, play, pause, stop i chyba najważniejszy przycisk w aplikacji czyli start nagrywania testu (czerwona kropka)

 

 

Lista z Test Case’ami i podsumowanie liczbowe testów (Runs oraz Failures)

 

 

 

Okno główne narzędzia – w tym oknie rozgrywają się całe testy od strony technicznej.  Tutaj tworzymy i modyfikujemy komendy, instrukcje Selenium IDE. Jest to okno w przybierające formię tabelaryczną. Pierwsza kolumna Command – w tej kolumnie wpisujemy komendy, czyli np, otwórz (jakąś stronę), wpisz (tekst do jakiegoś pola), kliknij (w jakiś przycisk) itp. Druga kolumna Target – tutaj określamy, specyfikujemy jakiego elementu dotyczy wydana wcześniej komenda w omawianej wcześniej kolumnie Command, czyli np. jeśli wydaliśmy komendę kliknij to tutaj określamy w jaki element należny kliknąć. Trzecia kolumna Value – tutaj wpisujemy ewentualną wartość jaką chcemy przekazać dla danego elementu na stronie, czyli np. podajemy tutaj tekst jaki chcemy wprowadzić do pola tekstowego np. w jakąś wyszukiwarkę.

Konsola/dziennik – Zakładka Log – w tym miejscu zapisywane są ważne dla testów informacje w trakcie ich wykonywania. To tutaj będą pojawiać się ewentualne komunikaty błędów, komunikaty ostrzeżeń. Tutaj tez znajduje się nasz debugger, dzięki któremu mamy możliwość podglądu np. tego jakie komendy, instrukcje są aktualnie wykonywane itp. Zakładki Reference i UI-Element – to zakładki czysto informacyjne, będą dostarczać nam informacji m.in z opisem aktualnie wybranego polecania Selenium. Zakładka Rollup – jest to zakładka z regułami dla całej grupy testów.

 

5 myśli na “Selenium IDE – nagrywarka testów automatycznych”

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *