Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Next Level E2E Testing with Cypress @ Webdeveloper Stammtisch Saar 37

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

33e8114d7efe95ff134b3ae1eef78a41?s=128

David Würfel

April 04, 2019
Tweet

Transcript

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

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. • • •

  11. None
  12. • • • • • • • • “Fast, easy

    and reliable testing for anything that runs in a browser.”
  13. • • • • • • • • ➢ ➢

  14. None
  15. None
  16. None
  17. None
  18. Count number of plastic packages to monitor your own production

    of plastic waste.
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  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)
  28. None
  29. None
  30. quiz

  31. None
  32. • • • • ➢

  33. None
  34. • • •

  35. None
  36. • •

  37. None
  38. None
  39. None
  40. • • • • • •

  41. None
  42. None
  43. • • • • •

  44. Thank you

  45. None