Download to read offline
![Maurice De Beijer [MVP], profile picture](https://cdn.slidesharecdn.com/profile-photo-mauricedb-48x48.jpg?cb=1756998088)
Uploaded byMaurice De Beijer [MVP]
Build reliable Svelte applications using Cypress
The document discusses building reliable Svelte applications using Cypress, a front-end testing tool designed for modern web applications. It covers topics such as Test-Driven Development (TDD) and includes practical examples of testing pages, API testing, and running tests in GitHub Actions. The conclusion emphasizes Cypress's effectiveness in end-to-end testing over unit and manual testing, advocating for tests that mirror user actions.
More Related Content
Similar to Build reliable Svelte applications using Cypress
More from Maurice De Beijer [MVP]
Build reliable Svelte applications using Cypress
- 1. Build reliableSvelte applications usingCypress Mauricede Beijer @mauricedb 1
- 2. Maurice deBeijer The Problem Solver Microsoft MVP Freelance developer/instructor Twitter: @mauricedb Web: http://www.TheProblemSolver.nl E-mail: maurice.de.beijer@gmail.com 2
- 3.
- 4. Topics What isCypress.io? UsingTDD to building a SvelteKit application Testing pages API testing Running the Cypress tests in GitHub Actions 4
- 5. What isCypress and whyshould you care? 5
- 6.
- 7. What is Cypress? Cypressis a front end testing tool Built for the modern web Tests are easy to write Using simple JavaScript orTypeScript TimeTravel runner lets you inspect test at each step Click on a step to see the state of the browser Automatic waiting for elements Makes tests more resilient Video recording of running test Helps debugging failing tests on the CI server 7
- 8. What is Cypress? Letsyou fake the network when required Or use the real backend as appropriate Automatically retry of failing tests Run flaky tests multiple times Many standard and 3rd party extensions Or write your own in JavaScript Can run in Docker containers Consistent cross platform behavior Runs inside the browser Not based onW3C WebDriver API 8
- 9.
- 10.
- 11. Why End toEnd? The more your tests resemble the way your software is used, the more confidence they can give you! Kent C. Dodds 11
- 12.
- 13.
- 14. What is alreadydone? 14
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25. Conclusion Cypress isa great tool for End to End testing More reliable then relying on unit testing and manual testing Write tests that resemble your user’s actions Great approach forTest Driven Development Test that your API’s return the shape you expect A mismatch can lead to vague errors 25
- 26.