Questions tagged [chromatic]

For questions about the visual testing service Chromatic.

Chromatic ensures consistency in UI components, down to the pixel. Every commit is automatically tested for visual changes in the cloud.

21 questions
0
votes
1 answer

[error]Bash exited with code '1' - bad substitution in Azure YAML pipeline

I am trying to integrate storybook/chromatic into my azure pipeline, however i am getting the following error: /home/vsts/work/_temp/60ae6370-8818-4ab7-a2d8-f4a0443fadf9.sh: line 1: --project-token=${project_token}: bad substitution I followed this…
Sole
  • 3,100
  • 14
  • 58
  • 112
0
votes
1 answer

PR validation pipeline without merge

GitHub creates a new ref when a pull request is created. The ref points to a merge commit, which is the merged code between the source and target branches of the pull request. The PR validation pipeline builds the commit this ref points to. (from…
irriss
  • 742
  • 2
  • 11
  • 22
0
votes
1 answer

Using addDecorator in Storybook's preview.ts throws Rendered more hooks than during the previous render

Reading through the resource loading documentation from Chromatic, the Solution B: Check fonts have loaded in a decorator section. Mainly would like to load our fonts before rendering the stories. The solution suggest to use addDecorator where with…
norbitrial
  • 14,716
  • 7
  • 32
  • 59
0
votes
1 answer

Chromatic deployment error when using github-actions

I am working on a React project which is using storybook, I'm trying to publish this storybook into chromatic with GitHub actions. I am using their sample chromatic.yml with just a few changes to match my project needs. Running the chromatic-cli my…
Jeremy
  • 1,447
  • 20
  • 40
0
votes
1 answer

How to auto accept changes in chromatic github workflow for main branch?

In Chromatic github workflow, how can I accept all changes automatically using the CLI option --auto-accept-changes if the branch is main? I am using the following github chromatic workflow to deploy the components of my app in chromatic: #…
Rashomon
  • 5,962
  • 4
  • 29
  • 67
0
votes
1 answer

Difference between $TRAVIS_EVENT_TYPE != 'pull_request' and $TRAVIS_PULL_REQUEST_SLUG != $TRAVIS_REPO_SLUG

I am trying to set up Chromatic in Travis. I saw Chromatic document recommends using this script in Travis if [[ $TRAVIS_EVENT_TYPE != 'pull_request' || $TRAVIS_PULL_REQUEST_SLUG != $TRAVIS_REPO_SLUG ]]; then npm run chromatic fi with…
Hongbo Miao
  • 45,290
  • 60
  • 174
  • 267
1
2