Extensión de los Reportadores Predeterminados

Puedes importar reportadores desde vitest/reporters y extenderlos para crear tus propios reportadores personalizados.

Extender los Reportadores Integrados

En general, no es necesario crear un reportador desde cero. vitest incluye varios reportadores predeterminados que puedes extender.

import { DefaultReporter } from 'vitest/reporters';

export default class MyDefaultReporter extends DefaultReporter {
  // Realizar alguna acción
}

Por supuesto, también puedes crear uno desde cero. Simplemente extiende la clase BaseReporter e implementa los métodos requeridos.

Aquí tienes un ejemplo de un reportador personalizado:

// ./custom-reporter.js
import { BaseReporter } from 'vitest/reporters';

export default class CustomReporter extends BaseReporter {
  onCollected() {
    const files = this.ctx.state.getFiles(this.watchFilters);
    this.reportTestSummary(files);
  }
}

O implementa la interfaz Reporter:

// ./custom-reporter.js
import { Reporter } from 'vitest/reporters';

export default class CustomReporter implements Reporter {
  onCollected() {
    // Imprimir algo
  }
}

Luego puedes usar tu reportador personalizado en el archivo vitest.config.ts:

import { defineConfig } from 'vitest/config';
import CustomReporter from './custom-reporter.js';

export default defineConfig({
  test: {
    reporters: [new CustomReporter()],
  },
});

Reportadores Exportados

vitest incluye algunos reportadores integrados que puedes usar directamente.

Reportadores Integrados:

1. BasicReporter
2. DefaultReporter
3. DotReporter
4. JsonReporter
5. VerboseReporter
6. TapReporter
7. JUnitReporter
8. TapFlatReporter
9. HangingProcessReporter

Reportadores Abstractos Base:

1. BaseReporter

Interfaces para Reportadores:

1. Reporter