Full-Circle Testing With Cypress

on YouTube ↗27m

" summary

Shows concrete recipes: uses cy.request to post and assert 201 responses, wires MailSlurp-style inbox checks to verify welcome emails, finds a real bug where an input appends a newline (extra whitespace) to API payloads, uses cy.intercept to delay responses (10s) and assert reload UX, exposes internal state via app actions to trigger store refreshes, and runs isolated UI pieces with cy.mount for component testing — all code examples run in the browser and demonstrate fixes.

AI-written summary · about

" chapters (8)

1. 0:00Full-circle testing intro
2. 1:28End-to-end testing
3. 6:34API testing
4. 10:33Combining E2E and API
5. 13:26Network intercept testing
6. 17:39App state testing
7. 23:03Component testing
8. 25:56Closing & Q&A

" related talks

• 35mCypress Tales: Effective E2E TestingNikola Đuza · Armada JS 2019
• 23mGaining Confidence with Cypress TestsRob Richardson · React Advanced 2021
• 21mNetwork Requests with CypressCecelia Martinez · TestJS Summit 2021
• 46mCypress in practice — overview of the most important capabilitiesAdam Stasiak · 4Developers 2022 Online
• 44mAutomation Testing Web Apps with CypressBasarat Ali Syed · Testing Talks Conference 2022 Melbourne
• 33mCypress: The future of E2E testingDominic Elm · NG-BE 2018
• 47mEnd to End Testing with CypressAvindra Fernando · All Things Open 2020
• 39mGaining Confidence with Cypress TestsRob Richardson · Reliable Web Summit 2021