docs(devs-infra): update ESM doc (#1468)

website/docs/guides/esm-support.md

@@ -59,6 +59,17 @@ module.exports = {
 
 #### Use ESM presets
 
+:::tip
+
+Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
+However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
+correctly.
+
+To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
+custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
+
+:::
+
 ```js
 // jest.config.js
 module.exports = {
@@ -76,14 +87,3 @@ module.exports = {
   }
 }
 ```
-
-:::tip
-
-Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
-However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
-correctly.
-
-To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
-custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
-
-:::

website/versioned_docs/version-10.x/guides/esm-support.md

@@ -47,6 +47,17 @@ module.exports = {
 
 #### Use ESM presets
 
+:::tip
+
+Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
+However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
+correctly.
+
+To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
+custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
+
+:::
+
 ```js
 // jest.config.js
 module.exports = {
@@ -64,14 +75,3 @@ module.exports = {
   }
 }
 ```
-
-:::tip
-
-Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
-However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
-correctly.
-
-To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
-custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
-
-:::

website/versioned_docs/version-11.0/guides/esm-support.md

@@ -53,6 +53,17 @@ module.exports = {
 
 #### Use ESM presets
 
+:::tip
+
+Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
+However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
+correctly.
+
+To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
+custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
+
+:::
+
 ```js
 // jest.config.js
 module.exports = {
@@ -70,14 +81,3 @@ module.exports = {
   }
 }
 ```
-
-:::tip
-
-Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
-However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
-correctly.
-
-To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
-custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
-
-:::

website/versioned_docs/version-11.1/guides/esm-support.md

@@ -53,6 +53,17 @@ module.exports = {
 
 #### Use ESM presets
 
+:::tip
+
+Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
+However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
+correctly.
+
+To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
+custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
+
+:::
+
 ```js
 // jest.config.js
 module.exports = {
@@ -70,14 +81,3 @@ module.exports = {
   }
 }
 ```
-
-:::tip
-
-Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
-However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
-correctly.
-
-To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
-custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
-
-:::

website/versioned_docs/version-12.0/guides/esm-support.md

@@ -59,6 +59,17 @@ module.exports = {
 
 #### Use ESM presets
 
+:::tip
+
+Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
+However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
+correctly.
+
+To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
+custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
+
+:::
+
 ```js
 // jest.config.js
 module.exports = {
@@ -76,14 +87,3 @@ module.exports = {
   }
 }
 ```
-
-:::tip
-
-Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
-However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
-correctly.
-
-To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
-custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
-
-:::

website/versioned_docs/version-9.x/guides/esm-support.md

@@ -47,6 +47,17 @@ module.exports = {
 
 #### Use ESM presets
 
+:::tip
+
+Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
+However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
+correctly.
+
+To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
+custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
+
+:::
+
 ```js
 // jest.config.js
 module.exports = {
@@ -64,14 +75,3 @@ module.exports = {
   }
 }
 ```
-
-:::tip
-
-Jest will attempt to load **ESM** files from `node_modules` with default `jest-resolve` which usually works for most of the cases.
-However, there are cases like Angular libraries **ESM** built files or **ESM** files which are outside `node_modules` might not be loaded
-correctly.
-
-To fix that, one can use `moduleNameMapper` in jest config to instruct Jest to load the correct **ESM** files or create a
-custom Jest [resolver](https://jestjs.io/docs/configuration#resolver-string).
-
-:::