Socket
Socket
Sign inDemoInstall

vitest-preview

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vitest-preview - npm Package Compare versions

Comparing version 0.0.1-alpha.4 to 0.0.1

22

package.json
{
"name": "vitest-preview",
"version": "0.0.1-alpha.4",
"description": "",
"version": "0.0.1",
"description": "Visual Debugging Experience for Vitest 🧪🖼⚡️",
"type": "module",

@@ -15,3 +15,19 @@ "main": "dist/index.js",

},
"keywords": [],
"keywords": [
"testing",
"vitest",
"frontend",
"productivity",
"debug",
"preview vitest",
"vitest browser"
],
"homepage": "https://www.vitest-preview.com",
"repository": {
"type": "git",
"url": "git+https://github.com/nvh95/vitest-preview.git"
},
"bug": {
"url": "https://github.com/nvh95/viest-preview/issues"
},
"author": {

@@ -18,0 +34,0 @@ "name": "Hung Viet Nguyen",

@@ -1,2 +0,5 @@

<!-- TODO: Write a GitHub Actions to sync with root readme -->
<p align="center">
<img align="center" alt="Vitest Preview Logo" src="https://user-images.githubusercontent.com/8603085/197406675-dbe5b555-3a71-4c6d-9547-776c18052881.svg" width="120"/>
</p>
<h1 align="center">

@@ -7,6 +10,8 @@ Vitest Preview

<p align="center">
Debug your Vitest tests. Effortlessly. 🛠🖼
Debug your Vitest tests. Effortlessly. 🧪🖼⚡️
</p>
<!-- TODO: Add GIF -->
<p align="center">
<img align="center" src="https://user-images.githubusercontent.com/8603085/197373376-f6a3fe33-487b-4c35-8085-8e7e6357ce40.gif" alt="Vitest Preview Demo" />
</p>

@@ -48,2 +53,4 @@ <p align="center">

### Process CSS
You need to configure `vitest` to process CSS by:

@@ -81,2 +88,4 @@

### Add script vitest-preview
`vitest-preview` has a CLI that opens **Vitest Preview Dashboard** where you can preview your tests' UI. You can update your `package.json` to add a script for more convenience:

@@ -90,2 +99,11 @@

### Update .gitignore
Update your `.gitignore`
```diff
// .gitignore
+.vitest-preview
```
## Usage

@@ -117,2 +135,7 @@

## Examples
- [react-testing-library](https://github.com/nvh95/vitest-preview/tree/main/examples/react-testing-library)
- [@vue/test-utils](https://github.com/nvh95/vitest-preview/tree/main/examples/vue-test-utils)
## Contributing

@@ -126,4 +149,12 @@

## License
![This is open source software](https://user-images.githubusercontent.com/8603085/161439058-98faea42-c6e6-46f4-9ce6-218fad5f3b9a.gif)
MIT
## Support
If you like the project, please consider supporting it by giving a ⭐️ to encourage the author.
<!-- TODO: Write a GitHub Actions to sync with root readme -->
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc