A Jest plugin for creating screenshots of React components with a little help of Puppeteer. A jest-puppy-shots is a Jest plugin that can help you create Visual Regression tests for your React components. If you ever used Enzyme or Snapshots you will love the jest-puppe-shots. The Snapshot testing approach is really awesome but it has one downside: it cannot be used to make visual regression tests of your components. Thanks to the Puppeteer API it's now possible to use the Chromium browser in Jest and create real screenshots of your components.
Features
- A jest-puppe-shots is a Jest plugin that can help you create Visual Regression tests for your React components
- If you ever used Enzyme or Snapshots you will love the jest-puppe-shots
- You can install the plugin using NPM
- You will have to install jest and react-dom if you don't have them yet
- After setting up the configuration you can start writing your first integration test that will take screenshots
- Load external CSS and JS files
Project Samples
Categories
Visual Regression TestingLicense
MIT LicenseFollow jest-puppe-shots
You Might Also Like
Gen AI apps are built with MongoDB Atlas
MongoDB Atlas is the developer-friendly database used to build, scale, and run gen AI and LLM-powered apps—without needing a separate vector database. Atlas offers built-in vector search, global availability across 115+ regions, and flexible document modeling. Start building AI apps faster, all in one place.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of jest-puppe-shots!