End to End tests with Google's Puppeteer
summary
Puppeteer controls Chromium from Node and reduces end-to-end testing to a few clear steps, demonstrated by launching a browser, navigating to localhost:3000, asserting an H1 text and filling a form that actually types and submits, all wired into Jest and Create React App. The demo shows a working five lines of code starter, form automation, request interception, and visual diff tests via screenshots, plus the new Puppeteer Recorder extension (v0.3) that generates usable test code.
AI-written summary · about
chapters (23)
- 0:00Introduction
- 1:43Release on a Friday
- 6:35What does that mean
- 8:08Puppeteer
- 8:22What is it
- 9:27Testing Environment
- 11:15Testing only in Chrome
- 12:12Chrome Dev Tools
- 16:17AsyncWait
- 16:59Get Started
- 17:18Create a Page
- 18:11Close Browser
- 18:57Tips
- 19:42Headless
- 20:03Do Stuff
- 20:19DOM Element
- 22:18Running a test
- 23:10Form submissions
- 24:22Console messages
- 24:47Local storage service workers
- 25:16Visual differing tests
- 28:00Accountability tests
- 28:29Puppeteer Recorder
related talks
01h 02mModern web testing and automation with Puppeteer
30mModern Web Testing and Automation with Puppeteer
46mWhen Tests Met Puppeteer
27mI Like to Puppeteer
01h 15mPuppeteer can automate that!
28mRethinking Browser Automation: Unleashing the Power of Puppeteer and Playwright
28mRethinking Browser Automation: Unleashing the Power of Puppeteer and Playwright
45mEnd to End testing React applications