Cypress should fire 'mouseover' event on .click()

Current behavior:

Unable to click on the first suggestion from google place auto complete

Video: https://drive.google.com/open?id=11dxli8EzoozjZ0LfAmDT6IJKHWKtlNKy

Desired behavior:

Can click on the first suggestion

Steps to reproduce:

The following script would fail. For some reason click wouldn’t pick the item here. I’ve tried selenium and the click worked for me.

cy
  .visit('https://developers.google.com/maps/documentation/javascript/examples/full/places-autocomplete')
  .get('#pac-input')
  .should('be.visible')
  .wait(1000)
  .type('22 Princes Highway, Darlington NSW, Australi')
  .get('.pac-item')
  .first()
  .should('be.visible')
  .click()
  .get('#pac-input')
  .then((result) => {
      expect(result.val()).to.eq('22 Princes Highway, Darlington NSW, Australia');
  });

Versions

Cypress 3.0.1 Mac 10.13.4 Electron 59

[kuceb]

Hello all, I believe this issue is because we do not yet fire the mouseover event on cy.click. This will be fixed along with native events in #2956

Until then, please use this workaround when clicking on the auto-complete suggestion:

.trigger('mouseover').click()

[jdcumpson]

I’m having the same issue, my workaround for now is to use the type() method, like

cy.get('input[placeholder="Street Address"]').click().type(queryAddress);
cy.get('.pac-item').first().should('contain', '<redacted address>');
cy.get('input[placeholder="Street Address"]').type('{downarrow}{enter}');

I found click() ensured more reproducible behaviour from the google component, since I was not able to catch the JSONP requests in my cy.server() routes. A fix here would be great.