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

3. Live Coding „This photo" is licensed by unknown (CC BY-SA)
10. • • •
12. • • • • • • • • “Fast, easy and reliable testing for anything that runs in a browser.”
13. • • • • • • • • ➢ ➢
18. Count number of plastic packages to monitor your own production of plastic waste.
26. • • • • • •
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)
30. quiz
32. • • • • ➢
34. • • •
36. • •
40. • • • • • •
43. • • • • •
44. Thank you
46. •