Skip to content

chore: use Star Wars example content in stories and tests - #2660

Merged
Lisa18289 merged 2 commits into
mainfrom
claude/storybooks-star-wars-c95631
Jul 20, 2026
Merged

chore: use Star Wars example content in stories and tests#2660
Lisa18289 merged 2 commits into
mainfrom
claude/storybooks-star-wars-c95631

Conversation

@mfal

@mfal mfal commented Jul 16, 2026

Copy link
Copy Markdown
Member

What

Themes the example content shown in Storybook stories and in the
remote-react-components visual/behaviour tests to Star Wars (English).
Purely cosmetic example data — no component behaviour, props, or public API
changes.

Why

A fun, consistent example-data theme across the component playground and tests.

Changes

  • dummyText.ts (shared placeholder) → opening-crawl style text.
  • ~90 story files — filler text, example names/emails, list/table/menu/nav
    data, tooltips, file names, chart labels, etc.
  • ~40 remote-react-components visual tests + Avatar behaviour test
    free example content themed; assertions kept in sync where a rendered string
    is asserted (e.g. List filter input, Avatar accessible name).
  • 130 -darwin visual screenshots regenerated to match the new content.

Deliberately preserved (semantic strings)

Per review feedback, strings that document what is being demonstrated were
kept as-is:

  • state / variant / size / status labels — e.g. Primary solid, Disabled,
    Selected, Warning
  • slot labels — Text, Content, Heading, Label
  • story titles / export names, prop values, and argType options

⚠️ Reviewer note — screenshots

CI runs visual tests on ubuntu (Linux), but these could only be
regenerated locally on macOS (-darwin). The Linux baseline is still
stale
, so the visual job will be red until it's regenerated.

➡️ Please add the update-screenshots label to this PR to regenerate and
commit the Linux screenshots.

Verification

  • test:compile (tsc) ✅ components + remote-react-components
  • ESLint / Prettier ✅ all changed code
  • Avatar browser test ✅ (webkit)
  • Full WebKit visual suite ✅ 326/326 (against regenerated darwin screenshots)

🤖 Generated with Claude Code

@github-actions

github-actions Bot commented Jul 16, 2026

Copy link
Copy Markdown
Contributor

Coverage Report for ./packages/components/

Status Category Percentage Covered / Total
🔵 Lines 80.59% 324 / 402
🔵 Statements 80.53% 331 / 411
🔵 Functions 85.22% 75 / 88
🔵 Branches 67.26% 150 / 223
File CoverageNo changed files found.
Generated in workflow #5661 for commit d4dd92d by the Vitest Coverage Report Action

@github-actions

Copy link
Copy Markdown
Contributor

🚀 Preview Deployment

Preview environments are ready:

Type URL
docs pr-2660.docs.review.flow-components.de
storybook pr-2660.storybook.review.flow-components.de

Images:

  • docs: ghcr.io/mittwald/flow/docs:pr-2660
  • storybook: ghcr.io/mittwald/flow/storybook:pr-2660

@mfal mfal added the update-screenshots Label a PR to update the screenshots used for visual regression testing label Jul 16, 2026
@github-actions github-actions Bot removed the update-screenshots Label a PR to update the screenshots used for visual regression testing label Jul 16, 2026
Replaces the placeholder/example content shown in Storybook stories and in
the remote-react-components visual/behaviour tests with themed Star Wars
content (English). The goal is purely cosmetic example data — no component
behaviour, props, or public API changes.

What changed:
- dummyText.ts (shared placeholder) themed to opening-crawl style text.
- ~90 story files: filler text, example names/emails, list/table/menu/nav
  data, tooltips, file names, etc. themed.
- ~40 remote-react-components visual tests + Avatar behaviour test: free
  example content themed (assertions kept in sync where rendered strings
  are asserted).
- Regenerated -darwin visual screenshots to match the new content.

Semantically meaningful strings are deliberately preserved: state/variant/
size/status labels (e.g. "Primary solid", "Disabled", "Selected"), slot
labels ("Text", "Content", "Heading", "Label"), story titles/exports, and
prop values / argType options.

Note: only macOS (-darwin) screenshots could be regenerated locally. The
Linux baseline that CI checks must be regenerated via the `update-screenshots`
PR label.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@mfal
mfal force-pushed the claude/storybooks-star-wars-c95631 branch from 9e6e6f4 to a8c9381 Compare July 17, 2026 09:52
@mfal mfal added the update-screenshots Label a PR to update the screenshots used for visual regression testing label Jul 17, 2026
@github-actions github-actions Bot removed the update-screenshots Label a PR to update the screenshots used for visual regression testing label Jul 17, 2026
Co-authored-by: mfal <4696750+mfal@users.noreply.github.com>
@mfal mfal added the update-screenshots Label a PR to update the screenshots used for visual regression testing label Jul 17, 2026
@github-actions github-actions Bot removed the update-screenshots Label a PR to update the screenshots used for visual regression testing label Jul 17, 2026
@Lisa18289
Lisa18289 enabled auto-merge (squash) July 20, 2026 05:16
@Lisa18289
Lisa18289 merged commit 52e7f4e into main Jul 20, 2026
7 of 8 checks passed
@Lisa18289
Lisa18289 deleted the claude/storybooks-star-wars-c95631 branch July 20, 2026 06:00
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