Playwright

Docs for XState v4 are no longer maintained

This page is no longer maintained as XState V5 has been released.

Read about testing in XState V5.

Integrating with Playwright is simple with @xstate/test.

import { createTestMachine, createTestModel } from '@xstate/test';
import { test } from '@playwright/test';

const machine = createTestMachine({
  // machine config
});

describe('My app', () => {
  createTestModel(machine)
    .getPaths()
    .forEach((path) => {
      test(path.description, async ({ page }) => {
        await path.test({
          states: {},
          events: {},
        });
      });
    });
});