Crear un archivo de configuración previa de tests en Jest o Vitest

Tiempo de lectura: < 1 minuto

Hoy vamos a aprender cómo podemos crear un archivo de configuración previa de test para Jest o Vitest. Esto puede servirnos por ejemplo si necesitamos cargar los datos de usuario previamente a realizar los tests.

Para lograr que se carguen algunos datos antes de realizar los tests tenemos que crear un archivo llamado tests.setup.tsx en el que incluiremos la configuración inicial:

beforeAll(async () => {
 const loginData = await loginTests();

 localStorage.setItem('loginData', JSON.stringify(loginData));
});

En este ejemplo supongo que loginTests me va a realizar un login en el sistema para obtener los datos del usuario de prueba. (Puedes incluir lo que necesites previamente a realizar todos los tests).

Y ahora debemos incluir este archivo dentro de jest.config.ts

module.exports = {
  // ...
  setupFilesAfterEnv: ['./tests.setup.ts'],
  // ...
};

O en vitest.config.ts

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    environment: 'jsdom', // Set the test environment to jsdom
    coverage: {
      reporter: ['text', 'lcov']
    },
   setupFiles: ['./tests.setup.tsx'],
  },
});