ni / ni/nimble

Storybook builds don't reflect example app changes

Open
#3,052 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

blocked bug triage
Dominant language
TypeScript
Stars
39
Forks
14
Avg merge
1d 16h
Merged PRs (30d)
13

Description

🐛 Bug Report

In Chromatic August 2026 a change was introduced where if turbosnap does not detect any changes then the storybook build is not uploaded to chromatic at all. The feature is called bypassed builds.

Because we include some extra generated content in storybook (react / angular example apps for lighthouse checks, performance results, etc) those changes are not published in the storybook if there are no source changes to stories themselves that turbosnap can detect.

See https://github.com/chromaui/chromatic-cli/issues/1472

💻 Repro or Code Sample

The following PR demonstrates the behavior where with an example app only change the storybook publish was skipped: #3051

Workaround

Not ideal since it's a waste of snapshots for no reason but for example app / performance test only changes a workaround until a fix / feature is available from chromatic is bump the guid preview.js manually: https://github.com/ni/nimble/blob/76640ba3459409eba3495b8a58ca4072a48cf851/packages/storybook/.storybook/preview.js#L106

You probably need to do it in each subsequent commit in a PR that is non-story changes to, i.e., the example apps if you want to see the result of the changes in the built storybook.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing PR #3051 and packages/storybook/.storybook/preview.js, then compare the linked Chromatic Turbosnap and bypassed-build documentation. Done means changes limited to the React or Angular example apps are reflected in the published Storybook without manually bumping the preview GUID.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, react, storybook, typescript
Domain
build-system, testing-qa
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.