No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Adquiere por un año todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/año

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

0D
6H
35M
46S

Creando el proyecto

5/27
Recursos

Aportes 14

Preguntas 17

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Si, como yo, les gusta trabajar con imports y exports, hay manera de configurar jest para que los permita. Esta es mediante Babel (un JavaScript compiler). El proceso es el siguiente:

  • Entrar a la página de Babel
  • Ubicar la sección: setup
  • Ahora escoger en el apartado de Test frameworks la opción: jest
  • El punto a considerar es el número 4, el cual indica que se debe instalar: npm install @babel/preset-env -D (shorcut para --save-dev)
  • Crear un archivo en el root del proyecto (o en la carpeta donde esté el package.json) llamado babel.config.json o .babelrc (OJO con el punto al inicio) y agregar la siguiente configuración:
    { "presets": ["@babel/preset-env"] }
  • Opcional: si arroja que faltan algunas dependencias, se debe instalar en modo desarrollo también, las siguientes:
    @babel/core @core

Aquí está el tutorial más detallado que realicé en esta misma plataforma

tengan, para que solo busquen la documentacion y peguen las cosas en los archivos correspondientes

mkdir testing-js
cd testing-js
git init
touch .gitingore
mkdir api
mkdir webapp
mkdir demos
touch .editorconfig
cd demos
npm init -y
touch .gitingore
npm install --save-dev jest
mkdir src
cd src
touch 01-sum.js
touch sum.test.js

código de .editorconfig

root = true

[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
end_of_line = lf
# editorconfig-tools is unable to ignore longs strings or urls
max_line_length = off

[CHANGELOG.md]
indent_size = false

Recuerden cambiar en el archivo 01-sum.test.js
en lugar de:
const sum = require(’./sum’);
es:
const sum = require(’./01-sum’);

Buenisimo, muchas gracias!!!

Wow!

Nunca habia tomado un curso con Nicolas Molina
Es realmente bueno explicando y enseñando!

Contenido del ignore:

# Created by https://www.toptal.com/developers/gitignore/api/macos,windows,linux
# Edit at https://www.toptal.com/developers/gitignore?templates=macos,windows,linux

### Linux ###
*~

# temporary files which can be created if a process still has a handle open of a deleted file
.fuse_hidden*

# KDE directory preferences
.directory

# Linux trash folder which might appear on any partition or disk
.Trash-*

# .nfs files are created when an open file is removed but is still being accessed
.nfs*

### macOS ###
# General
.DS_Store
.AppleDouble
.LSOverride

# Icon must end with two \r
Icon


# Thumbnails
._*

# Files that might appear in the root of a volume
.DocumentRevisions-V100
.fseventsd
.Spotlight-V100
.TemporaryItems
.Trashes
.VolumeIcon.icns
.com.apple.timemachine.donotpresent

# Directories potentially created on remote AFP share
.AppleDB
.AppleDesktop
Network Trash Folder
Temporary Items
.apdisk

### macOS Patch ###
# iCloud generated files
*.icloud

### Windows ###
# Windows thumbnail cache files
Thumbs.db
Thumbs.db:encryptable
ehthumbs.db
ehthumbs_vista.db

# Dump file
*.stackdump

# Folder config file
[Dd]esktop.ini

# Recycle Bin used on file shares
$RECYCLE.BIN/

# Windows Installer files
*.cab
*.msi
*.msix
*.msm
*.msp

# Windows shortcuts
*.lnk

# End of https://www.toptal.com/developers/gitignore/api/macos,windows,linux

EditorConfig es una herramienta que ayuda a los desarrolladores a mantener un estilo consistente de código entre diferentes editores y plataformas. Al utilizar un archivo .editorconfig en un proyecto, puedes especificar opciones como la cantidad de espacios en blanco, el uso de tabulaciones u otros estilos de codificación. Esto es útil cuando varias personas trabajan en un proyecto y pueden estar utilizando diferentes editores de código, ya que asegura que todo el código tenga un formato consistente.😌

Creando el proyecto

Vamos a empezar a crear un proyecto para aprender de testing con Jest. Para esto debemos ir a la página oficial de jest y vamos a leer un poco la documentación.

Vamos ahora a instalar Jest en nuestro proyecto, para esto ya debimos haber inicializado nuestro proyecto en Node.

Vamos entonces a descargar Jest:

npm install --save-dev jest

Para probar la funcionalidad de Jest vamos a copiar una prueba que tiene Jest en su página oficial.

Vamos a crear un archivo dentro de una carpeta src, este se llamará por ejemplo sum.js.

Dentro de este archivo vamos a copiar la siguiente función.

function sum(a, b) {
  return a + b;
}
module.exports = sum;

Para poder crear nuestra prueba, vamos a tener que crear un archivo de prueba que se llame igual que nuestro archivo creado, solo que al final debe tener la extensión .test.js ósea que nuestro archivo de test para nuestro archivo anterior se llamará sum.test.js.

Dentro de este vamos a crear nuestro test:

const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

Ya con esto lo último que nos falta es el como correr las pruebas, para esto iremos a nuestro archivo de configuración package.json y en el apartado de scripts vamos a modificar el comando de test:

{
  ...
  "scripts": {
    **"test": "jest"**
  },
  ...
}

Ahora en nuestra terminal vamos a poder ejecutar nuestro comando:

npm run test

Y si nuestra prueba sale como exitosa, ya tendríamos configurado Jest en nuestro proyecto.

Editor config

gitignore io no funciona bien en Firefox ni Brave

Pages

-Jest: Comando --> npm install --save-dev jest

Monorepositorio multipaquete

Utilicé los workspaces de npm para poder crearlo y tener un mejor manejo de dependencias y versionamiento de código, les dejo mi repo aquí