Skip to content
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

Merged
merged 9 commits into from
Jan 18, 2018
Merged

Conversation

anescobar1991
Copy link
Contributor

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.

@codecov
Copy link

codecov bot commented Jan 17, 2018

Codecov Report

Merging #2767 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           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
Impacted Files Coverage Δ
app/vue/src/server/utils.js 0% <0%> (-53.58%) ⬇️
lib/components/src/table/table.js 83.33% <0%> (ø) ⬆️
lib/ui/src/modules/shortcuts/actions/shortcuts.js 22.41% <0%> (ø) ⬆️
lib/ui/src/modules/ui/components/layout/index.js 29.28% <0%> (ø) ⬆️
addons/info/src/components/Story.js 88.03% <0%> (ø) ⬆️
.../src/modules/ui/components/stories_panel/header.js 29.62% <0%> (ø) ⬆️
addons/events/src/components/Event.js 38.55% <0%> (ø) ⬆️
...s/actions/src/lib/types/function/createFunction.js 53.33% <0%> (ø) ⬆️
app/react-native/src/bin/storybook-start.js 0% <0%> (ø) ⬆️
addons/jest/src/components/Result.js 0% <0%> (ø) ⬆️
... and 46 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 2059080...e2ff103. Read the comment docs.


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.
Copy link
Member

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

@Hypnosphi
Copy link
Member

@tmeasday would you like Chromatic to be mentioned here as well?

@tmeasday
Copy link
Member

@Hypnosphi sure! We should mention the other commercial offerings that support storybook too: Percy and Screener.

@anescobar1991
Copy link
Contributor Author

@Hypnosphi should I do that here? Or should those be added in a separate PR?

@Hypnosphi
Copy link
Member

@anescobar1991 as you wish =)

@anescobar1991
Copy link
Contributor Author

@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)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And also Chromatic

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants