How To Test Your Frontend Code - Puppeteer Testing Part 1

Опубликовано: 28 Июнь 2026
на канале: Michael Breitung
837
16

In this Web Development Tutorial, I show you how to use Vitest and Puppeteer to write Integration Tests for your Frontend Code. I first share some typical requirements for testing frontend code, show the research I did to find a fitting testing solution, and finally, a proof of concept. I use this POC to explain the basic setup for Vitest and Puppeteer inside a Dev Container and how to write integration tests.

There will be a follow-up video in which I dive deeper into the specifics of using Puppeteer for integration testing.

★☆★ Chapters ★☆★

00:00 Introduction
01:53 Requirements for a Testing Library
03:26 Research with Perplexity AI
07:38 How To Use Puppeteer and Vitest
14:35 Conclusion

★☆★ Typescript Gallery ★☆★

https://github.com/MichaelBreitung/mi...


★☆★ my Github ★☆★

https://github.com/MichaelBreitung/


★☆★ Links ★☆★

Vitest: https://vitest.dev/
Puppeteer: https://pptr.dev/


★☆★ my Landscape Photography Channel ★☆★

   / mibreit  


★☆★ homepage★☆★

http://www.michael-breitung.com

#puppeteer #webdevelopment