fix(cypress): flaky live photo test grid_view trigger issue

[skjnldsv]

WIP

[kesselb]

Thank you 🙏

[skjnldsv]

/backport bc523f6 to stable30

[skjnldsv]

/backport bc523f6 to stable29

[SystemKeeper]

Just to have this documented somewhere. The original issue comes from a "little" sideeffect of cypress' .type() method:

If the element is currently not in focus, before issuing any keystrokes Cypress will first issue a .click() to the element to bring it into focus.

(https://docs.cypress.io/api/commands/type#When-element-is-not-in-focus)

Since the dialog is not focused, a click is done by cypress in the middle of the dialog, which happens to be the Enable the grid view checkbox on the runners. It seems the runners use a different font than we use locally which brings the element into "the click range".

[skjnldsv]

Since the dialog is not focused

Shouldn't it always take the focus on open? 🤔

[SystemKeeper]

Since we click on the checkbox input, that one has the input, not the dialog itself. Probably (didn't test) if we do the type on the input element it would work correctly.