https://github.com/applitools/tutorial-storybook-vue
Applitools Eyes tutorial using Storybook with Vue
https://github.com/applitools/tutorial-storybook-vue
applitools
Last synced: 4 months ago
JSON representation
Applitools Eyes tutorial using Storybook with Vue
- Host: GitHub
- URL: https://github.com/applitools/tutorial-storybook-vue
- Owner: applitools
- Created: 2018-10-10T21:49:59.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-05-06T14:01:45.000Z (about 1 year ago)
- Last Synced: 2025-07-26T07:37:38.270Z (11 months ago)
- Topics: applitools
- Language: MDX
- Homepage: https://info.applitools.com/ucy78
- Size: 5.71 MB
- Stars: 1
- Watchers: 7
- Forks: 1
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Applitools Tutorial - Storybook Vue
Get started with Applitools Eyes visual testing with this example of using [Storybook](https://storybook.js.org/) and our [Eyes Storybook SDK](https://applitools.com/tutorials/sdks/storybook).
Learn more about how to install and start this project with our [Storybook tutorial](https://applitools.com/tutorials/sdks/storybook)!
# Installation & Run
1. Install the dependencies
```sh
npm install
```
To authenticate via the Applitools server and run tests, you need to set your API key provided from Applitools Eyes. For details on how to retrieve your API key, see [the Applitools documentation](https://applitools.com/tutorials/getting-started/retrieve-api-key).
2. Choose one of the following options to set your API Key.
* Set your Applitools API Key as an environment variable.
* macOS/Linux: `export APPLITOOLS_API_KEY=`
* Windows: `set APPLITOOLS_API_KEY=`
* Set your Applitools API Key inside the **applitools.config.js** file via the `apiKey` setting.
* Note: If you are not using the Eyes public cloud, you will need to update the `serverUrl` to your Eyes server URL in the **applitools.config.js** configuration file or set via an `APPLITOOLS_SERVER_URL` environment variable. See our [documentation](https://applitools.com/tutorials/sdks/storybook/config) for more information on these settings.
3. Run the example test
```sh
npx eyes-storybook
```
4. After the example tests complete. Visit your Applitools Eyes dashboard to view the results.
## More Information
Learn more about [Applitools Eyes](https://www.applitools.com) and the [Applitool Ultrafast Grid](https://applitools.com/platform/ultrafast-grid).
More about the Eyes Storybook SDK:
* https://www.npmjs.com/package/@applitools/eyes-storybook