Major Description
Description of problem:
This is not an error itself, is related to QE Automations.
When creating a custom migration target, a modal is opened, which loads the HTML form used for creation into the DOM.
When editing a custom migration target, another modal pops up, which loads an identical form into the DOM while the previous one is still present but hidden.
The problem is that there is no way to differentiate between the two modals in Cypress, other than using the :hidden jQuery selector, which is known to have some performance issues as it is not a standard CSS selector.
This selector also takes into account whether the element is inside the viewport, which can make it difficult to run automations on some screens.
Version-Release number of selected component (if applicable): MTA 6.1.0
How reproducible: Always
Steps to Reproduce:
1. Open the custom migration targets menu, click on `Create new` and create a custom migration target.
2. Edit the custom migration target (there is no need to change anything, just click the option so the modal pops up).
Actual results:
Two forms with the same elements and attributes are kept in the DOM at the same time
Expected results:
Different elements should have, at least, different ids to avoid HTML standard violations and to allow QE to differentiate them when automating the tests.
Additional info
