In this talk I discuss how to test your website while using techniques like scrum, progressive enhancement and design in the browser

1. Fronteers Meetup

2.  Maarten Groeneweg
 Mirabeau
 Test Engineer
 Test Automation Jehova

4.  Bugs vinden
 Kwaliteit verbeteren
 Kwaliteit controleren

5. Old school testing

6.  Losstaande bedrijf/afdeling
 Bugs vinden is het doel
 Vindt plaats na development
 Afwijkingen van specificatie = bug
 TMAP
 Formeel, bijvoorbeeld IEEE 829 (TPS Report)

8.  Testproces is goed te controleren
 Kwaliteit valt te garanderen
Duuurt lang
Veel frictie tussen test en development

9. No hoverboards

10.  Time-to-market moet omlaag
 Online platformen zijn mission critical
 Complexiteit platformen steeds hoger

11. Snel en flexibel

12. Verschillen zijn oké

13. No More PSDs

14.  Time-to-market moet omlaag
× Online platformen zijn mission critical
× Complexiteit platformen steeds hoger

15. Dus stop er mee

16. We need agility

17. Agile Test Engineer

18.  Ben jij T-Shaped?
 Ben je niet bang
voor code?
 Ben je een echte
teamplayer?
 Hou je ervan om
kwaliteit te
leveren?

19.  Bugs voorkomen
 Waarde creëren
 Aantonen kwaliteit
 Functionele documentatie

20. Gaan we doen

22. There is no but in scrum

23. Done == Tested

24. 1. Nieuw
2. Bestaand

25.  Werk user stories per stuk af
 Doel is user stories op ‘done’ krijgen
 Een user story op ‘test’ levert geen punten op

26.  Kwaliteit is verantwoordelijkheid van team
 Iedereen kan tests uitvoeren
 Test Engineer bepaalt WAT en HOE

27.  Kans : Hoe complex is de code?
 Impact: Hoe veel geld kost een issue in PROD?

28.  Iedere sprint kan alles kapot gaan
 Geen tijd om iedere sprint alles te testen
 Regressie is niet acceptabel

29. Voorwaarde voor scrum

30.  Snelle feedback
 Focus op nieuwe functionaliteit
 Levende documentatie

31.  Versioneerbaar
 Onderhoudbaar
 Werkt vanuit IDE
 Geen licenties
 Alles kan

32. Taal Framework
C# WbTstr.Net
Java Geb (Groovy)
Selenide
JavaScript Webdriver.IO

33.  Kies taal bij je team
 Integratie met build tooling
 Koppeling met applicatie codebase nodig?

34. Webdriver.IO
Taal Javascript
Test Cases Cucumber
Unit Test Framework Mocha
Aansturing browser Selenium Webdriver
Browsers Chrome, Firefox, IE,
Safari, PhantomJS,
Android, Remote,
BrowserStack

35.  Selecteer elementen met CSS selector
 Voer acties uit
 Valideer

36.  Beheerst test automation
 Leeft agile/scrum principes
 Zorgt dat alles getest kan worden

37.  Communiceer risico’s
 Maak frontend testbaar
 Focus op user stories afmaken
 Beheers test automation

38. Defineer de waarheid

39.  Wat is goed genoeg als basis?
 Leg samen de enhancements vast
 Hoe gaan we feature detecten?

40.  Webshop in Hong
Kong
 MVP
 Veel mobile users
 Relatief veel IE8

41.  Hamburger is link naar losse HTML pagina
 Alleen logo en iconen voor menu en zoeken
Logo

42. Logo

43.  Hamburger opent menu op zelfde pagina
 Zoekbalk kan open/dicht
Logo

44.  Retina logo en iconen voor menu en zoeken
 Toevoeging iconen voor menu items
Logo

45.  1e level menu direct bereikbaar
 3 extra menu levels
Logo

46.  Snapt en gelooft in PE
 MVP bewaken
 Is het goed genoeg?
 Effectief testen door condities te kennen

47.  Bepaal enhancements als team
 Bespreek hoe de feature detection werkt

48. Van pixel fucken naar waarde leveren

49.  Zorg voor een style guide
 Werk met priority guide
 Betrek tester bij het designen
 Designer kan ook testen

50. Kwaliteit als framework

51.  Functioneel
 Performance
 Security
 Bruikbaarheid
 Onderhoudbaarheid
 Betrouwbaarheid
 Agility

52.  Maak kwaliteit meetbaar
 Waarde toevoegen
 Focus op de juiste pijlers
 Constant verbeteren

53. So in a nutshell…

54.  Bug voorkomen i.p.v. vinden
 Samenwerken
 Automatiseren
 Team verantwoordelijkheid

55. Is about having fun

56. Waarom zou Modern Testing niet werken?