-
-
Notifications
You must be signed in to change notification settings - Fork 9.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Updating css-style testing docs to mention StoryShots image snapshots feature #2767
Conversation
Codecov Report
@@ Coverage Diff @@
## master #2767 +/- ##
=======================================
Coverage 35.75% 35.75%
=======================================
Files 433 433
Lines 9441 9441
Branches 1005 992 -13
=======================================
Hits 3376 3376
- Misses 5376 5413 +37
+ Partials 689 652 -37
Continue to review full report at Codecov.
|
|
||
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)) | ||
|
||
- [Loki](https://loki.js.org/): Is a great tool for visual regression testing. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think all those tools are still worth mentioning
@tmeasday would you like Chromatic to be mentioned here as well? |
@Hypnosphi sure! We should mention the other commercial offerings that support storybook too: Percy and Screener. |
@Hypnosphi should I do that here? Or should those be added in a separate PR? |
@anescobar1991 as you wish =) |
@Hypnosphi I added them in 728cad8 :) |
- [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) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And also Chromatic
Issue: With #2413 being merged into master and adding image snapshot capabilities into StoryShots the documentation should reflect the change.
What I did
Updated css-style-testing doc to mention StoryShots integration with
jest-image-snapshot
How to test
View doc in markdown editor.