If you make changes to a component and the snapshot test fails, you can update the snapshot by running npm run test:ci -- -u or npm run test:ci -- [file] -u for a specific snapshot file.

How to use Happo locally

Happo is our tool for visual regression testing. It's integrated as part of our CircleCI tests, but can also be run locally, with a little bit of setup:

Open up 1Password and search for a secure note titled: "Happo .env Variables - Studio"
Create a .env file in the studio directory (it will be ignored by git)
Add the .env variables from the 1Password document to the new file.
If you haven’t already, run npm install to make sure dependencies are installed (dotenv in particular).
Run npm run happo dev, which will watch files for changes and with the --only flag can be limited to specific components. See the docs for more info.
Happo will run tests, then provide a url where you can see the report.

Developing with PRF

If you don't already have a PRF container in rdev, create one:

rdev new patreon_react_features --name prf Open an SSH session to your container:
rdev ssh prf

Inside your container, install Studio in the home directory

cd /home/dev
git clone git@github.com:Patreon/studio.git

Run the same instructions as above:

cd studio
npm install
npm run prf:link

Clean up when done

Run npm run prf:unlink to revert to the published version of Studio.

Keywords

FAQs

What is @patreon/studio?

Is @patreon/studio well maintained?

Package last updated on 29 Jan 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install