Full End to End Testing for Your HTML Email Workflows
summary
Full end-to-end procedure that actually runs: spin a local SMTP tester or create per-test ethereal accounts, send mail via nodemailer or point at SendGrid, fetch the last-email object (plain and html), inject the html into a controlled browser with Cypress, extract the confirmation code or link, retry fetch with backoff for third‑party delays, click the link to complete the signup, and run visual diffs with Percy after replacing dynamic tokens with a fixed placeholder so screenshots stay stable.
AI-written summary · about
chapters (8)
- 0:00Introduction to email testing
- 2:28How emails are sent and received
- 5:17Setting up Cypress for email testing
- 9:27Testing HTML emails in browser
- 11:54Using external email services
- 16:48Handling dynamic email templates
- 18:54Visual testing for email clients
- 24:59Summary and best practices
related talks
27mFull-Circle Testing With Cypress
29mEnd-to-end Testing Is Hard - But It Doesn't Have to Be
11mModern emails using
50mShip Web Apps Confidently: End-to-End Testing with Cypress
47mEnd to End Testing with Cypress
45mEnd to End testing React applications
18mTesting Passwordless Authentication Flows
41mEnd-2-end testing without the pain