Jest is een modern JavaScript-testframework met een focus op eenvoud, zero-config setups en directe snapshot-testen.
Testuitvoering en CLI-vlaggen (CLI Flags)
jest # Voer alle tests uit
jest --watch # Voer tests uit in interactieve watch-modus
jest --coverage # Genereer code-dekkingsrapport
jest path/to/test.js # Voer specifiek testbestand uit
jest -t "test name pattern" # Filter tests op beschrijvingspatroon
jest --runInBand # Voer tests serieel uit in een enkel proces
Veelgebruikte Matchers (Common Matchers)
// Waarheidswaarde en gelijkheid
expect(val).toBe(42); // Strikte gelijkheid (Object.is)
expect(val).toEqual({ a: 1 }); // Diepe structurele gelijkheid
expect(val).toStrictEqual({ a: 1 }); // Controleert ook prototypes van typen
expect(val).toBeNull();
expect(val).toBeDefined();
expect(val).toBeTruthy();
expect(val).toBeFalsy();
// Getallen en vergelijkingen
expect(val).toBeGreaterThan(3);
expect(val).toBeGreaterThanOrEqual(3.5);
expect(val).toBeCloseTo(0.3, 5); // Vergelijking van drijvende-kommagetallen
// Strings en arrays
expect(str).toMatch(/regex/);
expect(arr).toContain('item');
expect(arr).toHaveLength(3);
// Uitzonderingen en foutafhandeling
expect(() => compileCode()).toThrow();
expect(() => compileCode()).toThrow(ConfigError);
Asynchrone code (Asynchronous Code)
test('resolves with data', async () => {
const data = await fetchData();
expect(data).toHaveProperty('status', 200);
});
test('handles promise rejection', async () => {
await expect(fetchData('invalid')).rejects.toThrow('Not Found');
});
Mock-functies en Spies (jest.fn() & Spies)
const mockFn = jest.fn().mockReturnValue('mocked result');
mockFn('arg1');
expect(mockFn).toHaveBeenCalledTimes(1);
expect(mockFn).toHaveBeenCalledWith('arg1');
// Mocking module methods
const spy = jest.spyOn(api, 'getUser').mockResolvedValue({ id: 1, name: 'Alice' });
const user = await api.getUser(1);
expect(spy).toHaveBeenCalled();
spy.mockRestore(); // Herstel originele implementatie
Snapshot-testen (Snapshot Testing)
test('renders correctly', () => {
const tree = renderer.create(<Button label="Submit" />).toJSON();
expect(tree).toMatchSnapshot();
});
Setup en Teardown Hooks
beforeAll(() => database.connect());
afterAll(() => database.disconnect());
beforeEach(() => database.clear());
afterEach(() => jest.clearAllMocks());