styled-components/jest-styled-components

Health v2 · maintenance only

Adoption not part of the score

1580 stars · 144 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A testing utility library for styled-components that improves Jest, Vitest, and Bun snapshot testing by inlining readable CSS rules into snapshots and adding a toHaveStyleRule matcher. It replaces opaque hashed class names with deterministic placeholders so style diffs are meaningful.

Use cases

• test styled-components CSS in jest snapshots
• assert a component has a specific style rule
• make styled-components snapshot diffs readable
• run styled-components tests with vitest or bun
• avoid meaningless class name changes in snapshot diffs
• test react native styled-components styles

When to choose

• you use styled-components v5+ and Jest, Vitest, or Bun for testing
• your styled-components snapshots are full of hashed class names and unreadable diffs
• you need to assert specific CSS values on styled components

When to avoid

• you don't use styled-components or another css-in-js library
• you use a test runner other than Jest, Vitest, or Bun
• you rely on legacy Enzyme-based testing workflows

Facets

library · maturity active

testing e2e-testing testing frontend web-development developer-tools bun cli jest vitest styled-components snapshot-testing css-in-js react custom-matcher nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="styled-components/jest-styled-components")