Skip to content

Commit 917e5e4

Browse files
committed
Update package name
1 parent fd6b4ab commit 917e5e4

7 files changed

+17
-17
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
```shell
2+
npx storybook@latest add @chromatic-com/storybook
3+
```
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
```shell
2+
pnpm dlx storybook@latest add @chromatic-com/storybook
3+
```
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
```shell
2+
yarn dlx storybook@latest add @chromatic-com/storybook
3+
```

docs/snippets/common/visual-test-addon-install.npm.js.mdx

-3
This file was deleted.

docs/snippets/common/visual-test-addon-install.pnpm.js.mdx

-3
This file was deleted.

docs/snippets/common/visual-test-addon-install.yarn.js.mdx

-3
This file was deleted.

docs/writing-tests/visual-testing.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -14,17 +14,17 @@ Storybook supports cross-browser visual testing natively using [Chromatic](https
1414
/>
1515
</video>
1616

17-
### Install Visual Tests addon
17+
### Install the addon
1818

19-
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:
2020

2121
<!-- prettier-ignore-start -->
2222

2323
<CodeSnippets
2424
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'
2828
]}
2929
/>
3030

@@ -40,17 +40,17 @@ Storybook 7.4 or higher is required. Read the [migration guide](../migration-gui
4040

4141
When you start Storybook, you'll see a new addon panel for Visual Tests where you can run tests and view results.
4242

43-
![Visual Tests Addon enabled](./vta-enable.png)
43+
![Visual Tests addon enabled](./vta-enable.png)
4444

4545
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.
4646

47-
![Visual Tests Addon project selection](./vta-select-project.png)
47+
![Visual Tests addon project selection](./vta-select-project.png)
4848

4949
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.
5050

5151
### Configure
5252

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.
5454

5555
| Option | Description |
5656
| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |

0 commit comments

Comments
 (0)