Tessereact

Presentational snapshot testing for React components.

Tessereact is fork which supports CSS and screen snapshots based on resolutions you choose.

Check usage guide for more screenshots.

To build the basic example locally, run:

yarn install
yarn dev
yarn dev-server

Then open localhost:5000 in a browser.

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

yarn add -D https://github.com/tessereact/tessereact.git

Configuring Webpack

For the complete usage guide take a look here.

import React from 'react'
import {context, scenario} from 'tessereact'
import Text from '.'

context('Text', () => {
  scenario('Default', () => (
    <Text>Text</Text>
  ))

  scenario('Purple', () => (
    <Text color='purple'>Purple text</Text>
  ))
})

See here

Special thanks to:

• Team Portal Toptal Team
• Aleksandar Djuric
• Nadya Tsech
• Sasha Koss