From 687b12d7eecc0a79c76e29e2669b97741a091ac0 Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Fri, 9 Sep 2022 23:52:36 +0700 Subject: [PATCH 1/7] docs: add using vite for jest --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 65d724851095..f7e54be2e40c 100644 --- a/README.md +++ b/README.md @@ -185,6 +185,10 @@ module.exports = { Jest can be used in projects that use [webpack](https://webpack.js.org/) to manage assets, styles, and compilation. webpack does offer some unique challenges over other tools. Refer to the [webpack guide](https://jestjs.io/docs/webpack) to get started. +### Using vite + +Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest does not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. Alternatively you can use [vitest](https://github.com/vitest-dev/vitest). + ### Using parcel Jest can be used in projects that use [parcel-bundler](https://parceljs.org/) to manage assets, styles, and compilation similar to webpack. Parcel requires zero configuration. Refer to the official [docs](https://parceljs.org/docs/) to get started. From 9000c52ebcbf951081b7a77e3e68d6500e552a4d Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Fri, 9 Sep 2022 23:59:24 +0700 Subject: [PATCH 2/7] meta tweaks, add toc --- README.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index f7e54be2e40c..91699d06b48f 100644 --- a/README.md +++ b/README.md @@ -39,7 +39,8 @@ - [Additional Configuration](#additional-configuration) - [Generate a basic configuration file](#generate-a-basic-configuration-file) - [Using Babel](#using-babel) - - [Using webpack](#using-webpack) + - [Using Webpack](#using-webpack) + - [Using Vite](#using-vite) - [Using Parcel](#using-parcel) - [Using Typescript](#using-typescript) - [Documentation](#documentation) @@ -181,15 +182,15 @@ module.exports = { -### Using webpack +### Using Webpack Jest can be used in projects that use [webpack](https://webpack.js.org/) to manage assets, styles, and compilation. webpack does offer some unique challenges over other tools. Refer to the [webpack guide](https://jestjs.io/docs/webpack) to get started. -### Using vite +### Using Vite Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest does not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. Alternatively you can use [vitest](https://github.com/vitest-dev/vitest). -### Using parcel +### Using Parcel Jest can be used in projects that use [parcel-bundler](https://parceljs.org/) to manage assets, styles, and compilation similar to webpack. Parcel requires zero configuration. Refer to the official [docs](https://parceljs.org/docs/) to get started. From 49f933624b600b9fe0f62170085d6dba1d414e68 Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Sat, 10 Sep 2022 18:13:33 +0700 Subject: [PATCH 3/7] docs: change does to is Co-authored by @Smrtnyk review --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 91699d06b48f..cf5e25418959 100644 --- a/README.md +++ b/README.md @@ -188,7 +188,7 @@ Jest can be used in projects that use [webpack](https://webpack.js.org/) to mana ### Using Vite -Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest does not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. Alternatively you can use [vitest](https://github.com/vitest-dev/vitest). +Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest is not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. Alternatively you can use [vitest](https://github.com/vitest-dev/vitest). ### Using Parcel From 82464a82954224ca3fcef5106b46bdb00c9b9b0a Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Sat, 10 Sep 2022 18:16:30 +0700 Subject: [PATCH 4/7] docs: sync readme to `gettingstarted.md` Co-authored by @SimenB review --- docs/GettingStarted.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/GettingStarted.md b/docs/GettingStarted.md index 15632501f53a..5b24d9d72e42 100644 --- a/docs/GettingStarted.md +++ b/docs/GettingStarted.md @@ -114,11 +114,15 @@ module.exports = { -### Using webpack +### Using Webpack Jest can be used in projects that use [webpack](https://webpack.js.org/) to manage assets, styles, and compilation. webpack does offer some unique challenges over other tools. Refer to the [webpack guide](Webpack.md) to get started. -### Using parcel +### Using Vite + +Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest does not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. Alternatively you can use [vitest](https://github.com/vitest-dev/vitest). + +### Using Parcel Jest can be used in projects that use [parcel-bundler](https://parceljs.org/) to manage assets, styles, and compilation similar to webpack. Parcel requires zero configuration. Refer to the official [docs](https://parceljs.org/docs/) to get started. From 349f78eab5ae74e057da6c56b3e7257537613ea4 Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Sun, 11 Sep 2022 00:47:11 +0700 Subject: [PATCH 5/7] docs: delete alternative since it's sounds promoting Co-authored-by: Simen Bekkhus --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index cf5e25418959..f085dda78faa 100644 --- a/README.md +++ b/README.md @@ -188,7 +188,7 @@ Jest can be used in projects that use [webpack](https://webpack.js.org/) to mana ### Using Vite -Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest is not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. Alternatively you can use [vitest](https://github.com/vitest-dev/vitest). +Jest can be used in projects that use [vite](https://vitejs.dev/) to serves source code over native ESM to provide some frontend tooling, vite is an opinionated tool and does offer some out-of-the box workflows. Jest is not fully supported by vite due to how the [plugin system](https://github.com/vitejs/vite/issues/1955#issuecomment-776009094) from vite works, but there is some working examples for first-class jest integration using the `vite-jest`, since this is not fully supported, you might as well read the [limitation of the `vite-jest`](https://github.com/sodatea/vite-jest/tree/main/packages/vite-jest#limitations-and-differences-with-commonjs-tests). Refer to the [vite guide](https://vitejs.dev/guide/) to get started. ### Using Parcel From 28b6e76bc3a9976257c240d8b31dea915a58004a Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Sun, 11 Sep 2022 00:48:18 +0700 Subject: [PATCH 6/7] docs: lowercased webpack README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index f085dda78faa..a30c82ea6f19 100644 --- a/README.md +++ b/README.md @@ -39,7 +39,7 @@ - [Additional Configuration](#additional-configuration) - [Generate a basic configuration file](#generate-a-basic-configuration-file) - [Using Babel](#using-babel) - - [Using Webpack](#using-webpack) + - [Using webpack](#using-webpack) - [Using Vite](#using-vite) - [Using Parcel](#using-parcel) - [Using Typescript](#using-typescript) @@ -182,7 +182,7 @@ module.exports = { -### Using Webpack +### Using webpack Jest can be used in projects that use [webpack](https://webpack.js.org/) to manage assets, styles, and compilation. webpack does offer some unique challenges over other tools. Refer to the [webpack guide](https://jestjs.io/docs/webpack) to get started. From 60cd3f0c5dcd614e00737f269ecfb570c2abd8ef Mon Sep 17 00:00:00 2001 From: Muhammad Fauzan Date: Sun, 11 Sep 2022 00:50:04 +0700 Subject: [PATCH 7/7] docs: lowercased webpack --- docs/GettingStarted.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/GettingStarted.md b/docs/GettingStarted.md index 5b24d9d72e42..54496e0feda7 100644 --- a/docs/GettingStarted.md +++ b/docs/GettingStarted.md @@ -114,7 +114,7 @@ module.exports = { -### Using Webpack +### Using webpack Jest can be used in projects that use [webpack](https://webpack.js.org/) to manage assets, styles, and compilation. webpack does offer some unique challenges over other tools. Refer to the [webpack guide](Webpack.md) to get started.