1.
C y p r e s s . i o
e e n i n t r o d u c t i e
Christian Bos | 25–11– 2020

2.
Even voorstellen…
Christian Bos
Test automation developer
• 3+ jaar bij Immune-it
• > 10 jaar bij Sogeti
• Test automation specialist && trainer
• Java && Python developer
• (Agile) coach && test specialist

3.
Test automation pyramid

4.
Typische Selenium errors

5.
Selenium architectuur

6.
Selenium
• roept SUT extern aan
• synchronisatie-issues
• meerdere browsers (webdrivers)
• meerdere talen worden ondersteund
• goede ondersteuning voor tabs en
iframes
• doelgroep primair testers
Cypress
• draait script en SUT in browser
• synchronisatie automatisch
• browsers meegeleverd in installatie
• alleen JavaScript wordt ondersteund
• beperkte ondersteuning voor tabs en
iframes
• doelgroep primair ontwikkelaars
Selenium vs. Cypress

7.
Cypress.io

8.
Cypress features

9.
Ondersteunde browsers

10.
Cypress…
• Node.js
• npm (node package manager)
• npx (node package runner)
• Mocha framework
• Chai assertions

11.
Installatie Cypress
1. Maak een nieuwe folder aan en initialiseer deze
• npm init –y (hiermee wordt package.json aangemaakt)
2. Installeer Cypress lokaal in de folder
• npm install cypress

12.
Installatie Cypress
1. Maak een nieuwe folder aan en initialiseer deze
• npm init –y (hiermee wordt package.json aangemaakt)
2. Installeer Cypress lokaal in de folder
• npm install cypress
3. Open de Cypress testrunner
• npx cypress open
(bestanden worden uitgepakt)

13.
Testcases in Cypress (Mocha)
Suite level
• describe()
• context()
Test level
• it()
• specify()

14.
URL related commands
• cy.visit()
• cy.reload()
• cy.title()
• cy.url()

15.
Element locators (CSS)
• cy.get()
• cy.contains()

16.
Element interactie
• .clear()
• .type()
• .click()
• .check()
• .uncheck()
• .select()

17.
Special keys

18.
Assertions
• .should()

19.
Setup & teardown (Mocha hooks)
Suite level
• before()
• after()
Test level
• beforeEach()
• afterEach()

20.
Mocha features
• Je kunt aangeven welke testcases je (niet) wilt uitvoeren:

21.
Page object model (POM)