Cannot add single todo - {enter} is not working

[bahmutov]

Very weird bug (0.20.0) and latest dev version on Sept 14 2017.

The test code

const getItems = () =>
  cy.get('.todo-list li')

it('adds 1 todo', () => {
  const url = 'http://todomvc.com/examples/vanillajs/'
  cy.visit(url)
  getItems()
    .should('have.length', 0)
  cy.get('.new-todo').type('pass this test').type('{enter}')
  getItems()
    .should('have.length', 1)
})

The text is typed, but {enter} does not add new Todo item.

When manually trying to press "Enter" key in the input box, it is not working.

But then, if I press any other regular key, like space, and then press "Enter" it adds a new todo item

[brian-mann]

Is this not a bug with vanilla.js ???

[bahmutov]

why would it be a bug with vanilla.js? It works outside the test

[brian-mann]

When manually trying to press "Enter" key in the input box, it is not working.

But then, if I press any other regular key, like space, and then press "Enter" it adds a new todo item

[bahmutov]

^^ inside Cypress but not inside a browser

[brian-mann]

nonsense!

[bahmutov]

I know! yet something goes wrong

[bahmutov]

Hmm, does not fire "change" event on Enter for some reason

[bahmutov]

Ha, it fires changed event if using .type("foo{enter}") and does not fire it when using .type("foo").type("{enter}")

[bahmutov]

Hmm, by itself in this example .type('{enter}') does not notice the change because inserting the EOL character "\n" seems to have no effect on jQuery value. Notice that while the same of strings has new line, the this._el.value remains unchanged with length 14