You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Install the Visual Tests addon by running the following command:
19
+
Add visual tests to your project by installing `@chromatic-com/storybook`, the official addon by Storybook maintainers:
20
20
21
21
<!-- prettier-ignore-start -->
22
22
23
23
<CodeSnippets
24
24
paths={[
25
-
'common/visual-test-addon-install.npm.js.mdx',
26
-
'common/visual-test-addon-install.pnpm.js.mdx',
27
-
'common/visual-test-addon-install.yarn.js.mdx'
25
+
'common/chromatic-storybook-add.npm.js.mdx',
26
+
'common/chromatic-storybook-add.pnpm.js.mdx',
27
+
'common/chromatic-storybook-add.yarn.js.mdx'
28
28
]}
29
29
/>
30
30
@@ -40,17 +40,17 @@ Storybook 7.4 or higher is required. Read the [migration guide](../migration-gui
40
40
41
41
When you start Storybook, you'll see a new addon panel for Visual Tests where you can run tests and view results.
42
42
43
-

43
+

44
44
45
45
To enable visual testing, sign up for [Chromatic](https://www.chromatic.com/start?startWithSignup=true&ref=storybook_site) and create a project. This will give you access to a fleet of cloud browsers.
Select a project from your project list to finish setup. If you're setting up the addon for the first time, the configuration files and necessary project identifiers will be added for you automatically.
50
50
51
51
### Configure
52
52
53
-
Visual Tests addon includes configuration options covering most use cases by default. You can also fine-tune the addon configuration to match your project's requirements via the [`./chromatic.config.json`](https://www.chromatic.com/docs/cli#configuration) file. Below are the available options and examples of how to use them.
53
+
The addon includes configuration options covering most use cases by default. You can also fine-tune the addon configuration to match your project's requirements via the [`./chromatic.config.json`](https://www.chromatic.com/docs/cli#configuration) file. Below are the available options and examples of how to use them.
0 commit comments