Skip to content

TurboSnap does not detect changes with storybook@9 and storybook-react-rsbuild@2 #1186

Open
@foxylion

Description

@foxylion

Chromatic Issues

Changing some component visuals does not detect in Chromatic taking any screenshots (all screenshots are used from TurboSnap).

Versions in use:

chromatic: 12.1.0
storybook: 9.0.4
storybook-react-rsbuild: 2.0.0

Bug report

  • Add those dependencies to a new project with an example story
  • Configure the project accordingly, enable TurboSnap
  • Run Chromatic and accept the screenshots
  • Modify the component under test
  • Run Chromatic again
  • No changes are detected, output of the Chromatic run is like the following:
> chromatic --project-token=***** --only-changed --exit-zero-on-changes
Chromatic CLI v12.1.0
https://www.chromatic.com/docs/cli
Authenticating with Chromatic
    → Connecting to https://index.chromatic.com/
Authenticated with Chromatic
    → Using project token '********e43d'
Retrieving git information
Found 1 changed files:
  ******/src/components/ExamplePage/ExamplePage.tsx
Retrieved git information
    → Commit 'aa7460f' on branch 'feature/test-turbnosnap'; found 1 parent build and 1 changed file
Collecting Storybook metadata
No viewlayer package listed in dependencies. Checking transitive dependencies.
Collected Storybook metadata
    → ; no supported addons found
Initializing build
Initialized build
    → Build 1114 initialized
Building your Storybook
    → Running command: pnpm run build-storybook --output-dir=/tmp/chromatic--469-jbLFaCS5a7DG --webpack-stats-json=/tmp/chromatic--469-jbLFaCS5a7DG
    → [*                   ]
    → [ *                  ]
Storybook built in 14 seconds
    → View build log at /home/runner/_work/******/build-storybook.log
Prepare your built Storybook
    → Validating Storybook files
Retrieving story files affected by recent changes
    → Traversing dependencies for 1 file that changed since the last build
Found affected story files:
Retrieved story files affected by recent changes
    → Found 0 story files affected by recent changes
Prepare your built Storybook
    → Calculating file hashes
Preparation complete
    → Storybook files validated and prepared for upload
Publishing your built Storybook
    → Starting publish
    → [==                  ] 10%
Publishing your built Storybook
    → Finalizing upload
Publish complete in 2 seconds
    → Uploaded 5 files (684.54 kB), skipped 58 files
Verifying your Storybook
    → This may take a few minutes
    → [*                   ]
Starting partial build
    → Snapshots will be limited to 0 story files affected by recent changes
✔ TurboSnap enabled
Capturing 0 snapshots and skipping 2 snapshots.
✔ Storybook published
We found 2 components with 2 stories.
ℹ View your Storybook at https://******
Started build 1114
    → View build details at https://www.chromatic.com/build?appId=******&number=1114
Finalizing build
    → All tests skipped
ℹ Speed up Continuous Integration
Your project is linked to GitHub so Chromatic will report results there.
This means you can add the option `with: exitOnceUploaded: true` to your workflow to skip waiting for build results.
Read more here: https://www.chromatic.com/docs/github-actions#available-options
✔ Build 1114 passed!
No changes were found in this build.
ℹ View build details at https://www.chromatic.com/build?appId=******&number=1114
Build 1114 passed!
    → Tested 2 stories across 2 components; captured 0 snapshots in 0 seconds

Metadata

Metadata

Assignees

Labels

CLIEmpathybugClassification: Something isn't workingneeds triageTracking: Issue needs confirmation

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions