Frontend-Tests 26.01

In ChatGPT öffnen

Wenn ein Projekt Frontend-Quellen mit dem Frontend-Bundler erstellt, testet es diese mit dem Bun Test-Läufer. Eine in TypeScript geschriebene Komponente oder ein Stück Client-Logik wird auf die gleiche Weise wie das Backend abgedeckt.

Wo die Tests sitzen

Frontend-Tests sitzen unter src/main/frontend, neben den Quellen, die sie abdecken. Eine Datei, die mit *.test.ts oder *.spec.ts endet, ist ein Test.

src/main/frontend/math/math.ts

export const add = (a: number, b: number): number => a + b;

src/main/frontend/math/math.test.ts

import { expect, test } from 'bun:test';
import { add } from './math';

test('add summiert zwei Zahlen', () => {
  expect(add(2, 3)).toBe(5);
});

Ein Test importiert seine Werkzeuge von bun:test, der eigenen Test-API des Läufers, einschließlich expect, test und describe.

Tests ausführen

Frontend-Tests werden als Teil des Builds ausgeführt, sodass mvn test sie zusammen mit den Java-Tests ausführt, ohne dass etwas zusätzlich aufgerufen werden muss. Siehe Build und Tests für den Testschritt im Build, wann er übersprungen wird und wie ein fehlgeschlagener Test einen Release stoppt.