Skip to content

FEC - 1237 - 1246 Chromatic wrap up - #3296

Open
valoriecarli wants to merge 12 commits into
mainfrom
FEC-1137-and-friends
Open

FEC - 1237 - 1246 Chromatic wrap up#3296
valoriecarli wants to merge 12 commits into
mainfrom
FEC-1137-and-friends

Conversation

@valoriecarli

@valoriecarli valoriecarli commented Aug 11, 2026

Copy link
Copy Markdown
Collaborator

ui-kit's VRTs run on Percy, and we're replacing it with Chromatic.
Each*.visualroute.jsx+ *.visualspec.js pair becomes a captured Storybook story.
Though some questionable presentation tweaks were made, this migration is PARITY ONLY. Same states, same props, same order, so Chromatic takes over w/o changing what's covered.

This is the last conversion batch that includes the remaining fields, inputs and stragglers, plus theme-provider.
It also tightens the Chromatic comments and skill docs.

The numbers aren't 1:1 for reasons, but every live Percy snapshot now has a story.

Percy is running concurrently, nothing is deleted at this time.

References:

@valoriecarli valoriecarli self-assigned this Aug 11, 2026
@vercel

vercel Bot commented Aug 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ui-kit Ready Ready Preview Aug 11, 2026 9:08pm

Request Review

@changeset-bot

changeset-bot Bot commented Aug 11, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: d8e0645

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@valoriecarli
valoriecarli marked this pull request as ready for review August 11, 2026 18:16
@valoriecarli
valoriecarli requested a review from a team as a code owner August 11, 2026 18:16
@valoriecarli valoriecarli changed the title WIP FEC - 1237 - 1246 Chromatic wrap up Aug 11, 2026

@tylermorrisford tylermorrisford left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The theme-provider.spec.tsx is a genuinely good test file — covers the DOM-writing behavior, scoped vs root targeting, overrides, custom properties, and the MutationObserver-based reactivity all in one place. A lot of care went into this one.

Two nits inline.


| | Percy `Spec` | `VisualSpec` |
| -------------------- | ---------------------------------------- | -------------------------- |
| Layout | column: label bar, prop table, component | row: component, then label |

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we update this? The table still says "row: component, then label" but visual-spec.tsx now renders a column with the label on top. The old description matched the grid layout; the new one is flex-direction: column with <Label> before <Box>.

unlike its four siblings which use boolean. The component only does
`if (!this.props.isReadOnly)`, so this object is truthy and renders
exactly as the route file's `true` did. */
isReadOnly={{ exact: true }}

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The comment explains this well — just flagging it so we don't lose track. CreatableSelectField types isReadOnly as ConstrainBooleanParameters while its four siblings use a plain boolean. Worth a follow-up ticket to align the prop type, separate from this migration.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants