cypress-testing-library | 🐅 Simple and complete custom Cypress commands | Frontend Framework library

Does Material-UI's Select component use a timeout or other time function then closing? I have been trying to find the implementation of the code and also tried debugging but I can't find an answer to this.

I need to know this due to an issue I ran in to when writing GUI-tests using the Cypress testing framework and its clock()-method on the Select component.

The clock method is used to override time-functions like date, setTimeout and clearTimeout (https://docs.cypress.io/api/commands/clock.html#Syntax).

When using this without specifying that I only want to override Date the Select component doesn't close as it should. The actual dropdown closes but the invisible backdrop div (#menu-.presentation) stays put thus hiding all the other components when cypress want to continue the test run.

Without the clock the test works fine apart from the date related errors that is expected. This lead me to think that the Select somehow uses a timeout, even though I have been unable to find any proof. I would really like to understand this behavior.

I'm not using the Native select.

The dependencies related have the following versions:

"@material-ui/core": "4.3.2"

"cypress": "3.2.0"

"cypress-testing-library": "2.4.0"