Cypress

Integrating with Cypress is simple with @xstate/test.

ts
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: {},
        });
      });
    });
});

ts
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.

Edit this page on GitHub