Generando Fake Books

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

Edgar Mauricio Pérez Rojas

student•

Código Comentado

Instalando la librería fakejs.dev

 ~/.../testing-js/api   master ●  npm install @faker-js/faker --save-dev

Agregando la regla a /testing-js/api/.eslintrc.js

  rules: {
    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
  },

Configurando los parámetros deseados para nuestros casos.

const { faker } = require('@faker-js/faker');

const generateOneBook = () => ({
  _id: faker.datatype.uuid(),
  name: faker.commerce.productName(),
  price: faker.commerce.price(),
});

const generateManyBook = (size) => {
  const limit = size ?? 10; // Si no me envian el tamaño genero 10 libros.
  const fakeBooks = []; // Colocando los fakeBooks generados.
  for (let index = 0; index < limit; index += 1) {
    fakeBooks.push(generateOneBook());
  }
  return [...fakeBooks];
};

module.exports = { generateOneBook, generateManyBook };

Agregando la librería a los tests en /testing-js/api/src/services/books.service.test.js

const { generateManyBook } = require('../fakes/book.fake');
const BooksService = require('./books.service');
// Data de relleno preparada.
// Esta responsabilidad pasa a la librería fakejs.dev y se llama en el test unitario.
/*
const fakeBooks = [
  {
    _id: 1,
    name: 'Harry Potter 2',
  },
];
*/
// Para hacer pruebas de comportamiento se usa jest.fn().
// se cambia el nombre de spy a Mock para que el jest lo interprete bien.
const mockGetAll = jest.fn();

// Suplantación de la BD.
jest.mock('../lib/mongo.lib', () => jest.fn().mockImplementation(() => ({
  // Metodos a suplantar.
  getAll: mockGetAll, // Directo, sin fake y sin => function.
  // getAll: () => [...fakeBooks], // "data enlatada"
  create: () => {},
})));

describe('Test for BooksService', () => {
  let service;
  beforeEach(() => {
    service = new BooksService();
    // Limpiar los Mocks antes de cada caso para no dejar relleno del anterior.
    jest.clearAllMocks();
  });

  describe('test for getBooks', () => {
    test('should return a list book', async () => {
      // Arrange
      const fakeBooks = generateManyBook(20);
      mockGetAll.mockResolvedValue(fakeBooks);
      // Act
      const books = await service.getBooks({});
      console.log(books);
      // Assert
      expect(books.length).toEqual(fakeBooks.length);
      // Espiando
      expect(mockGetAll).toHaveBeenCalled(); // Para saber si fué llamado
      expect(mockGetAll).toHaveBeenCalledTimes(1); // cuantas veces es llamado
      expect(mockGetAll).toHaveBeenCalledWith('books', {}); // Con qué argumentos fué llamado.
    });

    test('should return a list book', async () => {
      // Arrange
      const fakeBooks = generateManyBook(4);
      mockGetAll.mockResolvedValue(fakeBooks);
      /*
        [{
          _id: 1,
          name: 'Harry Potter 3',
        }]);
      */
      // Act
      const books = await service.getBooks();
      console.log(books);
      // Assert
      expect(books[0].name).toEqual(fakeBooks[0].name);
    });
  });
});

Nota: Empecé con Harri Potter 2

Ronaldo Delgado

student•

Genial!

Angel Hernandez

student•

Consejo super pro, siempre lean la documentacion de las API's, algunas veces pueden deprecar la forma en la que se consume la data de la API, aparte que leer la documentacion ayuda mucho en el mundo real.

Carlos Nicolas Gonzalez Cabrera

student•

En lugar de poner "_id: faker.datatype.uuid()," se recomienda poner "_id: faker.string.uuid()," ya que en su nueva versión esto estara deprecado, les avisara en consola de todas maneras.

Miguel Angel Reyes Moreno

student•

Me encanta las buenas prácticas y la organización de Nico en su código, se nota que tiene muchísima experiencia

Irving Juárez

student•

Esta manera de crear los fake books me parece mejor, donde getSingleBook es la funcion createOneBook

const getBooks = (size = 10) => {
	const books = new Array(size)
		.fill({})
		.map(_book => getSingleBook())

	return books
}

Wilson Bienvenido Otaño Mateo

student•

Por si hay alguien nuevo, actualmente la forma de hacer los uuid es

id: faker.string.uuid()
```en lugar de usar
```js
faker.datatype.uuid()

Roberto Contrera

student•

¿Por qué utiliza doble () => () => {...}? No llega a lo mismo con uno que sería () => {...}

Johnner Alexander Gambacica Ortiz

student•

Excelente clase, y herramientas. Ahora me siento super bien con unit testing, jest y faker.js =)

Cesar Buelvas Torres

student•

Con lo que pasó con faker, ahora uso falso. https://github.com/ngneat/falso

npm i @ngneat/falso --save-dev

Es mas o menos los mismo, para pruebas y migraciones está bien.

Brandon Argel Verdeja Domínguez

student•

Además del cambio por faker.string.uuid(), si instalan la última versión de@faker-js/faker (de la versión 10 en adelante), ésta ya no soporta CJS, solo ESM. Por lo que hay dos opciones para solucionarlo:

Hacer un downgrade a la versión 9: npm i -D @faker-js/faker@9 y seguir trabajando con CJS.
Hacer refactor para pasar a ESM (Recomendable para proyectos nuevos).
1. Agregar "type": "module" al package.json
2. Cambiar todos los require(...) por import ... from ...
3. Cambiar module.exports por export
4. Y otros posibles detalles extra para que funcione correctamente el proyecto

Ronald Amiquero Zoiqui

student•

Una consulta: ¿Cuál es la diferencia entre datos fakes y datos Dummy?

Agustina Corvo

student•

Son parecidos ya que ambos son datos falsos que se crean al generar pruebas. La diferencia es que la idea de un dato fake es que sea lo más cercano posible al mundo real y un dummy no.

Anthony Hernando Rivera Escobar

student•

Si estas llevando este curso en el 2025 cambia uui por esto : _id: faker.string.uuid(),

Agustina Corvo

student•

Si se fijan en la documentación de la API además de que datatype.uuid() ahora es string.uuid(), se puede usar book.title() en vez de commerce.productName() para que tengan más sentido los datos fake.

jesus manuel vergara arias

student•

La única manera en la que me funcionó el mocking data de faker para el id fue con string:

const generateOneCothe = () => {
  return {
    _id: faker.string.uuid(),
    product: faker.commerce.productName(),
    price: faker.commerce.price(),
    brand: faker.commerce.productAdjective(),
  };
};

const generateCothes = (count) => {
  const limit = count || 10;
  const result = [];
  for (let i = 0; i < limit; i++) {
    result.push(generateOneCothe());
  }
  return [...result];
};
```const generateOneCothe = () => {  return {    \_id: faker.string.uuid(),    product: faker.commerce.productName(),    price: faker.commerce.price(),    brand: faker.commerce.productAdjective(),  };};
const generateCothes = (count) => {  const limit = count || 10;  const result = \[];  for (let i = 0; i < limit; i++) {    result.push(generateOneCothe());  }  return \[...result];};

Camilo Alvarez Avila

student•

Me estaba generando error cuando le decia : _id: faker.datatype.uuid(),

Entonces lo cambie por : _id: faker.string.uuid(),

Entendí que era porque 'faker.datatype.uuid' ya esta deprecado

Ronaldo Delgado

student•

increíble esta herramienta, es muy útil!

Beto Toro

student•

El autro de esta librería se puso un poco loco y daño apropósito la librería como forma de protesta. Así que no les recomiendo utilizar Faker.js. Busquen la historia en google que se van a sorprender con tremenda novela.

const { faker } = require('@faker-js/faker');

const generateOneBook = () => ({
  _id: faker.datatype.uuid(),
  name: faker.commerce.productName(),
  price: faker.commerce.price(),
});

const generateManyBook = (size) => {
  const limit = size ?? 10; // Si no me envian el tamaño genero 10 libros.
  const fakeBooks = []; // Colocando los fakeBooks generados.
  for (let index = 0; index < limit; index += 1) {
    fakeBooks.push(generateOneBook());
  }
  return [...fakeBooks];
};

module.exports = { generateOneBook, generateManyBook };

const { generateManyBook } = require('../fakes/book.fake');
const BooksService = require('./books.service');
// Data de relleno preparada.
// Esta responsabilidad pasa a la librería fakejs.dev y se llama en el test unitario.
/*
const fakeBooks = [
  {
    _id: 1,
    name: 'Harry Potter 2',
  },
];
*/
// Para hacer pruebas de comportamiento se usa jest.fn().
// se cambia el nombre de spy a Mock para que el jest lo interprete bien.
const mockGetAll = jest.fn();

// Suplantación de la BD.
jest.mock('../lib/mongo.lib', () => jest.fn().mockImplementation(() => ({
  // Metodos a suplantar.
  getAll: mockGetAll, // Directo, sin fake y sin => function.
  // getAll: () => [...fakeBooks], // "data enlatada"
  create: () => {},
})));

describe('Test for BooksService', () => {
  let service;
  beforeEach(() => {
    service = new BooksService();
    // Limpiar los Mocks antes de cada caso para no dejar relleno del anterior.
    jest.clearAllMocks();
  });

  describe('test for getBooks', () => {
    test('should return a list book', async () => {
      // Arrange
      const fakeBooks = generateManyBook(20);
      mockGetAll.mockResolvedValue(fakeBooks);
      // Act
      const books = await service.getBooks({});
      console.log(books);
      // Assert
      expect(books.length).toEqual(fakeBooks.length);
      // Espiando
      expect(mockGetAll).toHaveBeenCalled(); // Para saber si fué llamado
      expect(mockGetAll).toHaveBeenCalledTimes(1); // cuantas veces es llamado
      expect(mockGetAll).toHaveBeenCalledWith('books', {}); // Con qué argumentos fué llamado.
    });

    test('should return a list book', async () => {
      // Arrange
      const fakeBooks = generateManyBook(4);
      mockGetAll.mockResolvedValue(fakeBooks);
      /*
        [{
          _id: 1,
          name: 'Harry Potter 3',
        }]);
      */
      // Act
      const books = await service.getBooks();
      console.log(books);
      // Assert
      expect(books[0].name).toEqual(fakeBooks[0].name);
    });
  });
});

const generateOneCothe = () => {
  return {
    _id: faker.string.uuid(),
    product: faker.commerce.productName(),
    price: faker.commerce.price(),
    brand: faker.commerce.productAdjective(),
  };
};

const generateCothes = (count) => {
  const limit = count || 10;
  const result = [];
  for (let i = 0; i < limit; i++) {
    result.push(generateOneCothe());
  }
  return [...result];
};
```const generateOneCothe = () => {  return {    \_id: faker.string.uuid(),    product: faker.commerce.productName(),    price: faker.commerce.price(),    brand: faker.commerce.productAdjective(),  };};
const generateCothes = (count) => {  const limit = count || 10;  const result = \[];  for (let i = 0; i < limit; i++) {    result.push(generateOneCothe());  }  return \[...result];};

Generando Fake Books

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?