Skip to content

Commit

Permalink
Merge pull request #2767 from anescobar1991/patch-1
Browse files Browse the repository at this point in the history
Updating css-style testing docs to mention StoryShots image snapshots feature
  • Loading branch information
Hypnosphi authored Jan 18, 2018
2 parents 2059080 + e2ff103 commit 182f088
Showing 1 changed file with 8 additions and 5 deletions.
13 changes: 8 additions & 5 deletions docs/src/pages/testing/css-style-testing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,15 @@ Then, we can see the above story using the following URL:

![Storybook Iframe Screenshot](../static/storybook-iframe-screenshot.png)

Just like that, you can access all of the stories in your Storybook.
Just like that, you can access all of the stories in your Storybook and use them as a base for visual regression testing.

## Supported CSS/Style Testing Frameworks

It will be hard to use all the frameworks we've [mentioned](/testing/react-ui-testing#3-css-style-testing), but we'll be able to use frameworks which are based on URL as the input source. (Such as [BackstopJS](https://github.com/garris/BackstopJS) and [Gemini](https://github.com/gemini-testing/gemini))
There are several frameworks that have out of the box Storybook integrations:
- [StoryShots](https://github.com/storybooks/storybook/tree/master/addons/storyshots) with its [seamless integration](https://github.com/storybooks/storybook/tree/master/addons/storyshots#configure-storyshots-for-image-snapshots) with [jest-image-snapshot](https://github.com/americanexpress/jest-image-snapshot)
- [Loki](https://loki.js.org/)
- [Perci](https://percy.io/docs/clients/javascript/react-storybook)
- [Screener](https://screener.io/v2/docs)
- [Chromatic](https://www.chromaticqa.com)

- [Loki](https://loki.js.org/): Is a great tool for visual regression testing.

> In the future we are also planning to smooth this process with the help of [StoryShots](https://github.com/storybooks/storybook/tree/master/addons/storyshots).
Additionally frameworks which are based on URL as the input source such as [BackstopJS](https://github.com/garris/BackstopJS) or [Gemini](https://github.com/gemini-testing/gemini) can be used.

0 comments on commit 182f088

Please sign in to comment.