Configure Percy environment variables in Travis CI
Percy is designed to integrate with your tests and CI environment. To enable Percy, the token environment variable must be configured in your CI service:
PERCY_TOKEN: The Percy repo write-only API token. This is unique for each Percy repository.
Travis repo settings
Travis CI provides an easy way to set environment variables in settings for a repository:
In your Travis repository go to Settings > Environment Variables.
PERCY_TOKEN to the write-only token from your Percy repo. This token can be found in each Percy repo's settings.
IMPORTANT: Keep your Percy token secret. Anyone with access to your token can consume your account quota, though they cannot read data.
For Travis CI, make sure the "Display value in build log" toggle is off.
Alternative .travis.yml setup
A slightly more complicated way to set secret environment variables in Travis is to encrypt them and store them in your
.travis.yml. See the Travis: Encrypted Variables docs for more info.
Next step: integrate with tests
You're done with setup---the last step is to integrate Percy into your tests and run them. Just choose your client library:
- Storybook for React
- Storybook for Angular
- Storybook for Vue.js
- Storybook for Ember
Updated about 4 years ago