Introduction into Cypress.io

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)