jest-preview

• Purpose: Jest Preview helps developers debug Jest tests by visually previewing the actual app's HTML in a browser, making it easier to write and debug tests.
• Target Audience: Developers using Jest for testing, particularly with frameworks like React, Svelte, Angular, and Vue.
• Key Features:
  • Preview HTML output in a browser with auto-reload.
  • Supports CSS (direct imports, CSS-in-JS libraries like Styled-components and Emotion, global CSS, CSS Modules, and Sass).
  • Supports viewing images.
• Framework Support: Works with multiple frameworks, including Svelte, React, Angular, and Vue.
• Usage Example:

  import { debug } from 'jest-preview';
  debug(); // Preview rendered UI in the browser
  

• Documentation: More details available on the official website .
• Feedback & Support: Users can submit feedback or report issues via GitHub or Discord .
• Upcoming Features:
  • Support for more CSS-in-JS libraries.
  • Multiple previews.
  • Community-driven feature requests.