In MagicPod, elements to which the following CSS styles are applied (hidden elements) generally cannot be interacted with (such as clicking or retrieving values). This is due to the specifications of WebDriver, the library used internally by MagicPod.
- display: none;
- visibility: hidden;
- opacity: 0;
However, as a workaround for this issue, it may be possible to interact with such elements using normal commands by temporarily clearing the style attribute of the hidden element with the Set UI element's attribute command.
- Use the “Set UI element's attribute” command to set an empty string to the
styleattribute of the target element, thereby clearing the hidden styles. - Once the element becomes visible, interact with that element, such as clicking or retrieving a value.
- Use the “Set UI element's attribute” command to restore the
styleattribute to its original value.
If it is difficult to interact with, even with the above workaround, please consider excluding that interaction from the scope of your E2E test.
This issue has also been filed as a ticket here.