cy.get('button').type() only works if button has `tabindex` specified

Current behavior:

When calling cy.type() on a <button> element, Cypress throws:

CypressError: cy.type() failed because it requires a valid typeable element.

However if the <button> has a tabindex attribute of any value specified, then calling cy.type() will succeed.

Desired behavior:

cy.type() should succeed in any case, since <buttons> are naturally focusable.

Steps to reproduce:

Call cy.type() on <button> (will throw). Call cy.type() on <button tabindex="-1"> (will succeed). Call cy.type() on <button tabindex="0"> (will succeed). Call cy.type() on <button tabindex="1"> (will succeed).

Versions

Cypress 3.0.2

[jennifer-shehane]

Hi @kyleoliveiro, the error should have also given you information about what we consider typeable including:

Cypress considers the 'body', 'textarea', any 'element' with a 'tabindex' or 'contenteditable' attribute, or any 'input' with a 'type' attribute of 'text', 'password', 'email', 'number', 'date', 'week', 'month', 'time', 'datetime', 'datetime-local', 'search', 'url', or 'tel' to be valid typeable elements.

If you want to simulate a specific event on the button, I’d suggest using trigger to trigger that event like:

cy.get('button').trigger('keypress', {
      keyCode: 35,  // whatever code for the key you wanted to press
      which: 35 // whatever which for the key you wanted to press
}) 

Let me know if this works for you.

[kuceb]

Re-opened this since we want to allow typing into any element that is focusable. This is fixed in #4870