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

Project Activity

See All Activity >

License

MIT License

Follow jest-puppe-shots

jest-puppe-shots Web Site

Other Useful Business Software
Full-stack observability with actually useful AI | Grafana Cloud Icon
Full-stack observability with actually useful AI | Grafana Cloud

Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
Create free account
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of jest-puppe-shots!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Visual Regression Testing Tool

Registered

2023-11-08