Pakiet startowy testera automatycznego

W dzisiejszym artykule dokładnie wyjaśnię  jakiego oprogramowania będziemy potrzebować (wybór narzędzi jest czysto subiektywny), aby rozpocząć przygodę z testowaniem automatycznym  aplikacji webowych z wykorzystaniem bardzo popularnego open source’owego narzędzia jakim jest Selenium (Selenium WebDriver). Omówię precyzyjnie sposób instalacji i konfiguracji oprogramowania, którego będziemy używać do pisania naszych pierwszych skryptów testowych. Zanim pobierzemy i zainstalujemy zintegrowane środowisko programistyczne – IntelliJ, będziemy musieli zainstalować JDK (Java Development Kit) – jest to oprogramowanie, będące własnością Oracle, które udostępnia nam środowisko niezbędne do programowania w języku JAVA. Następnie pobierzemy i skonfigurujemy Selenium WebDriver z którego będziemy bezpośrednio korzystać w programie IntelliJ. Na koniec zainstalujemy jeszcze dwa bardzo przydatne pluginy do przeglądarki Mozilla FireFox, które znacznie ułatwią i przyspieszą naszą pracę z elementami stron internetowych.

 

Opis oprogramowania z którego będziemy korzystać:

JDK – Środowisko niezbędne do tego, aby programować w języku JAVA

IntelliJ IDEA (Community Edition 2016 1.4) jest to zintegrowane środowisko programistyczne (IDE – Integrated Development Environment). Jest to soft  służący do tworzenia, modyfikowania, testowania oprogramowania. W IntelliJ pracuje się z wykorzystaniem języka JAVA. Dlaczego IntelliJ? Według mnie jest to w tej chwili najlepsze środowisko do tworzenia oprogramowania w języku JAVA. Wersja Community Edition jest w pełni darmowa. Jeśli jednak nie przypadnie wam do gustu to nic nie stoi na przeszkodzie, aby korzystać z innego oprogramowania np. z Eclipse bądź NetBeans.

 

Pobieranie i instalacja JDK

W wyszukiwarce Google wpisujemy JDK, następnie klikamy w pierwszy z góry link zaznaczony czerwonymi strzałkami.

 

 

Następnie klikamy grafikę Java Download

 

 

 

Następnie musimy zaakceptować  License Agreement  i kliknąć w link do pobierania JDK, oczywiście link wybierając zgodnie z używanym systemem operacyjnym – w moim wypadku jest to Windows 64 bit.

 

 

Po wykonaniu powyższych czynności rozpocznie się pobieranie pliku instalacyjnego JDK.

 

Instalacja JDK jest bardzo prosta, po odpaleniu instalatora, przechodzimy przez kolejne ekrany wciskając przycisk ‘Dalej’ a następnie ‘Zakończ’. Ważne jest tylko, aby zapamiętać w jakiej lokalizacji zostało zainstalowane oprogramowanie – przy okazji konfiguracji IntelliJ będziemy musieli wskazać ścieżkę do plików oprogramowania JDK.

 

Pobieranie IntelliJ IDEA

Aby pobrać oprogramowanie wchodzimy na stronę: https://www.jetbrains.com/idea/download

Sugeruję zawsze pobierać najbardziej aktualną wersję oprogramowania.

Klikamy przycisk DOWNLOAD – przy wersji Community. Oczywiście tutaj również wybieramy wersję systemu na którym pracujemy (macOS, Windows, Linux)

 

 

Zaczyna się pobieranie pliku instalacyjnego.

Po pobraniu klikamy na ściągnięty plik instalacyjny i rozpoczynamy etap instalacji.

 

Instalacja IntelliJ

Klikamy w ściągnięty plik instalacyjny. Pojawia się komunikat z pytaniem o zgodę, czy oprogramowanie IntelliJ może wprowadzić na naszym komputerze wymagane zmiany, oczywiście potwierdzamy przyciskiem ‘Yes’.

 

 

Na pierwszym ekranie instalatora klikamy ‘Dalej’. W kolejnym ekranie ustawiamy ścieżkę , gdzie pliki oprogramowanie zostaną zainstalowane, możemy zostawić ścieżkę domyślną, którą podpowiada nam instalator.

 

 

Następnie klikamy ‘Dalej’ i na kolejnych ekranach również ‘Dalej’, aż do momentu w którym zobaczymy ekran z potwierdzeniem pomyślności instalacji.

Zaznaczamy checkbox „Run IntelliJ IDEA” i klikamy ‘Finish’.

 

 

Instalacja została zakończona, teraz czekamy na uruchomienie IntelliJ i zaczniemy pierwszą konfigurację narzędzia.

Na pierwszym ekranie zaznaczamy drugą opcję „ I do not have a previous version of IntelliJ IDEA” i klikamy OK.

 

 

W kolejnym kroku wybieramy motyw graficzny na którym będziemy pracować. Mamy do wyboru dwa motywy: jasny oraz ciemny. Nie jest to w tej chwili ważne, tym bardziej, że w każdym momencie motyw możemy zmienić z poziomu głównego ekranu IntelliJ.

Warto wiedzieć, że podczas pracy szczególnie w nocy, znaczniej lepiej dla naszych oczu jest pracować na motywie ciemnym, ponieważ ciemne stonowane kolory mniej męczą oczy od jasnego, białego światła bijącego z monitora.

Oszczędzajcie swoje oczy, jeszcze się przydadzą!:D

 

 

Przechodzimy na kolejny ekran w którym są prezentowane pluginy / dodatki. Nie zmieniamy tutaj nic. W końcu klikamy na „Start using IntelliJ IDEA” i czekamy na odpalanie skonfigurowanego już oprogramowania!
Po uruchomieniu IntelliJ , musimy stworzyć pierwszy projekt na którym będziemy mogli pracować. W tym celu klikamy pierwszą pozycję „Create New Project

 

 

Na kolejnym ekranie, zgodnie z tym co pisałem już wcześniej, musimy teraz podać ścieżkę lokalizacyjną do naszego JDK. W tym celu klikamy przycisk „New” a następnie JDK.

 

 

Teraz zgodnie z poniższym zrzutem ekranu, wybieramy ścieżkę do naszego JDK.

Zaznaczona pozycja „jdk_1_8_0_65” jest plikiem ostatecznym, który trzeba zaznaczyć i kliknąć OK.

Oczywiście u was może to być inna wersja JDK w zależności jaką ściągnęliście.

Screen ma na celu pokazać, o jaki plik chodzi i w jakiej lokalizacji powinien się znajdować, przy założeniu że zainstalowałyście JDK w domyślnej lokalizacji – podrzuconej przez instalator (oczyścicie to też może się różnić). Patrząc na informację na zrzucie ekranu, nie powinniście mieć najmniejszym problemów z tym zadaniem.

 

 

Na kolejnym ekranie, warto zaznaczyć checkbox przy pozycji „Create project from template”.

Ułatwi nam to wejście w pisanie naszego pierwszego testu automatycznego.

 

 

Kolejny ekran wymaga od nas podania nazwy tworzonego projektu, nazwijmy go np. FirstTestProject

Moja rada: podawajcie nazwę, która będzie prosta i od razu po niej będziecie mogli skojarzyć czego dotyczy projekt. Z tego ekranu również, warto zapamiętać lokalizację, w której będą znajdowały się pliki tegoż projektu.

 

 

Następnie klikamy ‘Finisz’ i… dopiero teraz załaduje się główne okno IntelliJ w którym będziemy tworzyć kod JAVA z wykorzystaniem Selenium Webdriver.

 

 

Pozostało nam teraz tylko zintegrowanie  Selenium Webdriver z naszym projektem w IntelliJ.

W tym celu udajemy się na stronę : http://www.seleniumhq.org/download/  i wybieramy zaznaczony czerwoną otoczką przycisk ‘Download’ –  Selenium w najnowszej wersji dla języka Java.

Po kliknięciu rozpocznie się proces pobierania pliku. Pobrany plik należy wypakować na dysk.

 

 

Następnie wracamy do IntelliJ, wybieramy File -> Project Structure -> Zakładka Modules -> Zakładka Dependencies. Następnie klikamy z znak „+” umieszczony po prawej stronie i potem z listy rozwijanej wybieramy ‘JARs or directories’

 

 

Teraz musimy odnaleźć ściągnięte i wypakowane pliki Selenium, a dokładnie chodzi o pliki .jar które znajdują się w katalogu lib ( jest ich tam sporo więc nie zapomnijmy o żadnym z nich!) najlepiej zaznaczyć je wszystkie wykorzystując przycisk CTRL. Po załadowaniu plików wciskamy przycisk OK a następnie ‘Apply’ i… GOTOWE!

 

 

Jako, iż nasze testy będziemy m.in wykonywać z wykorzystaniem przeglądarki Chrome to musimy pobrać jeszcze jedna małą rzecz, a będzie to ChromeDriver. W tym celu wchodzimy na stronę: https://chromedriver.storage.googleapis.com/index.html?path=2.33/ i pobieramy plik chromedrver na system operacyjny którego używamy. Dokładną konfigurację chromedrivera przedstawię w kolejnym materiale w którym będziemy pisać nasz pierwszy test.

Mamy w końcu w pełni skonfigurowane środowisko to pisania testów automatycznych! BRAWO!Pierwszy bardzo duży krok w stronę testowania automatycznego został wykonany, teraz będzie już tylko.. trudniej!:D Spokojnie damy radę!:)

 

 

Na koniec jeszcze przedstawię jak zainstalować dwa dodatki do przeglądarki Mozilla FireFox  a będą nimi: FireBug oraz FirePath. Oba dodatki służą do podglądu kodu strony – są często wykorzystywane przez deweloperów oraz właśnie testerów. Można się bez nich obejść, ponieważ każda przeglądarka internetowa ma w sobie wbudowaną konsolę deweloperską, ale mimo to ja korzystam właśnie z FireBug’a i firePath’a. Subiektywnie uważam, że są to lepsze narzędzia niż wbudowane konsole – przynajmniej tak było jeszcze 2-3 lata temu, obecnie faktycznie konsole są bardzo dopracowane i dobrze się z nich korzysta, niemniej jednak przedstawię sposób instalacji wspomnianych dodatków.  Ty sam wybierzesz z czym Ci się lepiej pracuje.

Od razu ważna informacja FireBug i FirePath działają tylko na przeglądarce Mozilla FireFox.

Otwórz przeglądarkę Mozilla FireFox i wprowadź w wyszukiwarkę Google frazę ‘FireBug’. Kliknij pierwszy zaznaczony strzałkami link.

 

 

Kliknij ‘Zainstaluj’. Następnie  pojawi się okno systemowe przeglądarki, w którym również kliknij ‘Zainstaluj’. Dodatek FireBug zostanie zainstalowany.

 

 

Analogicznie zainstaluj FirePath

 

 

 

 

Aby zyskać pewność, że oba dodatki zainstalowały się poprawnie, wystarczy uruchomić ponownie przeglądarkę i na pasku głównym okna przeglądarki, powinna pojawić się mała ikonka w kształcie robaka. Tak robaka! Pewnie wiecie co oznacza po angielsku słowo „bug”:D:D:D

 

Wystarczy na nią kliknąć, aby otworzyła się na dole strony mała konsola, która jak się niedługo przekonasz będzie dla Ciebie „małym wielkim narzędziem”:) I już pewnie zauważyliście.. jest i zakładka FireBug – tak to właśnie nasz drugi dodatek.

Sposób działania oraz wykorzystanie tych narzędzi przedstawię w kolejnych artykułach.

Tak oto, pobraliśmy, zainstalowaliśmy i skonfigurowaliśmy wszystkie potrzebne narzędzia do tego, aby napisać pierwsze testy automatyczne!!!  

 

 

8 myśli na “Pakiet startowy testera automatycznego”

Dodaj komentarz

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