nvh95/jest-preview

Health v2 · maintenance only

Adoption not part of the score

2393 stars · 81 forks observed · 2026-08-28

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

Jest Preview is an npm library and CLI that renders the DOM output of Jest tests in a browser so developers can visually debug UI tests instead of reading raw HTML. It is framework-agnostic and supports CSS, CSS-in-JS, images, and auto-reload via preview.debug().

Use cases

• visually debug jest ui tests in a browser
• preview rendered html from react testing library tests
• stop reading cryptic html output when debugging frontend tests
• see css and styled-components applied in jest test output
• auto reload browser preview while writing jest tests
• debug nextjs or vue component tests visually

When to choose

• you write Jest or Vitest tests with a rendered DOM and struggle to visualize the UI from HTML
• you use CSS, CSS modules, or CSS-in-JS and want to verify styling in tests
• you want a fast, two-line integration to improve frontend test debugging

When to avoid

• you only run node/backend tests with no DOM output
• you use a test runner other than Jest or Vitest without DOM rendering
• you need full end-to-end browser automation rather than a static preview

Facets

library · maturity active

testing e2e-testing developer-tools cli testing frontend developer-tools web-development browser cli cross-platform jest vitest test-debugging ui-preview react-testing-library css-in-js developer-experience nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="nvh95/jest-preview")