click action triggers click event on parent element

Current behavior:

In my test I do a cy.contains('button', '<button-text>').click() the the “click” event is being triggered on the parent of what I’ve selected. Most of the events are triggered on the element I’ve grabbed, except for “pointerup”, “mouseup” and “click”.

Desired behavior:

The “click” event should be triggered on the button element

Steps to reproduce: (app code and test code)

Versions

Cypress 3.5.0 Windows 10 Chrome 77

This did not occur on Cypress 3.3.2

[belev]

In our team we had the same issues with this behaviour. I don’t see anything specific in our setup for the failing tests. Previously we were using version 3.4.1, after updating to 3.6.1 the test started failing and the target element for the click event is not the correct one.

I don’t know what is the difference but using { force: true } patched the issue temporary and the target element is the correct one.

Another temporary solution is to invoke the click on the element itself: cy.get(.some-button).then(button => button.click());

Additional observations from our case: We had opened modal in which some radio buttons should be clicked. The only difference from passing to failing test is the height of the modal.

[jennifer-shehane]

Unfortunately we have to close this issue as there is not enough information to reproduce the problem. This does not mean that your issue is not happening - it just means that we do not have a path to move forward.

Please comment in this issue with a reproducible example and we will consider reopening the issue.