Automatyczne testy end-to-end aplikacji JavaScript.

Copyright © 2014 Rockwell Automation, Inc. All RightsRev 5058-CO900E
PUBLIC
INFORMATION
Automatyczne testy end-to-end
aplikacji JavaScript
Przemysław Sech
Software Test Engineer
31.05.2014
Email:
przemek.sech@gmail.com
Twitter: @PrzemekSech

Copyright © 2014 Rockwell Automation, Inc. All Rights Reserved.PUBLIC INFORMATION 2
Agenda
Demo
Protractor
Selenium
Środowisko
Stos technologiczny

Copyright © 2014 Rockwell Automation, Inc. All Rights Reserved.PUBLIC INFORMATION
Rodzaje testów
 Testy jednostkowe
Unit Tests – A unit test is a software development life cycle (SDLC) component in
which a comprehensive testing procedure is individually applied to the smallest
parts of a software program for fitness or desired operation.
 Testy funkcjonalne
Functional testing is a software testing process used within software development in
which software is tested to ensure that it conforms to all requirements. Functional
testing is a way of checking software to ensure that it has all the required
functionality that's specified within its functional requirements.
 Testy End-to-End
End-to-end testing is a methodology used to test whether the flow of an application
is performing as designed from start to finish. The purpose of carrying out end-to-
end tests is to identify system dependencies and to ensure that the right information
is passed between various system components and systems.
3

Stos technologiczny
Aplikacja
4

Stos technologiczny
Testy
5

Agenda
Demo
Protractor
Selenium
Środowisko
Stos technologiczny

Środowisko
9
Device Hub
iOS Phone
Android Phone
Środowisko rzeczywiste
Selenium Grid
Selenium Node Selenium Node + SDK
Build Server
Środowisko wirtualne
Selenium Node

Agenda
Demo
Protractor
Selenium
Środowisko
Stos technologiczny

Selenium
11
Narzędzie do automatycznej symulacji interakcji użytkownika z przeglądarką.
Selenium IDE
Selenium WebDriver
Selenium Grid
Selenium RC + WebDriver (Selenium 1) = Selenium 2.0

Selenium
WebDriver (Node)
12
Sterowniki przeglądarek – niezależne Dostępne języki API –
oficjalnie
Sterowniki przeglądarek –
wbudowane
Dostępne języki API –
nieoficjalnie

Selenium
Grid (Hub)
13
HUB
NODE 1
(ANDROID)
NODE 2
(IE on Windows)
NODE 3
(Firefox on Ubuntu)
NODE 4
(Safari on MacOS)
NODE 5
(Safari on iOS)

Selenium
WebDriver
14
localhost
TEST WebDriver
Uruchomienie WD
> java -jar selenium-server-standalone.jar
Adres docelowy:
http://127.0.0.1:4444/wd/hub

192.168.0.1
Selenium
WebDriver
15
localhost
TEST
Uruchomienie WD
> java -jar selenium-server-standalone.jar
Adres docelowy:
http://192.168.0.1:4444/wd/hub
WebDriver

Selenium
Grid (Hub)
1616
Lokalnie
WebDriver
HUB role
TEST WebDriver
NODE role
WebDriver
NODE role
Lokalnie
WebDriver
HUB role
TEST WebDriver
NODE role
WebDriver
NODE role
Uruchomienie Serwera Grid (Hub)
> java -jar selenium-server-standalone.jar -role hub
Uruchomienie Klienta WD (Node)
> java -jar selenium-server-standalone.jar -role node
-hub http://localhost:4444/grid/register -port xxxx
Adres docelowy serwera grid:
http://127.0.0.1:4444/grid/console

192.168.0.3
Selenium
Grid (Hub)
1717
Lokalnie
192.168.0.1
WebDriver
HUB role
TEST
192.168.0.2
WebDriver
NODE role
WebDriver
NODE role
WebDriver
NODE role
Appium

Agenda
Demo
Protractor
Selenium
Środowisko
Stos technologiczny

Protractor
20
 Narzędzie do tworzenia i uruchamiania
testów „end to end” w środowisku
przeglądarki, symulując interakcję
użytkownika,
 Program wykonywany w obrębie silnika Node.js,
 Stworzony na bazie WebDriverJS, którego w pełni
implementuje i wystawia całość jego API jako interfejs,
 Rozszerza API WebDriverJS o funkcjonalności AngularJS
 Do opisu składni testów pierwotnie wykorzystywał Jasmine,
na chwilę obecną można korzystać z dowolnego
frameworka obsługującego JavaScript np. Mocha,
 Wspiera testy asynchroniczne wykorzystując technologię
Promises,
 Zawiera wbudowany webdriver-manager pozwalający
uruchamiać samodzielną instancję klienta WebDiver (node).

Protractor
21
 Projekt utrzymywany jako open-source
pod kontrolą GitHub:
https://github.com/angular/protractor
 Pełna dokumentacja:
https://github.com/angular/protractor/blob/master/docs/api.m
d
 Dostępny jako pakiet npm:
npm install -g protractor

WebDriverJS
22
Wszystkie implementacje frameworka
WebDriver komunikujące się z przeglądarką
lub serwerem Grid za pomocą protokołu na
bazie RESTfull web service. Protokół ten
wykorzystuje do komunikacji dane
w formacie JSON over HTTP.
WebDriverJS jest jedną z implementacji JSON wire protocol
udostępniającą metody wyższego poziomu.

Jasmine
23
Jasmine jest frameworkiem z rodziny BDD
(Behavior Driven Development) służącym
do testowania aplikacji stworzonych z wykorzystaniem języka
JavaScript.
• niezależny od innych framworków JavaScript,
• nie wymaga istnienia struktury DOM,
• posiada czytelną, zrozumiałą składnię pozwalającą na
szybkie pisanie testów
Jasmine-node dla node.js jest dostępny jako pakiet npm:
npm install -g jasmine-node

Jasmine / Protractor
przykład
24

Webdriver-manager
25
 Narzędzie wbudowane w Protractor, pozwalające na łatwą
instalację, aktualizację i uruchomienie lokalnej instancji
klienta WebDriver (node)
 Instalacja i aktualizacja:
 Uruchomienie:
 Automatycznie uruchamia sterownik ChromeDriver
> webdriver-manager update
> webdriver-manager start

Protractor
konfiguracja testów
26
 Uruchomienie testów:
 Plik konfiguracyjny pozwala zdefiniować:
 seleniumAddress – adres instancji Selenium (hub lub
node) pod którą należy wysłać testy,
 specs – lista plików zawierających testy,
 capabilities – parametry środowiska, decydują o
środowisku uruchomieniowym testów;
multiCapabilities – opisują tablicę środowisk na których
testy zostaną uruchomione współbieżnie,
 baseUrl: bazowy adres aplikacji testowej,
 onPrepare – funkcja wykonująca się przed
rozpoczęciem testów
 reporter – metoda generowania raportu z testów
> protractor config.js

Protractor
raportowanie
27
 Protractor pozwala wyświetlać postęp
bieżących testów oraz ich status za
pomocą paska postępu
 Raportowanie do pliku XML dzięki bibliotece Jasmine-
ReportersonPrepare: function () {
"use strict";
require('jasmine-reporters');
jasmine.getEnv().addReporter(new jasmine
.JUnitXmlReporter('./results/chrome', true, 'Chrome'));
},

Protractor
Page Object Model
28
Page Object Model (POM) jest wzorcem
projektowym bazującym na MVC.
Zadania:
 Opisanie struktury stron o odrębnych klasach (View)
 Opisanie zależności i interakcji między stronami (Control)
 Budowa testów w oparciu o opisane interakcje na
elementach strony
Zalety:
 Redukcja zduplikowanego kodu
 Łatwiejsze utrzymanie testów, podczas częstych zmian
aplikacji (Agile)

Demo
29
GitHub: https://github.com/psech/QualityExcites2014-Demo

Pytania i odpowiedzi
30
GoogleDrive: http://goo.gl/m46H8J

Copyright © 2014 Rockwell Automation, Inc. All Rights Reserved.
www.rockwellautomation.com
Follow ROKAutomation on Facebook & Twitter.
Connect with us on LinkedIn.
Rev 5058-CO900F
PUBLIC
INFORMATION
Dziękuję
Email:
przemek.sech@gmail.com
Twitter: @PrzemekSech

Automatyczne testy end-to-end aplikacji JavaScript.

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (7)

Similaire à Automatyczne testy end-to-end aplikacji JavaScript.

Similaire à Automatyczne testy end-to-end aplikacji JavaScript. (20)

Plus de Future Processing

Plus de Future Processing (20)

Automatyczne testy end-to-end aplikacji JavaScript.

Notes de l'éditeur