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铆