Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

e2e frameworks - czyli kij ma dwa końce

1,058 views

Published on

Szymon Stanisz - e2e frameworks - czyli kij ma dwa końce

www.tsh.io

Automatyczne testy end-to-end aplikacji React i Angular. Wprowadzenie w świat testowania przyszłości. Dlaczego warto automatyzować i dlaczego kij ma dwa końce.​

Published in: Technology
  • Be the first to comment

  • Be the first to like this

e2e frameworks - czyli kij ma dwa końce

  1. 1. E2E FRAMEWORKS CZYLI KIJ MA DWA KOŃCE  GG JAVASCRIPT
  2. 2. PAULO COELHO SZYMON STANISZ Jeżeli jesteś leniwy, automatyzacja jest dla Ciebie. -   GG JAVASCRIPT
  3. 3. Plan prezentacji 00 JAVASCRIPT  Trochę teorii  Praktyka  Nightwatch.js  framework  Protractor framework  Kij ma dwa końce ?  (A)Live coding  Pytania
  4. 4. TEORIA A PRAKTYKA Testy e2e służą do potwierdzenia oczekiwań użytkownika względem aplikacji. Upewnienie się, że poszczególne komponenty aplikacji są poprawne nie jest wystarczające, nie daje nam to gwarancji, że ich suma również jest poprawna.  Matematyka ... 01 JAVASCRIPT
  5. 5. TEORII CIAG DALSZY Po pierwsze, musimy traktować naszą aplikację jako czarną skrzynkę. Musimy testować na poziomie interfejsu użytkownika końcowego, bez znajomości wnętrzności aplikacji. I nie powinniśmy robić żadnych skrótów: nie powinniśmy mockować żadnych fragmentów kodu, omijać jakichkolwiek warstw, wrzucać fikstur bezpośrednio do bazy danych itp 02 JAVASCRIPT
  6. 6. 03 JAVASCRIPT A PRAKTYKA? Testowana aplikacja powinna być traktowana jako czarna skrzynka, ponieważ testujemy na poziomie interfejsu użytkownika końcowego. Kolejną implikacją jest dużo większa złożoność oraz mało precyzyjny feedback, co powoduje że są trudne do debugowania.
  7. 7. NIGHTWATCH.JS Nightwatch.js to prosty w użyciu framework E2E oparty o Node.js przeznaczony do testowania aplikacji i stron www.  Polecany w przypadku testowania aplikacji opartych na React. 04 JAVASCRIPT
  8. 8. ZALETY Sowa jako logo :) Własna implementacja W3C webdriver API  Łatwy w rozszerzaniu  Posiada własny mechanizm asercji,  Oparty o Page Object Pattern Prosty 05 JAVASCRIPT
  9. 9. WADY  Słabszy support w porównaniu z Protractorem lub webdriver.io easy to start hard to master 06 JAVASCRIPT
  10. 10. PROTRACTOR Protractor to prosty w użyciu framework E2E przeznaczony dla  aplikacji opartych na AngularJS. Framework symuluje działania użytkownika w prawdziwej przeglądarce. 07 JAVASCRIPT
  11. 11. ZALETY Jedyny framework do automatyzacji posiadający wbudowane wsparcie dla aplikacji Angularowych. Posiada wsparcie dla różnych frameworków testowych jak Jasmine, Cucucmber itd. Dobry mechanizm raportowania Posiada wsparcie dla TypeScripta, które wesprze developerów Angulara 2 w pisaniu unit testów. 08 JAVASCRIPT
  12. 12. WADY Nie posiada wsparcia dla automatyzacji aplikacji mobilnych Prtoractor jest nakładką na WebDriverJs. 09 JAVASCRIPT
  13. 13. 10 JAVASCRIPT KIJ MA DWA KONCE?
  14. 14. 11 JAVASCRIPT (A)LIVE CODE? A teraz przyjrzyjmy się jak wygląda Protractor i NightwatchJS na podstawie prostych przykładów. Skomplikujemy jednak sobie trochę życie i dodamy do tego tortu wisienkę w postaci Cucumbera.
  15. 15. 12 GAIN GAMES PYTANIA?
  16. 16. THANK YOU! MAM NADZIEJĘ, ŻE CZEGOŚ SIĘ NAUCZYLIŚCIE  :) 13 JAVASCRIPT Spotkacie nas na www.tsh.io szymon.stanisz@thesoftwarehouse.pl stanisz.szymon@gmail.com

×