Add Storybook & Chromatic visual regression testing#760
Draft
Add Storybook & Chromatic visual regression testing#760
Conversation
- 30 story files with 79 stories across shared components, report output, and report creation flow - Storybook preview updated with Redux, React Query, MemoryRouter providers - storybookProviders.tsx for pre-populated mock data in creation flow stories - Chromatic CI workflow and npm script - Install chromatic and @storybook/addon-essentials Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Remove --exit-zero-on-changes so PR checks fail until visual changes are reviewed in Chromatic UI - Add push trigger to auto-accept merged changes as new baseline Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Fix no-param-reassign in seeded PRNG by using local variable - Fix operator-assignment lint rule (use ^= instead of = ... ^) - Fix duplicate import from ./choropleth - Update ParameterTable story to match current PolicyColumn interface - Cast choropleth config to PartialChoroplethMapConfig for type safety Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Collaborator
Author
|
Converting to draft, as in hindsight, this should probably be based on the changes in #730. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fixes #759
Summary
--only-changed)storybookProviders.tsx) that pre-populates Redux store and React Query cache for stories needing API dataDetails
Stories cover:
CI workflow (
chromatic.yaml):--only-changed, check fails until visual changes are reviewed/accepted in Chromatic UI--auto-accept-changesto update the baselineMock data provider:
storybookProviders.tsxprovideswithMockedProviders()decorator that seeds Redux with metadata (tax years, regions) and React Query with policy/household/geographic associationsTest plan
bun run storybook:buildpassesCHROMATIC_PROJECT_TOKENsecret is set in GitHub Actions🤖 Generated with Claude Code