Cypress

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 Cypress is simple with @xstate/test.

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

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

describe('My app', () => {
  createTestModel(machine)
    .getPaths()
    .forEach((path) => {
      it(path.description, () => {
        path.testSync({
          states: {},
          events: {},
        });
      });
    });
});

You must use path.testSync as Cypress doesn’t work well with promises.