Skip to content

[FEATURE] [Chromatic] Expand Storybook coverage — 18 components currently have no story #1789

Description

@magic-peach

Feature description
Chromatic visual regression only covers components with a .stories.tsx file. Cross-referencing src/components/*.tsx against existing *.stories.tsx files, these components currently have no story: ColorPicker, ComparisonPreview, DraggableTextOverlays, ErrorBoundary, FontSelector, Footer, ImageOverlay, LottiePlayer, NativeShareButton, OnboardingTour, ScrollToTop, TextControls, ThemeToggle, ThumbnailStrip, TipCarousel, VideoPreview, WaveformCanvas (ThemeProvider and DatadogInit are context/logic-only and don't need one).

Problem this solves
Visual regressions in any of these 17 components currently go completely undetected by the Chromatic CI check that's already sponsoring and running on every PR.

Proposed solution
Good first-issue-sized in small batches (e.g., 3-4 components per PR) rather than one giant PR — add a .stories.tsx for each following the pattern already established in existing stories (e.g. TrimControl.stories.tsx, FramingControl.stories.tsx).

Alternatives considered
One mega-PR covering all 17 — worse for review and for GSSoC point distribution across multiple contributors; split it up.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew feature requestgssoc'26GirlScript Summer of Code 2026level:intermediateIntermediate level - 35 ptssize: mediumMedium issue - a few filestestingTests needed or test infrastructuretype:featureNew featuretype:testingTesting

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions