Package Health Score

64 / 100

security
Security review needed
popularity
Influential project
maintenance
Inactive
community
Active

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
0.3.1	\|	08/2022	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.2.8	\|	07/2022		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.1.7	\|	05/2022		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.0.3	\|	04/2022		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Influential project

Weekly Downloads (101,976)

GitHub Stars: 2.3K
Forks: 73
Contributors: 30

Direct Usage Popularity

The npm package jest-preview receives a total of 101,976 downloads a week. As such, we scored jest-preview popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package jest-preview, we found that it has been starred 2,296 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: Yes
Contributors: 30
Funding: Yes

With more than 10 contributors for the jest-preview repository, this is possibly a sign for a growing and inviting community.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 42
Open PR: 16
Last Release: 2 years ago
Last Commit: 1 year ago

Further analysis of the maintenance status of jest-preview based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for jest-preview is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 2 years
Dependencies: 15 Direct
Versions: 63
Install Size: 143 kB
Dist-tags: 2
# of Files: 46
Maintainers: 2
TS Typings: No

jest-preview has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

Jest Preview

Debug your Jest tests. Effortlessly. 🛠🖼

Jest Preview Demo

Try Jest Preview Online. No downloads needed!

Using Vitest? Try Vitest Preview

Why jest-preview

When writing tests using Jest, we usually debug by reading the HTML code. Sometimes, the HTML is too complicated to visualize the UI in our head. jest-preview previews your Jest tests right in a browser, then you can see your actual UI visually, which helps you write and debug Jest tests faster.

jest-preview is initially designed to work with Jest and react-testing-library. The package is framework-agnostic, and you can use it with any frontend frameworks and testing libraries. For examples:

Features

👀 Preview your actual app's HTML in a browser in milliseconds.
🔄 Auto reload browser when executing preview.debug()`.
💅 Support CSS:
- ✅ Direct CSS import
- ✅ Number of CSS-in-JS libraries, such as:
  - ✅ Styled-components
  - ✅ Emotion
- ✅ Global CSS
- ✅ CSS Modules
- ✅ Sass
🌄 Support viewing images.

How to use `jest-preview` in 2 lines of code

+import preview from 'jest-preview';

describe('App', () =&gt; {
  it('should work as expected', () =&gt; {
    render();
+    preview.debug();
  });
});

Or:

+import { debug } from 'jest-preview';

describe('App', () =&gt; {
  it('should work as expected', () =&gt; {
    render();
+    debug();
  });
});

You also need to start the Jest Preview Server by running the CLI jest-preview. Please continue to read Usage for the details instructions.

Feedback

Your feedback is very important to us. Please help jest-preview becomes a better software by submitting feedback here.

Installation

See the Installation Guide on Jest Preview official website.

Usage

See the Usage Guide on Jest Preview official website.

Advanced configurations

Jest Preview comes with Pre-configured transformation. However, in more advanced use cases where you have custom code transformation, check out the Code Transformation Guide.

Upcoming features

Support more css-in-js libraries.
Multiple previews.
You name it.

Support

Please file an issue, or add a new discussion if you encounter any issues.

You can also mention @JestPreview or @hung_dev on Twitter if you want to have some more discussions or suggestions.

We also have a Discord server:

Contributing

We can't wait to see your contributions. See the Contribution Guide at CONTRIBUTING.md

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Hung Viet Nguyen} 💻 📖 💡	_{Truong Nguyen} 💻 📖 💡	_{Viet Huu Doan} 🎨	_HarveyNguyen ⚠️	_{Matt Murphy} 📖	_{Traitanit Huangsri} 💻	_{Thanh Son Nguyen} 💻 💡 📖
_{Minh Nguyen} 📖	_{Kyle(Tình Vũ)} 🐛	_{Makoto Tateno} 📖	_{Abhishek Rawat} 📖	_{Huynh Duc Duy} 💻	_{Nuno Casteleira} 🐛	_sundaycrafts 💻
_LunduoCai 🐛	_huyenuet ⚠️	_{Bennett Dams} 📖	_{Steven Rosato} 💡 🐛	_nhducit 🤔	_{Benoit GRASSET} 🐛	_{Sergii Kirianov} 📖 🖋 💻
_{Kim, Harim} 📖	_{Lars Gyrup Brink Nielsen} 📖 💡	_{Mike Shi} 📖	_{Veniamin Krol} 📖	_{Ikko Ashimine} 💻	_{Pavel Shut} 🐛	_{David Z Hao} 🐛
_Rohitbels 💻	_{Rivaldi Putra} 📖

This project follows the all-contributors specification. Contributions of any kind are welcome!

Star history

License

This is open source software

MIT

jest-preview dependencies

@svgr/core camelcase chalk chokidar commander connect find-node-modules open postcss-import postcss-load-config sirv slash string-hash update-notifier ws

FAQs

What is jest-preview?

Preview your Jest tests in a browser. Visit Snyk Advisor to see a full health score report for jest-preview, including popularity, security, maintenance & community analysis.

Is jest-preview popular?

The npm package jest-preview receives a total of 101,976 weekly downloads. As such, jest-preview popularity was classified as an influential project. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is jest-preview well maintained?

We found indications that jest-preview is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is jest-preview safe to use?

While scanning the latest version of jest-preview, we found that a security review is needed. A total of 0 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 29 April-2024, at 12:34 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (101,976)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

Jest Preview

Why jest-preview

Features

How to use jest-preview in 2 lines of code

Feedback

Installation

Usage

Advanced configurations

Upcoming features

Support

Contributing

Contributors ✨

Star history

License

Sponsors

Bronze Sponsor 🥉

jest-preview dependencies

jest-preview development dependencies

FAQs

What is jest-preview?

Is jest-preview popular?

Is jest-preview well maintained?

Is jest-preview safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues

How to use `jest-preview` in 2 lines of code