💻 Complete Guide to Test Chrome Extensions with Puppeteer

This is a complete example on how to test a chrome extension with Puppeteer. This repo is referenced in our blog. In this repo you can find:

• A simple chrome extension under replacer-chrome-extension.
• A simple React app under src.
• Puppeteer e2e tests under e2e.

🔎 Instructions

Requirements: Node >=20 and Chromium (even tough you're going to install Puppeteer make sure you have chromium - https://www.chromium.org/getting-involved/download-chromium/).

1. npm install to install the dependencies.
2. npm start to run the react app, must be running since it is the base for the e2e tests.
3. npm run e2e to run the e2e tests.

npm run start

npm run e2e

📚 Other Interesting Blogposts

• What a Google Search Can't Tell You About These JS Testing Frameworks
• How to Simulate HTTP Request Errors
• The Different Shades of Testing Web Apps: Aiming for Balance