toggle-machine.ts

interface ToggleMachineState {
  states: {
    inactive: {};
    active: {};
  };
}

type ToggleEvent = { type: 'TOGGLE' };

type ToggleMachineConfig = MachineConfig<
  undefined,
  ToggleMachineState,
  ToggleEvent
>;

const toggleMachineConfig: ToggleMachineConfig = {
  id: 'toggle',
  initial: 'inactive',
  states: {
    inactive: {
      on: {
        TOGGLE: 'active'
      }
    },
    active: {
      on: {
        TOGGLE: 'inactive'
      }
    }
  }
};

const testCases: ToggleMachineConfig = {
  states: {
    inactive: {
      meta: {
        test: async page => {
          await page.waitFor('input:checked');
        }
      }
    },
    active: {
      meta: {
        test: async page => {
          await page.waitFor('input:checked');
        }
      }
    }
  }
};

const testConfig = merge(toggleMachineConfig, testCases);