arroyostack · July 13, 2023 10:33 · Jul 13, 2023 · Jul 13, 2023 · Jul 13, 2023 · Jul 13, 2023
diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -1,5 +1,5 @@
-# Instalación y configuracion de Jest + React Testing Library
-## En proyectos de React + Vite
+## Installs and configuration for Jest + React Testing Library
+## For  React + Vite projects
 
 1. Necessary installs:
 ```

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -19,7 +19,7 @@ yarn add --dev whatwg-fetch
   "test": "jest --watchAll"
 ```
 
-4. Create babel configuration file  __babel.config.js__. Warning if you get module type error rename to extension __.cjs__
+4. Create babel configuration file  __babel.config.js__. Warning!: if you get a module type error, rename file to extension __.cjs__
 ```
 module.exports = {
     presets: [

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -19,7 +19,7 @@ yarn add --dev whatwg-fetch
   "test": "jest --watchAll"
 ```
 
-4. Create babel configuration file  __babel.config.js__.
+4. Create babel configuration file  __babel.config.js__. Warning if you get module type error rename to extension __.cjs__
 ```
 module.exports = {
     presets: [

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -1,25 +1,25 @@
 # Instalación y configuracion de Jest + React Testing Library
 ## En proyectos de React + Vite
 
-1. Instalaciones:
+1. Necessary installs:
 ```
 yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
 yarn add --dev @testing-library/react @types/jest jest-environment-jsdom
 ```
 
-2. Opcional: Si usamos Fetch API en el proyecto:
+2. Optional: If we use Fetch API in the project:
 ```
 yarn add --dev whatwg-fetch
 ```
 
-3. Actualizar los scripts del __package.json__
+3. Update __package.json__ scripts
 ```
 "scripts: {
   ...
   "test": "jest --watchAll"
 ```
 
-4. Crear la configuración de babel __babel.config.js__
+4. Create babel configuration file  __babel.config.js__.
 ```
 module.exports = {
     presets: [
@@ -29,7 +29,7 @@ module.exports = {
 };
 ```
 
-5. Opcional, pero eventualmente necesario, crear Jest config y setup:
+5. Optional, but eventually necessary, create Jest config and setup:
 
 __jest.config.js__
 ```
@@ -41,7 +41,7 @@ module.exports = {
 
 __jest.setup.js__
 ```
-// En caso de necesitar la implementación del FetchAPI
+// In case you need to implement the FetchAPI
 import 'whatwg-fetch'; // <-- yarn add whatwg-fetch
 ```
 

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -30,6 +30,7 @@ module.exports = {
 ```
 
 5. Opcional, pero eventualmente necesario, crear Jest config y setup:
+
 __jest.config.js__
 ```
 module.exports = {

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -12,7 +12,7 @@ yarn add --dev @testing-library/react @types/jest jest-environment-jsdom
 yarn add --dev whatwg-fetch
 ```
 
-3. Actualizar los scripts del __package.json___
+3. Actualizar los scripts del __package.json__
 ```
 "scripts: {
   ...

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -30,7 +30,7 @@ module.exports = {
 ```
 
 5. Opcional, pero eventualmente necesario, crear Jest config y setup:
-__jest.config.js___
+__jest.config.js__
 ```
 module.exports = {
     testEnvironment: 'jest-environment-jsdom',

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -1,3 +1,6 @@
+# Instalación y configuracion de Jest + React Testing Library
+## En proyectos de React + Vite
+
 1. Instalaciones:
 ```
 yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 

diff --git a/vite-testing-config.md b/vite-testing-config.md
@@ -0,0 +1,44 @@
+1. Instalaciones:
+```
+yarn add --dev jest babel-jest @babel/preset-env @babel/preset-react 
+yarn add --dev @testing-library/react @types/jest jest-environment-jsdom
+```
+
+2. Opcional: Si usamos Fetch API en el proyecto:
+```
+yarn add --dev whatwg-fetch
+```
+
+3. Actualizar los scripts del __package.json___
+```
+"scripts: {
+  ...
+  "test": "jest --watchAll"
+```
+
+4. Crear la configuración de babel __babel.config.js__
+```
+module.exports = {
+    presets: [
+        [ '@babel/preset-env', { targets: { esmodules: true } } ],
+        [ '@babel/preset-react', { runtime: 'automatic' } ],
+    ],
+};
+```
+
+5. Opcional, pero eventualmente necesario, crear Jest config y setup:
+__jest.config.js___
+```
+module.exports = {
+    testEnvironment: 'jest-environment-jsdom',
+    setupFiles: ['./jest.setup.js']
+}
+```
+
+__jest.setup.js__
+```
+// En caso de necesitar la implementación del FetchAPI
+import 'whatwg-fetch'; // <-- yarn add whatwg-fetch
+```
+
+