UI Tests: Cypress scripts were breaking due to unexpected navigation on different form

[nidhipurohit11]

Description of the issue

Some Cypress scripts were breaking because in between the execution on a form, it was navigating on a different form. This was occurring because of an uncaught exception.

Following scripts breaking because of this same reason -

Multicurrency - Click on ‘set exchange gain/loss’, tried clicking save but navigated on SI

Sales invoice payment - After clicking on the difference amount - it tried entering ref no but navigated on SI from PE

Partial payment - difference amount click, then navigated on SI

Partial delivery note - in child table qty clear, tried entering new qty but navigated on item page

Advance payment - instead of asserting allocated_amount, it navigated on SO

Can find the error recording here - https://dashboard.cypress.io/projects/da59y9/runs/4345/specs

Observed result

Expected result

Flow execution should work as expected from the script

Additional information

ERPNext: v14.x.x-develop () (develop)
Frappe Framework: v14.x.x-develop () (develop)

[maharshivpatel]

This issue was caused as DOM Elements were added to grid_container& grid variable on touchstart event as they are intended to be used only on mobile devices with touch interface but on_input_focus function that uses this variable was also called from desktop on mouse click event that caused this uncaught exception. This didn't cause any problem in manual testing or while using but had this behaviour on Cypress. This issue has been fixed #18754