feat: Ability to configure cache folder

[srosato]

Summary/ Motivation (TLDR;)

Now possible to specify cache folder by either

• using preview.debug({cacheFolder: 'your-cache-folder'})
• automatically with the auto preview feature.

Related issues

• Auto previewing does not work when running a single test with WebStorm/IntelliJ #301)
• Jest preview not working with Nx monorepo #126

Features

• Specify cache folder for the debug function
• Specify cache folder for the jestPreviewConfigure

Fixes

• Running single tests with IDE such as WebStorm/IntelliJ and having the html output being stored at one place instead of relative to the closest jest config it can find.

Chores

• I ran prettier + eslint and it fixed files outside this PR scope

Usage

Take a look at examples/nextjs-nx/apps/app/jest.config.js, examples/nextjs-nx/apps/app/jest.setup.ts and examples/nextjs-nx/apps/app/specs/index.spec.tsx.

Basically:

For auto-preview

jestPreviewConfigure({
  autoPreview: true,
  cacheFolder: 'path-to-custom-cache-folder',
});

Using debug

// it is best to create a utility file so we do not have to specify it each time we import `debug`

import preview from "jest-preview";

export const debug = () => {
  preview.debug({cacheFolder: 'path-to-custom-cache-folder'});
};

[netlify]

✅ Deploy Preview for jest-preview-library ready!

Name	Link
🔨 Latest commit	a5db952
🔍 Latest deploy log	https://app.netlify.com/sites/jest-preview-library/deploys/6505f41b5915190008b4b0f7
😎 Deploy Preview	https://deploy-preview-305--jest-preview-library.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for jest-preview-chinese ready!

Name	Link
🔨 Latest commit	a5db952
🔍 Latest deploy log	https://app.netlify.com/sites/jest-preview-chinese/deploys/6505f41b16027800076e318a
😎 Deploy Preview	https://deploy-preview-305--jest-preview-chinese.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[srosato]

Main branch seems to break also on Jest Preview Ecosystem CI / build, not sure how to resolve

[srosato]

@nvh95 I wonder what you think about this feature? Is anything more needed? Let me know :)