Learn more about Mintlify
Enter your email to receive updates about new features and product releases.
Testing utilities for Preact components
preact/test-utils package provides utilities to help test Preact components in a test environment.
npm install --save-dev preact
import { setupRerender, act, teardown } from 'preact/test-utils';
import { render } from 'preact';
import { setupRerender, act, teardown } from 'preact/test-utils';
import { expect, test, afterEach } from 'vitest';
// Set up synchronous rendering
const rerender = setupRerender();
afterEach(() => {
// Clean up after each test
teardown();
});
test('component updates', async () => {
let container = document.createElement('div');
await act(() => {
render(<MyComponent />, container);
});
// Component is rendered and effects are flushed
expect(container.innerHTML).toBe('<div>Hello</div>');
});