button is being located by Cypress but clicking is not working in automation

[Upsh67]

"Save" button is being located by Cypress but clicking is not working in automation, despite manual clicking working fine in the browser, its quite frustrating. I tried several ways (force true, retry, double click, some js $btn click) to click but no luck. Pls help
Thank you

[samelawrence]

@Upsh67 You could try using cy.click( { force: true } ); - or if that doesn't work, you might want to implement the cypress-real-events plugin, which I find is more reliable at sending click events that are realistic, like a click with a physical mouse would be. I talk more about how I use this plugin at this blog post. I hope it's helpful to you.

[Upsh67]

@samelawrence appreciate your response.
I tried cy.click( { force: true } ) but no luck. I will try cypress-real-events option now, thank you for linking blog post.

[Upsh67]

@samelawrence it worked super well. Thank you very much.
What I did-

1. I installed using this command = npm install cypress-click-events
2. In support folder, in index.js (or command.js) file I imported it = import 'cypress-click-events/support'
   Thank u thank you

[samelawrence]

@Upsh67 Glad to hear it. I really like this plug-in, and I generally prefer using cy.realClick() over cy.click() in my tests now.

[samelawrence]

@Upsh67 If your issue is resolved, can you mark this discussion as Answered? Thanks!