Filling forms using Hyperform

I encountered issues filling form fields with type() when the form is “enhanced” with Hyperform (https://hyperform.js.org/).

Current behavior:

The form field is not filled.

Desired behavior:

The form field shoud be filled.

Steps to reproduce: (app code and test code)

No app code needed.

Test code:

describe('Hyperform basic test', function() {
  it('it should be possible to fill a form field', function() {
    cy.visit('https://hyperform.js.org/examples.html#file=simple')
    cy.get('input').type('This will never appear')
  })
})

Versions

Cypress 3.3.0 and 3.3.1 Chromium 69 and Electron 61

[jennifer-shehane]

I can recreate this in Cypress 3.3.2 in Chrome 75.

When running in Cypress, I’ve noticed the same keyup, keypress, and click events firing and being listened to as the same as manually typing. Don’t see any obvious reasoning for this.

Failing test @Bkucera

describe('Hyperform basic test', function () {
  it('it should be possible to fill a form field', function () {
    cy.visit('https://hyperform.js.org/examples.html#file=simple')
    cy.get('input').type('hello').should('have.value', 'hello')
  })
})

[cypress-bot[bot]]

Released in 3.5.0.