node package manager
Stop writing boring code. Discover, share, and reuse within your team. Create a free org »



Presentational snapshot testing for React components.

npm version Gitter


Check usage guide for more screenshots.

Demo & Examples

Basic example

To build the basic example locally, run:

yarn install
yarn dev
yarn dev-server

Then open localhost:5000 in a browser.

create-react-app example

cd create-react-app-example
yarn start-testshot


yarn add @toptal/testshot

Configuring Webpack

Basic Usage

For the complete usage guide take a look here.

import React from 'react'
import {context, scenario} from '@toptal/testshot'
import Text from '.'
context('Text', () => {
  scenario('Default', () => (
  scenario('Purple', () => (
    <Text color='purple'>Purple text</Text>


See here

Special thanks to: