Implementado Setup

Clase 10 de 27 • Curso de Introducción al Testing con JavaScript

Paul Lazcano

student•

Por si se quieren ahorrar la ida al gh

class Person {
  constructor(name, weight, height) {
    this.name = name;
    this.weight = weight;
    this.height = height;
  }

  calcIMC() {
    const result = Math.round(this.weight / (this.height * this.height));
    if (result < 0) {
      return 'no found';
    } if (result >= 0 && result < 18) {
      return 'down';
    } if (result >= 18 && result <= 24) {
      return 'normal';
    } if (result >= 25 && result <= 26) {
      return 'overweight';
    } if (result >= 27 && result <= 29) {
      return 'overweight level 1';
    } if (result >= 30 && result <= 39) {
      return 'overweight level 2';
    } if (result >= 40) {
      return 'overweight level 3';
    }
    return 'not found';
  }
}
module.exports = Person;

Ameth Ordoñez Erazo

student•

Tome su like ♥️ buen hombre

Rubén Ernesto Aragón Gil

student•

Papá eres tú?

Gracias

Sergio José Antozzi

student•

Gracias a esta clase me di cuenta de que tengo sobrepeso

Rodrigo Andrés Moreno Pertúz

student•

jajaja aplica mi script de reduce_fat_fast para bajarle peso a las imagenes xD

Willie David Roa Hidalgo

student•

🤣😂🤣

Edgar Mauricio Pérez Rojas

student•

Código comentado / Resumen Agrupar los casos nos deja una mejor organización en el documento del test y en la salida de terminal.

// Aquí implementaremos los hooks y los grupos (describe) con una clase de pruebas.

const Person = require('./06-person');

describe('Test for Person', () => { // Se agrupan las pruebas de rango IMC
  let person; // Se instancia el objeto persona para automatizar.
  beforeEach(() => {
    person = new Person('Rigo', 45, 1.7); // Asignamos datos a la nueva persona.
  });
  test('should return down', () => {
    person.weight = 45; // Cambiamos los datos de la persona para este rango/caso.
    const imc = person.calcIMC();
    expect(imc).toBe('down');
  });

  test('should return normal', () => {
    person.weight = 59;
    const imc = person.calcIMC();
    expect(imc).toBe('normal');
  });
});

OUT Terminal 06-person.test.js

 ~/.../testing-js/demos   master ●  npm run test -- 06-person

> demos@1.0.0 test
> jest "06-person"

 PASS  src/06-person.test.js
  Test for Person
    ✓ should return down (8 ms)
    ✓ should return normal (1 ms)

Test Suites: 1 passed, 1 total
Tests:       2 passed, 2 total
Snapshots:   0 total
Time:        0.378 s, estimated 1 s
Ran all test suites matching /06-person/i.

OUT Terminal 02-math.test.js

 ~/.../testing-js/demos   master ●  npm test -- 02-math

> demos@1.0.0 test
> jest "02-math"

 PASS  src/02-math.test.js
  Test for math
    test for sum
      ✓ adds 1 + 3 should be 4 (2 ms)
    test for multiply
      ✓ should be 4
    test for divide
      ✓ should divide (1 ms)
      ✓ should divide for zero (1 ms)
    test for volume
      ✓ should be 38 (1 ms)

Test Suites: 1 passed, 1 total
Tests:       5 passed, 5 total
Snapshots:   0 total
Time:        0.372 s, estimated 1 s
Ran all test suites matching /02-math/i.

Rodolfo Medina

student•

Coloqué la construccion del objeto person dentro de un beforeAll() de modo que solo se construya una vez y deba ser llamado con cada test. En este caso no es la gran optimización pero para casos mas grandes puede servir xD

const Person = require('./06-person');

describe('Person IMC', () => {
  let person;
  beforeAll(() => {
    person = new Person('Rodolfo', 60, 1.77);
  });
  /* beforeEach(() => {
    person = new Person('Rodolfo', 60, 1.77);
  }); */
  test('Person', () => {
    person.weight = 70;
    expect(person.calcIMC()).toBe('normal');
  });
  test('Person', () => {
    person.weight = 70;
    expect(person.calcIMC()).toBe('normal');
  });
  test('Person', () => {
    person.weight = 80;
    expect(person.calcIMC()).toBe('overweight');
  });
});

Manuel Roa Ojeda

student•

Encantando con eslint , jajjaja

Miguel Angel Reyes Moreno

student•

¿Tienes bien configurado tu archivo .editorconfig? Debería estar así:

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

Intenta reiniciando VS Code por si acaso. Esto de 'CLRF' es una cosa de Windows, mientras que en sistemas Unix usamos 'LF' por defecto.

Sé que ya pasaron 8 meses, pero por si alguien más le llegara a pasar (a mi me pasó en un trabajo que tuve jaja)

Miguel Angel Reyes Moreno

student•

Me está gustando esto :D

Implementando Setup

Para correr solamente 1 archivo de test, hacemos npm run test -- nombre-archivo.

Cristhian Medina

student•

El describe nos permite crear un bloque dentro del cual agrupamos nuestras pruebas.
Podemos crear un bloque dentro de otro para organizar mejor nuestras pruebas.

josue Garay Hermoza

student•

Este comando te permite ejecutar un archivo en especifico enviando como parametro el Nombre del Archivo {name-file}.

npm run test -- {name-file}

Irving Juárez

student•

El beforeEach no tiene mucho sentido usarlo en el ejemplo de Person, ya que la instancia de Person puede solo inicializarse una vez y en cada test que se le cambie el weight and height

Ameth Ordoñez Erazo

student•

Recuerden que para ejecutar un solo test, se debe agregar en el comando

npm run test -- 06-person

Con el -- y el espacio despues.

Andrés Argote

student•

Tengo una duda con respecto al setup de person de los test, cuál sería la diferencia entre usar beforeAll o beforeEach?.

No sería mejor usar beforeAll, ya que crearíamos solo una instancia de la clase Person y luego simplemente modificamos el peso?. En cambio, con beforeEach vamos a estar creando una instancia por cada test q vamos a correr.

Nicolas Molina

teacher•

eso depende mucho de ti estrategia de testing el cada prueba debe ser independiente y no se debe ver afectado por la anterior entonces es mejor crear una nueva instancia para que cada prueba tenga una ambiente desde cero y no sea afectado por otras pruebas...

Carlos Andrés Moreno Jimenez

student•

BeforeEach se usa en este caso para asegurar que cada prueba tenga un estado inicial consistente y no se vea afectada por las modificaciones realizadas por otras pruebas. En cambio si usamos beforeAll si una prueba falla, podría ser debido a los efectos colaterales de otra prueba, lo que hace que sea más difícil determinar la causa de los errores

Edgar Mauricio Pérez Rojas

student•

¿Un Hook sería como una analogía a un Timmer 0 para subrutinas cuando programamos en bajo nivel?

Amanda Sierra

student•

buenas tardes, alguien que me ayude por favor. Estoy practicando el testing con el juego de piedra, papel o tijera pero en la siguiente linea dice que me falta una coma ,

test('piedra' === 'piedra', 'papel' === 'papel', 'tijera' === 'tijera' should be 'empate', () => {

Jorge Iván Otero Vargas

student•

Está mal conformada la cadena de descripción del test.

Johanna Andrade Rivera

student•

Está tan bueno el uso de esLint que no se porque al profe no le muestra alertas, y a mi si jajaj

Cristian Mauricio Cavanzo Arias

student•

El codigo en ts class Person { name: string; weight: number; height: number; constructor(name: string, weight: number, height: number) { this.name = name; this.weight = weight; this.height = height; } calcIMC(): string { const result = Math.round(this.weight / (this.height * this.height)); if (result < 0) { return 'no found'; } if (result >= 0 && result < 18) { return 'down'; } if (result >= 18 && result <= 24) { return 'normal'; } if (result >= 25 && result <= 26) { return 'overweight'; } if (result >= 27 && result <= 29) { return 'overweight level 1'; } if (result >= 30 && result <= 39) { return 'overweight level 2'; } if (result >= 40) { return 'overweight level 3'; } return 'not found'; }} export default Person;

class Person {
  name: string;

  weight: number;

  height: number;

  constructor(name: string, weight: number, height: number) {
    this.name = name;
    this.weight = weight;
    this.height = height;
  }

  calcIMC(): string {
    const result = Math.round(this.weight / (this.height * this.height));
    if (result < 0) {
      return 'no found';
    }
    if (result >= 0 && result < 18) {
      return 'down';
    }
    if (result >= 18 && result <= 24) {
      return 'normal';
    }
    if (result >= 25 && result <= 26) {
      return 'overweight';
    }
    if (result >= 27 && result <= 29) {
      return 'overweight level 1';
    }
    if (result >= 30 && result <= 39) {
      return 'overweight level 2';
    }
    if (result >= 40) {
      return 'overweight level 3';
    }
    return 'not found';
  }
}

export default Person;

Josue Quevedo Portas

student•

Hay una forma de mantener ejecutándose los test con cada guardado que hagamos en un archivo agregando al final del comando --watch, quedaría así:"test:watch": "jest --watch",

"test:watch": "jest --watch"

Agregué un segundo script nombrado como: test:watch para diferenciarlo del otro script que ya habíamos agregado anteriormente... les comparto mi código por si les sirve:

"scripts": {
    "test": "jest",
    "test:watch": "jest --watch",
    "lint": "eslint src/**",
    "lint:fix": "eslint src/** --fix"
  },

💪🏼

Josue Quevedo Portas

student•

Hay una forma de mantener ejecutándose los test con cada guardado que hagamos en un archivo agregando al final del comando --watch, quedaría así:"test:watch": "jest --watch",

"test:watch": "jest --watch"
```Agregué un segundo script nombrado como: `test:watch`  para diferenciarlo del otro script que ya habíamos agregado anteriormente... les comparto mi código por si les sirve:

```txt
"scripts": {
    "test": "jest",
    "test:watch": "jest --watch",
    "lint": "eslint src/**",
    "lint:fix": "eslint src/** --fix"
  },
```💪🏼

José Nicolás Aristizabal Ramírez

student•

modifiqué el script que corre las pruebas para que también corrija los errores de linter, así:

"test": "jest && eslint src/** --fix"

Ronaldo Delgado

student•

Muy buen video!

Rodolfo Medina

student•

Correr solo este test

npm run test -- 06-person

class Person {
  constructor(name, weight, height) {
    this.name = name;
    this.weight = weight;
    this.height = height;
  }

  calcIMC() {
    const result = Math.round(this.weight / (this.height * this.height));
    if (result < 0) {
      return 'no found';
    } if (result >= 0 && result < 18) {
      return 'down';
    } if (result >= 18 && result <= 24) {
      return 'normal';
    } if (result >= 25 && result <= 26) {
      return 'overweight';
    } if (result >= 27 && result <= 29) {
      return 'overweight level 1';
    } if (result >= 30 && result <= 39) {
      return 'overweight level 2';
    } if (result >= 40) {
      return 'overweight level 3';
    }
    return 'not found';
  }
}
module.exports = Person;

// Aquí implementaremos los hooks y los grupos (describe) con una clase de pruebas.

const Person = require('./06-person');

describe('Test for Person', () => { // Se agrupan las pruebas de rango IMC
  let person; // Se instancia el objeto persona para automatizar.
  beforeEach(() => {
    person = new Person('Rigo', 45, 1.7); // Asignamos datos a la nueva persona.
  });
  test('should return down', () => {
    person.weight = 45; // Cambiamos los datos de la persona para este rango/caso.
    const imc = person.calcIMC();
    expect(imc).toBe('down');
  });

  test('should return normal', () => {
    person.weight = 59;
    const imc = person.calcIMC();
    expect(imc).toBe('normal');
  });
});

 ~/.../testing-js/demos   master ●  npm run test -- 06-person

> demos@1.0.0 test
> jest "06-person"

 PASS  src/06-person.test.js
  Test for Person
    ✓ should return down (8 ms)
    ✓ should return normal (1 ms)

Test Suites: 1 passed, 1 total
Tests:       2 passed, 2 total
Snapshots:   0 total
Time:        0.378 s, estimated 1 s
Ran all test suites matching /06-person/i.

 ~/.../testing-js/demos   master ●  npm test -- 02-math

> demos@1.0.0 test
> jest "02-math"

 PASS  src/02-math.test.js
  Test for math
    test for sum
      ✓ adds 1 + 3 should be 4 (2 ms)
    test for multiply
      ✓ should be 4
    test for divide
      ✓ should divide (1 ms)
      ✓ should divide for zero (1 ms)
    test for volume
      ✓ should be 38 (1 ms)

Test Suites: 1 passed, 1 total
Tests:       5 passed, 5 total
Snapshots:   0 total
Time:        0.372 s, estimated 1 s
Ran all test suites matching /02-math/i.

const Person = require('./06-person');

describe('Person IMC', () => {
  let person;
  beforeAll(() => {
    person = new Person('Rodolfo', 60, 1.77);
  });
  /* beforeEach(() => {
    person = new Person('Rodolfo', 60, 1.77);
  }); */
  test('Person', () => {
    person.weight = 70;
    expect(person.calcIMC()).toBe('normal');
  });
  test('Person', () => {
    person.weight = 70;
    expect(person.calcIMC()).toBe('normal');
  });
  test('Person', () => {
    person.weight = 80;
    expect(person.calcIMC()).toBe('overweight');
  });
});

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

class Person {
  name: string;

  weight: number;

  height: number;

  constructor(name: string, weight: number, height: number) {
    this.name = name;
    this.weight = weight;
    this.height = height;
  }

  calcIMC(): string {
    const result = Math.round(this.weight / (this.height * this.height));
    if (result < 0) {
      return 'no found';
    }
    if (result >= 0 && result < 18) {
      return 'down';
    }
    if (result >= 18 && result <= 24) {
      return 'normal';
    }
    if (result >= 25 && result <= 26) {
      return 'overweight';
    }
    if (result >= 27 && result <= 29) {
      return 'overweight level 1';
    }
    if (result >= 30 && result <= 39) {
      return 'overweight level 2';
    }
    if (result >= 40) {
      return 'overweight level 3';
    }
    return 'not found';
  }
}

export default Person;

"test:watch": "jest --watch"
```Agregué un segundo script nombrado como: `test:watch`  para diferenciarlo del otro script que ya habíamos agregado anteriormente... les comparto mi código por si les sirve:

```txt
"scripts": {
    "test": "jest",
    "test:watch": "jest --watch",
    "lint": "eslint src/**",
    "lint:fix": "eslint src/** --fix"
  },
```💪🏼

Implementado Setup

Introduccion

¿Qué es el testing?

La piramide del testing

Hablemos sobre deuda técnica

Herramientas de testing

Creando el proyecto

Tu primer test

Escribiendo pruebas

Pruebas estáticas

Assertions / matchers

Setup and Teardown

Implementado Setup

Tipos de pruebas

Metodologías

Pruebas Unitarias

Pruebas unitarias

Coverage report

Instalación de Docker en Windows, macOS y Ubuntu

Proyecto de API

Mocking, Stub, doubles

Mocking

Spies

Generando Fake Books

Integration Test & E2E

Configurando supertest en el API

Integration Test

e2e

UI Test

UI Test

Automatizar

Unit tests en GitHubActions

E2E en GitHubActions

¿Quieres más cursos de testing?