123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
import { createMachine, interpret, Machine } from '../src/index';
describe('state meta data', () => {  const pedestrianStates = {    initial: 'walk',    states: {      walk: {        meta: { walkData: 'walk data' },        on: {          PED_COUNTDOWN: 'wait'        },        onEntry: 'enter_walk',        onExit: 'exit_walk'      },      wait: {        meta: { waitData: 'wait data' },        on: {          PED_COUNTDOWN: 'stop'        },        onEntry: 'enter_wait',        onExit: 'exit_wait'      },      stop: {        meta: { stopData: 'stop data' },        onEntry: 'enter_stop',        onExit: 'exit_stop'      }    }  };
  const lightMachine = Machine({    key: 'light',    initial: 'green',    states: {      green: {        meta: ['green', 'array', 'data'],        on: {          TIMER: 'yellow',          POWER_OUTAGE: 'red',          NOTHING: 'green'        },        onEntry: 'enter_green',        onExit: 'exit_green'      },      yellow: {        meta: { yellowData: 'yellow data' },        on: {          TIMER: 'red',          POWER_OUTAGE: 'red'        },        onEntry: 'enter_yellow',        onExit: 'exit_yellow'      },      red: {        meta: {          redData: {            nested: {              red: 'data',              array: [1, 2, 3]            }          }        },        on: {          TIMER: 'green',          POWER_OUTAGE: 'red',          NOTHING: 'red'        },        onEntry: 'enter_red',        onExit: 'exit_red',        ...pedestrianStates      }    }  });
  it('states should aggregate meta data', () => {    const yellowState = lightMachine.transition('green', 'TIMER');    expect(yellowState.meta).toEqual({      'light.yellow': {        yellowData: 'yellow data'      }    });    expect('light.green' in yellowState.meta).toBeFalsy();    expect('light' in yellowState.meta).toBeFalsy();  });
  it('states should aggregate meta data (deep)', () => {    expect(lightMachine.transition('yellow', 'TIMER').meta).toEqual({      'light.red': {        redData: {          nested: {            array: [1, 2, 3],            red: 'data'          }        }      },      'light.red.walk': {        walkData: 'walk data'      }    });  });
  // https://github.com/statelyai/xstate/issues/1105  it('services started from a persisted state should calculate meta data', (done) => {    const machine = createMachine({      id: 'test',      initial: 'first',      states: {        first: {          meta: {            name: 'first state'          }        },        second: {          meta: {            name: 'second state'          }        }      }    });
    const service = interpret(machine).onTransition((state) => {      expect(state.meta).toEqual({        'test.second': {          name: 'second state'        }      });      done();    });    service.start('second');  });});
describe('transition meta data', () => {  it('should show meta data in transitions', () => {    const machine = createMachine({      initial: 'inactive',      states: {        inactive: {          on: {            EVENT: {              target: 'active',              meta: {                description: 'Going from inactive to active'              }            }          }        },        active: {}      }    });
    const nextState = machine.transition(undefined, 'EVENT');
    expect(nextState.transitions.map((t) => t.meta)).toMatchInlineSnapshot(`      Array [        Object {          "description": "Going from inactive to active",        },      ]    `);  });});
describe('state description', () => {  it('state node should have its description', () => {    const machine = createMachine({      initial: 'test',      states: {        test: {          description: 'This is a test'        }      }    });
    expect(machine.states.test.description).toEqual('This is a test');  });});
describe('transition description', () => {  it('state node should have its description', () => {    const machine = createMachine({      on: {        EVENT: {          description: 'This is a test'        }      }    });
    expect(machine.on['EVENT'][0].description).toEqual('This is a test');  });});