Component testing (Playwright 1.42)

Component testing lets you test UI components in isolation without spinning up the full app. It uses the same Playwright engine and assertions as your E2E tests.

Setup

1. 1Install the component testing add-on: npm install -D @checkstudio/component-testing
2. 2Create a .spec.tsx file next to your component
3. 3Mount the component and interact with it using Playwright APIs

import { test, expect } from '@checkstudio/component-testing';
import { Button } from './Button';

test('button renders and clicks', async ({ mount }) => {
  const component = await mount(<Button>Click me</Button>);
  await component.click();
  await expect(component).toHaveText('Clicked');
});

Running component tests

checkstudio run --mode=component