赛普拉斯模态不关闭

Question

I've read 5-6 relevant Stackoverflow threads, none appear to pertain to this (famous last words).

Cypress 12.3.0 (was happening on v9 so I upgraded, but the issue persists).

Problem only occurs in automation.

Test conducted in headed mode (Cypress > Edge).

1. Click delete icon
2. Modal appears
3. Click delete button in modal

Expected result:

Action performed, modal closes.

Actual result:

Action performed, modal doesn't close.

Troubleshooting:

I added a command to close the modal using the modal's X button = Cypress can't find it.

If I don't add the above command, the succeeding test steps cannot click on elements because the modal that allegedly doesn't exist is covering them!

In Cypress > Edge, I can interact with and inspect the modal's elements.

This is crazy.

Code:

cy.contains('button', 'Delete Queue')
.click();

No iframes involved.

I'm enquiring internally to establish what JavaScript event or logic is closing the modal so I can trigger that. Or close the modal if it can be found with JavaScript...

Just wondered if you guys have any ideas?

Thanks

Answer 1

For whatever reason the app wouldn't close the modal after deleting the queue so I closed it myself using the correct CSS selector .

Answer 2

Maybe this can resolve your problem:

cy.contains('button', 'Delete Queue')
.click();
cy.get('[data-test-id="modal-close-button"]')
.click();

Let me know if it works.