The program_management.cy.ts
end-to-end test failed on the nightly CI, because it could not type into the Program increment label in the program management admin screen. This happens from time to time, there seems to be issues with the rendering of this page.
We should fix the flakiness.
The error was:
CypressError: Timed out retrying after 4000ms: `cy.type()` failed because the page updated while this command was executing. Cypress tried to locate elements based on this query:
> <input#admin-configuration-program-increment-label-section.tlp-input>
We initially found matching element(s), but while waiting for them to become actionable, they disappeared from the page. Common situations why this happens:
- Your JS framework re-rendered asynchronously
- Your app code reacted to an event firing and removed the element
You can typically solve this by breaking up a chain. For example, rewrite:
> `cy.get('button').click().click()`
to
> `cy.get('button').as('btn').click()`
> `cy.get('@btn').click()`
https://on.cypress.io/element-has-detached-from-dom
[...]
From Your Spec Code:
at configureProgram (webpack://@tuleap/plugin-program-management-e2e/./cypress/e2e/program_management.cy.ts:74:0)
at Context.eval (webpack://@tuleap/plugin-program-management-e2e/./cypress/e2e/program_management.cy.ts:31:0)