Cypress error

CypressError: This element is not visible because it has CSS property: display: none

The target (or one of its ancestors) is hidden, usually a menu/dropdown item that only becomes visible after a real trigger interaction.

Why this happens

The element only renders visibly after a hover/click sequence that the test hasn't actually performed yet

How to fix it

Trigger the real interaction that reveals it (click the dropdown trigger) before interacting with the now-visible item
Reserve `{ force: true }` for a genuinely intentional CSS quirk, not as a substitute for the real user flow