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

machine.js

const walletMachine = Machine({
    id: 'Wallet',
    initial: 'default',
    states: {
      default: {
        initial: 'initial',
        states: {
          initial: {
            meta: {
              test: ({ getByTestId }) => {
                expect(getByTestId(WALLET_TOTAL_CURRENCY.ID)).toBeInTheDocument()
                expect(getByTestId(WALLET_CASHOUT_BUTTON.ID)).toBeInTheDocument()
                expect(getByTestId(WALLET_WEEK_CURRENCY.ID)).toBeInTheDocument()
                expect(getByTestId(WALLET_AMOUNT_CURRENCY.ID)).toBeInTheDocument()
                expect(getByTestId(WALLET_CONTACT.ID)).toBeInTheDocument()
              },
            },
          },
          cashOut: {
            meta: {
              test: () => {
                expect(onCashOut).toBeCalled()
              },
            },
          },
        },
        on: {
          CLICK_CASH_OUT: 'default.cashOut',
          RERENDER_EMPTY: 'empty',
        },
        meta: {
          test: ({ getByTestId }) => {
            expect(getByTestId(WALLET_CONTAINER.ID)).toBeInTheDocument()
          },
        },
      },
      empty: {
        on: {
          RERENDER_SUCCESS: 'success',
        },
        meta: {
          test: ({ getByTestId }) => {
            expect(getByTestId(WALLET_CONTAINER.ID)).toBeInTheDocument()
            expect(getByTestId(WALLET_CASHOUT_BUTTON.ID)).toBeInTheDocument()
            expect(getByTestId(WALLET_CONTACT.ID)).toBeInTheDocument()
          },
        },
      },
      success: {
        meta: {
          test: ({ getByTestId }) => {
            const { current, week, progressive } = DATA.GET_USER_WALLET
            expect(getByTestId(WALLET_TOTAL_CURRENCY.ID)).toHaveTextContent(current)
            expect(getByTestId(WALLET_WEEK_CURRENCY.ID)).toHaveTextContent(week)
            expect(getByTestId(WALLET_AMOUNT_CURRENCY.ID)).toHaveTextContent(progressive)
          },
        },
      },
    },
  })