cy.type does not fire beforeInput event / does not work with slate.js

[nekolnyt]

Current behavior:

cy.type command does not fire beforeInput event.

The documentation https://docs.cypress.io/api/commands/type.html#Events says:

beforeinput is not fired even though it is in the spec because no browser has adopted it.

This statement is not true anymore and not firing the event makes it impossible to use Cypress for testing editor implemented with Slate.js.

Desired behavior:

cy.type does fire beforeInput event.

Test code to reproduce

https://github.com/nekolnyt/cypress-test-tiny-type-in-slate/blob/master/cypress/integration/spec.js

Versions

Cypress 4.4.0
OS: macOS Catalina 10.15.1
Browser: Chrome 81

Related issues

ianstormtaylor/slate#3476
#311 (comment)

[reydelo]

Hopefully the Cypress team will update their input commands to dispatch the beforeinput event, but until they do I’ve created a couple of simple custom commands which will trigger Slate’s input event listeners and make it respond ianstormtaylor/slate#3476 (comment)

[sainthkh]

After some research, beforeinput is not the only problem.

I learned that simple cy.get('[data-slate-editor="true"]').type('test') is impossible. Because Cypress forcefully inserts text to content editable div. We need a new option like noAutomaticContentEditableUpdate. But the problem is that the name is too long.

One more problem is the inputType field of InputEvent. We need to decide what is the good default value.

[cypress-bot]

The code for this is done in cypress-io/cypress#8411, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 5.5.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v5.5.0, please open a new issue.