docs: Update docs for jestPreviewConfigure

website/docs/api/jestPreviewConfigure.md

@@ -21,3 +21,44 @@ jestPreviewConfigure({
   publicFolder: 'your-public-folder-name',
 });
 ```
+
+## externalCss: string[]
+
+Default: `[]`
+
+CSS files outside your Jest rendered app (e.g: CSS from `src/index.js`, `main.jsx`) should be configured via `externalCss` option. They should be path from root of your project. For example:
+
+```js
+jestPreviewConfigure({
+  // Configure external CSS
+  externalCss: [
+    'demo/global.css',
+    'demo/global.scss', // Sass
+    'node_modules/@your-design-system/css/dist/index.min.css', // css from node_modules
+    'node_modules/bootstrap/dist/css/bootstrap.min.css',
+  ],
+```
+
+## publicFolder: string (default: "public")
+
+Default: `public`.
+
+Name of your public folder from the project root.
+
+You don't have to configure this by yourself if your public folder is `public`. Below you can find a list of public directories which have different names than `public`:
+
+<!-- Thanks msw for the idea https://github.com/mswjs/mswjs.io/blob/9f62d45a3740789cc4308ae1475027598541a007/docs/snippets/public-dir.mdx -->
+
+| Project name                         | Public directory |
+| ------------------------------------ | ---------------- |
+| [GatsbyJS](https://www.gatsbyjs.org) | `static`         |
+| [Angular](https://angular.io/)       | `src`            |
+| [Preact](https://preactjs.com)       | `src/static`     |
+
+## autoPreview: boolean
+
+Default: `true`
+
+Automatically preview the UI in the external browser when the test fails. You don't need to invoke `preview.debug()` by yourself anymore.
+
+Set to `false` if you experience any error or just want to opt-out.