cy.type() randomly failing to set text, when length of text > 5.

Current behavior:

cy.type(‘Los Angeles, CA, USA’).should(‘have.value’, ‘Los Angeles, CA, USA’); is failing randomly in google map’s search field. Its like randomly happening. I ran 10 times and it passed 3 times only.

Screen shot:

Desired behavior:

It should set text as we expected all times.

Steps to reproduce: (app code and test code)

Code:

describe('Location related tests', function() {
    it('should search the respective location', function() {
        cy.visit('https://maps.google.com/');

        cy.get('#searchboxinput')
            .type('Los Angeles, CA, USA')
            .should('have.value', 'Los Angeles, CA, USA');
    })
});

Versions

“cypress”: “^3.6.0”

[skoblenick]

@Bkucera I could reproduce this issue exactly as @hardikdiyora92 describes in the test case but…

I created a PR at https://github.com/cypress-io/cypress-test-tiny/pull/53 to demonstrate potentially similar, if not the same issue around the type() command. It seems to be related to 3.6.x. The AngularJS material input I am using receives partial events from type() but doesn’t react as expected.

The first test example shows it failing. The second shows that I can work around the issue in certain cases by using a click() on the component before I type. It looks like the type event isn’t setting, possibly keeping focus, when the type command starts to send events; reverting to the last clicked element and starts sending the events to that other component.

[kuceb]

@hardikdiyora92 trying out the google maps example, type is working fine but the page is still loading while the text is being typed, which causes the input to briefly be blurred. You can manually verifying this by commenting out all steps but the cy.visit() and manually typing as soon as the page starts to load. If you add a .wait() before the type, the problem goes away

you could use cy.route and wait on one of the XHRs to complete before proceeding in the test