Next Level E2E Testing with Cypress @ Webdeveloper Stammtisch Saar 37

Slides for Meetup:
https://www.meetup.com/de-DE/Webdeveloper-Stammtisch-Saar/events/258736334/

Topic: Next Level E2E Testing with Cypress
* Testing
* Cypress
* Sample Case 'plasticalypse'
* Cypress in Action

Transcript

1. View Slide

2. View Slide

3. Live Coding
   „This photo" is licensed
   by unknown (CC BY-SA)
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. •
    •
    •
    

    View Slide

11. View Slide

12. •
    •
    •
    •
    •
    •
    •
    •
    “Fast, easy and reliable testing for anything
    that runs in a browser.”
    

    View Slide

13. •
    •
    •
    •
    •
    •
    •
    •
    ➢
    ➢
    

    View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. Count number of plastic packages
    to monitor your own production
    of plastic waste.
    

    View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. •
    •
    •
    •
    •
    •
    

    View Slide

27. > npm install --save-dev cypress // Install cypress
    // Add "cy:open": "cypress open" as npm script
    > npm start // Start your app
    > npm run cy:open // Also generates examples files and folders
    // Optional: Typescript support
    > npm install --save-dev @bahmutov/add-typescript-to-cypress
    // Add tsconfig.json (https://docs.cypress.io/guides/tooling/typescript-support.html)
    

    View Slide

28. View Slide

29. View Slide

30. quiz
    

    View Slide

31. View Slide

32. •
    •
    •
    •
    ➢
    

    View Slide

33. View Slide

34. •
    •
    •
    

    View Slide

35. View Slide

36. •
    •
    

    View Slide

37. View Slide

38. View Slide

39. View Slide

40. •
    •
    •
    •
    •
    •
    

    View Slide

41. View Slide

42. View Slide

43. •
    •
    •
    •
    •
    

    View Slide

44. Thank you
    

    View Slide

45. View Slide

46. •
    

    View Slide