it('adds 2 todos', () => {
  const state = {}
  cy.visit('/', {
    onBeforeLoad(win) {
      win.__xstate__ = {
        register: (x) => {
          state.xstate = x
        },
      }
    },
  })

  cy.wrap(state)
    .its('xstate')
    .invoke('send', { type: 'NEWTODO.COMMIT', value: 'first todo' })
  cy.get('.todo-list li').should('have.length', 1)

  // hmm, why isn't the second todo added?
  cy.wrap(state)
    .its('xstate')
    .invoke('send', { type: 'NEWTODO.COMMIT', value: 'second todo' })
  cy.get('.todo-list li').should('have.length', 2)
})