Debug your Jest tests. Effortlessly.🛠🖼

Last update: Jan 4, 2023

Overview

Jest Preview

Debug your Jest tests. Effortlessly. 🛠 🖼

Try Jest Preview Online. No downloads needed!

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 initiates a server and serve your HTML in a browser, then you can see your actual UI visually, which helps you 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 testing libraries.

Features

👀 Preview your actual app's HTML in a browser in milliseconds.
🔄 Auto reload browser when execute preview.debug().
💅 Support CSS:
- ✅ Direct CSS import
- ✅ Styled-components
- ✅ External CSS
- ✅ CSS Modules
- ✅ Sass
🌄 Support viewing images.

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

+import preview from 'jest-preview';

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

Or:

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

describe('App', () => {
  it('should work as expected', () => {
    render(<App />);
+    debug();
  });
});

Examples

Use with Vite: Example with Vite
Use with Create React App: Example with CRA
Use with NextJs Rust Compiler: Example with NextJs Rust Compiler
Use with NextJS Babel: Example with CRA

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 preview.
You name it.

Run jest-preview locally

Install dependencies

npm install

To see the real demo app

npm run dev

Run jest and jest-preview simultaneously

npm run test

Open chrome at http://localhost:3336 to see the preview

However, it's recommend to run jest and jest-preview separately

npm run server # Run jest-preview server
npm run test:only # Run jest

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} 📖

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

License

MIT

Comments

Error occured when run script "npm i" in example of "create-react-app"❌
Describe the bug Error occured when run script "npm i" in example of "create-react-app"❌

To Reproduce just CD into "examples\create-react-app" and run "npm i"┭┮﹏┭┮

Expected behavior packages installed smoothly, then I can run the example.😄

Screenshots

Environment (please complete the following information)

OS: Windows 11

Browser: chrome

Additional context other examples may exist this problem(〃＞目＜)
bug cross-platform
opened by cainull 18
Test preview from example broken (Issue on Linux)
I tried to run the test from the example here: https://stackblitz.com/edit/jest-preview?file=src%2F__tests__%2FApp.test.tsx

I always get this error:

No preview found. Please run: preview.debug();

even on refresh and when i launch: npm run test
bug help wanted good first issue cross-platform
opened by benoitgrasset-alma 18
File paths don't match between Windows and Unix in Snapshots
Describe the bug I have a snapshot that replaces a component with its full path. I created a snapshot on Windows. When running the tests on Jenkins, the test fails, like this:

<svg> - /src/assets/svg/calendar.svg + \src\assets\svg\calendar.svg </svg>

Before implementing jest-preview, this test only had the name of the file:

<svg> calendar.svg </svg>

Environment (please complete the following information)

OS: macOS 12.2.1, Windows 11, Ubuntu 20

Jest version: 27.5.1

bug
opened by nunocasteleira 15
🧪 Support Tailwindcss
Features

[ ] Basic support for Tailwindcss.

Fixes

Nothing

Chores

Nothing

Note

Context of this pull request.

https://github.com/nvh95/jest-preview/issues/100#issuecomment-1139416875
opened by sundaycrafts 13
Adapter for NextJS + NextJS example
Issue: https://github.com/nvh95/jest-preview/issues/33

Features

[x] Create a Next.js adapter for Jest configuration, ~~maybe nextJestPreview~~ currently named enableJestPreview

Chores

[x] Make jest-preview work with Next.js (using Next.js compiler written in Rust)

[x] Make jest-preview work with Next.js (using Babel)

[ ] (This issue https://github.com/nvh95/jest-preview/issues/62 be handled in future PRs) Make Next's <Image /> work (Normally, Image is lazy and will only load when entering viewport. When run by jest-preview, it never loads)

[x] Create a README for Next.js example

Misc.

[x] Include nodemon as a dev dependency of jest-preview
opened by thanhsonng 11
Jest preview not working with Nx monorepo
Describe the bug Running a jest preview on a nx monorepo does not benefit from automatic refresh on test failures. The furthest I was able to make it work is by refreshing manually the page, but I do not get any automatic refresh. I attempted to create a reproduction repository by adding an example project.

To Reproduce

Checkout the branch I created within the PR: https://github.com/nvh95/jest-preview/pull/125

npm run install

npm run build

npm run types

cd examples/nextjs-nx

npm run jest-preview

npm run test

Expected behavior We should see a preview of the HTML output for the test contained within examples/nextjs-nx/apps/app/specs/index.spec.tsx

Environment

PopOS 22.04 LTS

Chrome

Jest version 27.5.1

Additional context

I will paste what I wrote on Discord, if that could help in any way

Chokidar seems inconsistent with its file watching. I could only achieve reliable file watching by removing the PUBLIC_CONFIG_PATH + adding usePolling: true to the watcher. I run on Linux (popOS 22.04). I have a feeling chokidar has inconsistent watch issues because I was not able to consistently watch for files changes when the debug function was writing the files. Have you guys ran on inconsistent watch issues? I was running a single jest test with a single test failing. I wonder how inconsistent it would become once I use a more intensive workflow (I use WallabyJs that will very often test files)

Since I am using an Nx monorepo, I run jest tests for one app within apps/app1 and the debug() (or auto preview) will output cached files within [project_root]/apps/app1/node_modules/.cache. The problem with the monorepo is that usually there will be one jest.config.js per app/library but the repo has a single package.json file and I run yarn jest-preview on the root of the project, and therefore the preview server assumes [project_root]/node_modules/.cache. I saw that the CACHE_DIRECTORY on previewServer.js and CACHE_FOLDER on the distributed file are hardcoded at the moment. I can contribute if you want, just wanted to get your opinion on how best you would implement changing cache folder directory (automatically detected or through an option at test setup?)

bug feature request needs-response
opened by srosato 10
Tailwind CSS doesn't get compiled in @import'ed files
Describe the bug

TailwindCSS doesn't get compiled if it's inside files that are imported.

In main css file:

@import "base.css"; @import "components.css"; @import "utils.css";

in imported files:

@tailwind base; @layer base { #id { @apply flex min-h-screen flex-col; } }

Reproduce

https://github.com/SpadarShut/jest-preview-import-tw-issue

Expected behavior

CSS should be compiled

Environment (please complete the following information)

OS: macOS 12.2.1

Browser: chrome

Jest version: 27.5.1

bug needs-response
opened by SpadarShut 9
Feat: notify users whenever an update available
Features

[x] Close #109

About @duong-le's considerations in https://github.com/nvh95/jest-preview/issues/109#issuecomment-1139927283

update-notifier already support 3 ways to disable the notification, I don't think that we need more than that.

As the package author said: This behavior is intentional in https://github.com/yeoman/update-notifier/issues/209#issuecomment-872302890, the choice is up to us.

update-notifier has a helpful distTag support so we can take advantage of it to notify in multiple distribution types.
opened by huynhducduy 7
Testing `jest-preview` in multiple platforms
What & Why

jest-preview is developed and tested on macOS. So we are not sure if it works on other platforms:

OS: Windows, linux...

Monorepo: lerna, turborepo...

How

We should find a way to make sure this library works on other platforms:

Seeking helps from contributors to test on other platforms

Setup CI/CD to run tests automatically

help wanted
opened by nvh95 7
Adding eslint
Added linting support using Eslint.

Extended configs eslint-config-standard, eslint-config-prettier

Fixed all linting issues found.

Skipped websites, examples and docs-e2e-testing directory.

Summary/ Motivation (TLDR;)

Making sure better and more readable code.

Related issues

Add eslint for development https://github.com/nvh95/jest-preview/issues/103
opened by Rohitbels 6
Don't use hard-coded localhost for websocket

Describe the bug

localhost is hard-coded here: https://github.com/nvh95/jest-preview/blob/v0.3.1/cli/server/ws-client.js#L4

This makes remote development a little more finicky. I'm running jest-preview in a remote server, and want to use my laptop's browser to visit the jest preview dashboard. Right now the dashboard loads fine, but since the websocket client tries to hit localhost, the auto-reloading doesn't work. I haven't tried it, but I believe a SSH tunnel would work around the issue, but would prefer not have to set that up.

I manually replaced localhost with my remote server's address, and things worked great

Screenshots

N/A

Reproduce

On a remote server with ports 3336 and 3337 available, run yarn jest-preview. Attempt to visit the remote IP at port 3336. Note that the JS console says that it tries to reach localhost:3337

Expected behavior

I think the simplest and almost-strictly-better than current state is to use the browser host (window.host or whatever) as the hostname. For people using localhost, things will continue to work like before, while those using non-localhost should now automatically work, assuming that port 3337 is reachable.

There is an edge case for people who use 3336 with a remote hostname, but need a localhost 3337 for some reason...

Environment (please complete the following information)

Running yarn jest-preview on a remote server, 0.3.1
bug

opened by davidhao3300 6
chore(deps): bump minimatch, recursive-readdir and serve-handler in /website
Bumps minimatch, recursive-readdir and serve-handler. These dependencies needed to be updated together. Updates minimatch from 3.0.4 to 3.1.2

Commits

699c459 3.1.2

2f2b5ff fix: trim pattern

25d7c0d 3.1.1

55dda29 fix: treat nocase:true as always having magic

5e1fb8d 3.1.0

f8145c5 Add 'allowWindowsEscape' option

570e8b1 add publishConfig for v3 publishes

5b7cd33 3.0.6

20b4b56 [fix] revert all breaking syntax changes

2ff0388 document, expose, and test 'partial:true' option

Additional commits viewable in compare view

Updates recursive-readdir from 2.2.2 to 2.2.3

Changelog

Sourced from recursive-readdir's changelog.

v2.2.3 - Mon, 19 Sep 2016 21:55:22 GMT

1840d5a7e58e9d8b96c217b8066077fec339de21 [fixed] updated minimatch to 3.0.5 (and added caret semver range) to address vulnerability in minimatch 3.0.4

v2.1.0 - Mon, 19 Sep 2016 21:55:22 GMT

v2.0.0 - Wed, 06 Apr 2016 04:31:02 GMT

v1.3.0 - Wed, 14 Oct 2015 14:35:55 GMT

45abf8fde380d7b1f5dc0e798d435ed50b834d9c [added] added custom matcher function to determine whether to ignore a file

eebc91c67abce413d6213e8f389ba4e0d32ffb63 [fixed] allow ignoring directories

v1.2.1 - Wed, 14 Jan 2015 16:49:55 GMT

Commits

See full diff in compare view

Maintainer changes

This version was pushed to npm by bnb, a new releaser for recursive-readdir since your current version.

Updates serve-handler from 6.1.3 to 6.1.5

Release notes

Sourced from serve-handler's releases.

6.1.5

Patches

Fix publish action: #189

Ensure npm run prepublish gets executed: #190

6.1.4

Patches

Bump lodash from 4.17.15 to 4.17.19: #124

Bump codecov from 3.7.0 to 3.7.1: #126

Bump node-fetch from 2.1.2 to 2.6.1: #131

Update minimatch from 3.0.4 to 3.1.2: #180

Credits

Huge thanks to @kachkaev for helping!

Commits

3a046b1 6.1.5

7542017 Ensure npm run prepublish gets executed (#190)

a2c28fb Fix publish action (#189)

3b2af55 6.1.4

f163677 Update README.md (#188)

f0aa4fc Move GitHub Actions to main branch (#187)

6ba5e33 Use GitHub Actions to run tests and publish (#186)

1ea1a9c Update minimatch from 3.0.4 to 3.1.2 (#180)

c7a4043 Bump node-fetch from 2.1.2 to 2.6.1 (#131)

28e85b1 Bump codecov from 3.7.0 to 3.7.1 (#126)

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by vercel-release-bot, a new releaser for serve-handler since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 2
chore(deps): bump json5 from 2.2.1 to 2.2.3 in /website
Bumps json5 from 2.2.1 to 2.2.3.

Release notes

Sourced from json5's releases.

v2.2.3

Fix: [email protected] is now the 'latest' release according to npm instead of v1.0.2. (#299)

v2.2.2

Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295).

Changelog

Sourced from json5's changelog.

v2.2.3 [code, diff]

Fix: [email protected] is now the 'latest' release according to npm instead of v1.0.2. (#299)

v2.2.2 [code, diff]

Fix: Properties with the name __proto__ are added to objects and arrays. (#199) This also fixes a prototype pollution vulnerability reported by Jonathan Gregson! (#295).

Commits

c3a7524 2.2.3

94fd06d docs: update CHANGELOG for v2.2.3

3b8cebf docs(security): use GitHub security advisories

f0fd9e1 docs: publish a security policy

6a91a05 docs(template): bug -> bug report

14f8cb1 2.2.2

10cc7ca docs: update CHANGELOG for v2.2.2

7774c10 fix: add proto to objects and arrays

edde30a Readme: slight tweak to intro

97286f8 Improve example in readme

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
Cannot bundle `update-notifier@6` (ESM only) to CommonJS using RollupJS
Context

User requests to upgrade update-notifier to the latest version (^6) to resolve a dependabot alert #269

However, update-notifier is ESM only, and it does not play well when bundling as CommonJS

Screenshots

TBU

Reproduce

0.3.2-alpha.1

Possible solutions

(tried) exclude update-notifier from external in Rollup config, to bundle update-notifier as CommonJS

However, it does not work. TODO: Upload screenshot and error message

Revert to update-notifier@5

Distribute jest-preview command as .mjs

bug
opened by nvh95 0
chore(deps): bump loader-utils from 2.0.3 to 2.0.4 in /website
Bumps loader-utils from 2.0.3 to 2.0.4.

Release notes

Sourced from loader-utils's releases.

v2.0.4

2.0.4 (2022-11-11)

Bug Fixes

ReDoS problem (#225) (ac09944)

Changelog

Sourced from loader-utils's changelog.

2.0.4 (2022-11-11)

Bug Fixes

ReDoS problem (#225) (ac09944)

Commits

6688b50 chore(release): 2.0.4

ac09944 fix: ReDoS problem (#225)

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
Having dependabot alerts: Got allows a redirect to a UNIX socket
Describe the bug

Hi team, we are having this dependabot alert of dependency from jest-preview.

The latest possible version that can be installed is 9.6.0 because of the following conflicting dependency:

[email protected] requires got@^9.6.0 via a transitive dependency on [email protected]

The earliest fixed version is 11.8.5.

Screenshots

Reproduce

Please provide a minimal reproduction for the issue. Thanks.

You can use one of the following options to reproduce the issue:

Create a new GitHub repository (recommended): https://github.com/new

Create a StackBlitz project: https://stackblitz.com

Create a sandbox on CodeSandbox: https://codesandbox.io/s

Expected behavior

Upgrade update-notifier to latest version should be able to solve this problem

Environment (please complete the following information)

OS: [e.g. macOS 12.2.1, Windows 11, Ubuntu 22.04]

Browser: [e.g. chrome, safari]

Jest version: [e.g. 27.5.1]

Additional context
bug
opened by KieraDOG 1

Releases(v0.3.1)

v0.3.1(Aug 30, 2022)
What's Changed

Inline import by @nvh95 in https://github.com/nvh95/jest-preview/pull/248

Deprecate externalCss in 0.3.1 by @nvh95 in https://github.com/nvh95/jest-preview/pull/175

Polish readme and docs by @nvh95 in https://github.com/nvh95/jest-preview/pull/250

docs: Add try now and Open in Stackblitz button by @nvh95 in https://github.com/nvh95/jest-preview/pull/251

Support LESS by @nvh95 in https://github.com/nvh95/jest-preview/pull/253

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.3.0...v0.3.1
Source code(tar.gz)
Source code(zip)
v0.3.0(Aug 22, 2022)
What's Changed

Nextjs nx example by @srosato in https://github.com/nvh95/jest-preview/pull/125

feat: Convert cypress to typescript by @nvh95 in https://github.com/nvh95/jest-preview/pull/205

191 update docs introduction section by @skirianov in https://github.com/nvh95/jest-preview/pull/196

[207] fixed broken link and change wording by @skirianov in https://github.com/nvh95/jest-preview/pull/208

feat: Add media assets (logo) by @nvh95 in https://github.com/nvh95/jest-preview/pull/210

feat: Support viewing SVG if import as ReactComponent by @ntt261298 in https://github.com/nvh95/jest-preview/pull/195

171 create script to sync examples by @skirianov in https://github.com/nvh95/jest-preview/pull/172

chore: Update docusaurus to 2.0.0-rc.1 + Update link in Header and Footer by @nvh95 in https://github.com/nvh95/jest-preview/pull/214

chore: add type hint for jest.config.js by @nvh95 in https://github.com/nvh95/jest-preview/pull/215

feat: Add deploysentinel.com as bronze sponsor by @nvh95 in https://github.com/nvh95/jest-preview/pull/220

feat: add deploysential to documentation site by @nvh95 in https://github.com/nvh95/jest-preview/pull/222

feat: Update docusaurus to version 2.0.1 by @nvh95 in https://github.com/nvh95/jest-preview/pull/223

Migrate to pnpm by @nvh95 in https://github.com/nvh95/jest-preview/pull/225

example: add jquery example by @nvh95 in https://github.com/nvh95/jest-preview/pull/228

docs: proper description for configuring global CSS by @iicdii in https://github.com/nvh95/jest-preview/pull/229

docs: correct installation step count by @LayZeeDK in https://github.com/nvh95/jest-preview/pull/231

Fix link typo in nextjs example README by @MikeShi42 in https://github.com/nvh95/jest-preview/pull/234

docs: add Angular CLI example by @LayZeeDK in https://github.com/nvh95/jest-preview/pull/227

Angular example improvement by @nvh95 in https://github.com/nvh95/jest-preview/pull/239

Fix typo in podcast blog post by @vkrol in https://github.com/nvh95/jest-preview/pull/243

Jest Preview Ecosystem CI by @nvh95 in https://github.com/nvh95/jest-preview/pull/242

chore: fix typo in Carbon/index.tsx by @eltociear in https://github.com/nvh95/jest-preview/pull/245

PostCSS support by @nvh95 in https://github.com/nvh95/jest-preview/pull/241

New Contributors

@srosato made their first contribution in https://github.com/nvh95/jest-preview/pull/125

@skirianov made their first contribution in https://github.com/nvh95/jest-preview/pull/196

@iicdii made their first contribution in https://github.com/nvh95/jest-preview/pull/229

@LayZeeDK made their first contribution in https://github.com/nvh95/jest-preview/pull/231

@MikeShi42 made their first contribution in https://github.com/nvh95/jest-preview/pull/234

@vkrol made their first contribution in https://github.com/nvh95/jest-preview/pull/243

@eltociear made their first contribution in https://github.com/nvh95/jest-preview/pull/245

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.8...v0.3.0
Source code(tar.gz)
Source code(zip)
v0.2.8(Jul 16, 2022)
What's Changed

Fix issue not reload on Linux by always read html from index.html by @ntt261298 in https://github.com/nvh95/jest-preview/pull/200

feat: record cypress results by @nvh95 in https://github.com/nvh95/jest-preview/pull/198

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.7...v0.2.8
Source code(tar.gz)
Source code(zip)
v0.2.7(Jul 14, 2022)
What's Changed

docs: rename external CSS => global CSS for easier understanding by @nvh95 in https://github.com/nvh95/jest-preview/pull/165

feat: Run cypress on documentation site periodically by @ntt261298 in https://github.com/nvh95/jest-preview/pull/185

feat: Add carbon by @nvh95 in https://github.com/nvh95/jest-preview/pull/186

docs: Harmonize Next.js spelling by @bennettdams in https://github.com/nvh95/jest-preview/pull/188

Cypress test by @huyenuet in https://github.com/nvh95/jest-preview/pull/187

Simplify preview logic by @nvh95 in https://github.com/nvh95/jest-preview/pull/190

E2e git action test by @ntt261298 in https://github.com/nvh95/jest-preview/pull/192

fix: Support es module for e2e test by @ntt261298 in https://github.com/nvh95/jest-preview/pull/194

chore: Merge file and fileCRA transformations by @nvh95 in https://github.com/nvh95/jest-preview/pull/193

Reduce building types time by caching old types by @nvh95 in https://github.com/nvh95/jest-preview/pull/152

New Contributors

@bennettdams made their first contribution in https://github.com/nvh95/jest-preview/pull/188

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.6...v0.2.7
Source code(tar.gz)
Source code(zip)
v0.2.6(Jul 2, 2022)
What's Changed

vue with vue-testing-librray example by @nvh95 in https://github.com/nvh95/jest-preview/pull/42

Cypress test by @huyenuet in https://github.com/nvh95/jest-preview/pull/154

feat: Add JS Party Podcast by @nvh95 in https://github.com/nvh95/jest-preview/pull/157

feat: add transcript for jsparty by @nvh95 in https://github.com/nvh95/jest-preview/pull/162

Cypress test by @huyenuet in https://github.com/nvh95/jest-preview/pull/159

chore: Update .github templates by @nvh95 in https://github.com/nvh95/jest-preview/pull/168

Docs improvement by @nvh95 in https://github.com/nvh95/jest-preview/pull/173

feat: Add svelte example by @nvh95 in https://github.com/nvh95/jest-preview/pull/177

Sass bugs fixing by @ntt261298 in https://github.com/nvh95/jest-preview/pull/167

fix: Export default file by @nvh95 in https://github.com/nvh95/jest-preview/pull/178

New Contributors

@huyenuet made their first contribution in https://github.com/nvh95/jest-preview/pull/154

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.5...0.2.6
Source code(tar.gz)
Source code(zip)
v0.2.5(Jun 18, 2022)
What's Changed

Add Remix Example by @thanhsonng in https://github.com/nvh95/jest-preview/pull/99

feat: Update svg images in landing page by @nvh95 in https://github.com/nvh95/jest-preview/pull/120

Better support for config-cra CLI in a monorepo by @nvh95 in https://github.com/nvh95/jest-preview/pull/143

Update cover by @nvh95 in https://github.com/nvh95/jest-preview/pull/146

Re-architect CSS transform by @nvh95 in https://github.com/nvh95/jest-preview/pull/133

🧪 Support Tailwindcss by @sundaycrafts in https://github.com/nvh95/jest-preview/pull/127

feat: Update postinstall + add clear-cache CLI by @nvh95 in https://github.com/nvh95/jest-preview/pull/148

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.4...v0.2.5
Source code(tar.gz)
Source code(zip)
v0.2.4(Jun 11, 2022)
What's Changed

Auto close a issue with needs-response tag after 10 days by @nvh95 in https://github.com/nvh95/jest-preview/pull/121

feat: add Star History by @nvh95 in https://github.com/nvh95/jest-preview/pull/123

Sass enhancement by @ntt261298 in https://github.com/nvh95/jest-preview/pull/101

chore: add webuild sponsor by @nvh95 in https://github.com/nvh95/jest-preview/pull/128

feat: Add mention in awesome badge by @nvh95 in https://github.com/nvh95/jest-preview/pull/130

feat: Run tests on windows by @nvh95 in https://github.com/nvh95/jest-preview/pull/122

docs: Add support channels by @nvh95 in https://github.com/nvh95/jest-preview/pull/135

Feat: notify users whenever an update available by @huynhducduy in https://github.com/nvh95/jest-preview/pull/129

Deprecate externalCss by @nvh95 in https://github.com/nvh95/jest-preview/pull/132

feat: Improve the log in Jest Preview Dashboard and polish docs by @nvh95 in https://github.com/nvh95/jest-preview/pull/141

New Contributors

@huynhducduy made their first contribution in https://github.com/nvh95/jest-preview/pull/129

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.3...v0.2.4
Source code(tar.gz)
Source code(zip)
v0.2.3(May 25, 2022)
What's Changed

Fix/file snapshot by @ntt261298 in https://github.com/nvh95/jest-preview/pull/118

Fix global sass on windows by @nvh95 in https://github.com/nvh95/jest-preview/pull/119

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.2...v0.2.3
Source code(tar.gz)
Source code(zip)
v0.2.2(May 24, 2022)
What's Changed

feat: add Best of JS badge by @nvh95 in https://github.com/nvh95/jest-preview/pull/112

chore: fix typo in contributing markdown by @AbePlays in https://github.com/nvh95/jest-preview/pull/114

Support jest 28 by @nvh95 in https://github.com/nvh95/jest-preview/pull/116

New Contributors

@AbePlays made their first contribution in https://github.com/nvh95/jest-preview/pull/114

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.1...v0.2.2
Source code(tar.gz)
Source code(zip)
v0.2.1(May 23, 2022)
What's Changed

Simplify styled-components + Inject css to document.head by @nvh95 in https://github.com/nvh95/jest-preview/pull/79

fix typo by @makotot in https://github.com/nvh95/jest-preview/pull/105

Already support Emotion + Add note about styled-jsx and Stiches by @nvh95 in https://github.com/nvh95/jest-preview/pull/108

feat: Add CONTRIBUTING.md by @nvh95 in https://github.com/nvh95/jest-preview/pull/76

chore: Update docusaurus to newest version by @nvh95 in https://github.com/nvh95/jest-preview/pull/110

First class support for CRA by @nvh95 in https://github.com/nvh95/jest-preview/pull/102

New Contributors

@makotot made their first contribution in https://github.com/nvh95/jest-preview/pull/105

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.2.0...v0.2.1
Source code(tar.gz)
Source code(zip)
v0.2.0(May 3, 2022)
What's Changed

feat: implement auto preview on error by @nvh95 in https://github.com/nvh95/jest-preview/pull/87

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.1.7...v0.2.0
Source code(tar.gz)
Source code(zip)
v0.1.7(May 2, 2022)
What's Changed

docs: Update intro.md by @minhmo1620 in https://github.com/nvh95/jest-preview/pull/91

Replace README content with links to website by @thanhsonng in https://github.com/nvh95/jest-preview/pull/93

Rename cache folder + Use node 16 + Support more Chromium-based browsers on Mac OSX by @nvh95 in https://github.com/nvh95/jest-preview/pull/95

Fix space in folder by @nvh95 in https://github.com/nvh95/jest-preview/pull/97

New Contributors

@minhmo1620 made their first contribution in https://github.com/nvh95/jest-preview/pull/91

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.1.6...v0.1.7
Source code(tar.gz)
Source code(zip)
v0.1.6(Apr 24, 2022)
What's Changed

Adapter for NextJS + NextJS examples by @thanhsonng in https://github.com/nvh95/jest-preview/pull/60

Nextjs website by @thanhsonng in https://github.com/nvh95/jest-preview/pull/65

New Contributors

@thanhsonng made their first contribution in https://github.com/nvh95/jest-preview/pull/60

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.1.5...v0.1.6
Source code(tar.gz)
Source code(zip)
v0.1.5(Apr 21, 2022)
What's Changed

feat: Support Dart SASS by @ntt261298 in https://github.com/nvh95/jest-preview/pull/52

feat: support non-english characters and responsive design by @nottyo in https://github.com/nvh95/jest-preview/pull/56

chore: Remind users to clearCache after config by @nvh95 in https://github.com/nvh95/jest-preview/pull/58

feat: Remove package-lock.json from examples by @nvh95 in https://github.com/nvh95/jest-preview/pull/61

feat: Add docs using docusaurus by @nvh95 in https://github.com/nvh95/jest-preview/pull/59

New Contributors

@nottyo made their first contribution in https://github.com/nvh95/jest-preview/pull/56

Full Changelog: https://github.com/nvh95/jest-preview/compare/v0.1.4...v0.1.5
Source code(tar.gz)
Source code(zip)
v0.1.4(Apr 18, 2022)
Fixes

Fix: jest --clearCache might break user's installation flow since jest might be installed after jest-preview.

Source code(tar.gz)
Source code(zip)
v0.1.3(Apr 18, 2022)
Features

Support serving files from Public folder.

Clear Jest cache after installation.

Fixes

Update rollup to:

Terser

Transpile to ES2019 (e.g: optional chaining)

Chores

Export debug as named also.

Source code(tar.gz)
Source code(zip)
v0.1.2(Apr 16, 2022)
Features

Add pre-configured transformers, so users can integrate jest-preview to their projects easier.

jest-preview/transforms/css

jest-preview/transforms/file

jest-preview/transforms/fileCRA

Source code(tar.gz)
Source code(zip)
v0.1.1(Apr 14, 2022)
Features

Support CSS Modules #40

Caveat: Support CSS Modules for CRA in the next version.

Source code(tar.gz)
Source code(zip)
v0.1.0(Apr 7, 2022)
Features

[BREAKING CHANGES] Simplify usage of the core function of jest-preview: preview(htmlElement) to preview.debug().

Users do not need to pass any argument to preview.debug(), the default is document.body which is the whole page (how authors expect users to use jest-preview).

Add title and favicon.ico for Dashboard

Fixes

[x] Fix externalCss get cached

Source code(tar.gz)
Source code(zip)
v0.0.3(Apr 6, 2022)
Features

Rewrite transforms. Do not need to copy assets to cache folder.

Add processFileCRA for CRA file transform.

[BREAKING CHANGES for CRA users] CRA users need to update fileTransform.js to use processFileCRA. See more at CRA README.md

Chores

Simplify the usage in docs and examples: preview(render(<App />).container) => preview(document.body).

Source code(tar.gz)
Source code(zip)
v0.0.2(Apr 4, 2022)
Fixes

Fix #15

Chores

Reuse opening jest-preview server tab on Chrome Mac

Source code(tar.gz)
Source code(zip)
v0.0.1(Apr 4, 2022)
Features

Add previewServer expose as jest-preview cli

Add css and file transforms

Support direct CSS import

Support viewing images, media files...

Support styled-components

Reload browser using web socket

Source code(tar.gz)
Source code(zip)