Test utils overview

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>');
});