Generated by XState Viz: https://xstate.js.org/viz

machine.js

const resizableBoxMachine = Machine({
  id: 'resizable-box',
  initial: 'restored',
  states: {
    restored: {
      on: {
        MINIMIZE: {
          target: 'minimized',
          actions: 'minimize',
        },
        MAXIMIZE: {
          target: 'maximized',
          actions: 'maximize',
        },
      },
      meta: {
        test: ({ getByTestId }) => {
          expect(getByTestId('icon-minimize')).not.toBeNull();
          expect(getByTestId('icon-maximize')).not.toBeNull();
        },
      },
    },
    maximized: {
      on: {
        MINIMIZE: {
          target: 'restored',
          actions: 'restore',
        },
      },
      meta: {
        test: ({ getByTestId }) => {
          expect(getByTestId('icon-minimize')).not.toBeNull();
          expect(getByTestId('icon-maximize')).toBeNull();
        },
      },
    },
    minimized: {
      on: {
        MAXIMIZE: {
          target: 'restored',
          actions: 'restore',
        },
      },
      meta: {
        test: ({ getByTestId }) => {
          expect(getByTestId('icon-maximize')).not.toBeNull();
          expect(getByTestId('icon-minimize')).toBeNull();
        },
      },
    },
  },
});