Material-UI 的 Select 组件在关闭时是否使用 setTimeout，如果是，为什么？

Question

Material-UI 的 Select 组件是否使用超时或其他时间功能然后关闭？我一直在试图找到代码的实现，也尝试过调试，但我找不到答案。

我需要知道这一点，因为我在使用 Cypress 测试框架及其在 Select 组件上的 clock() 方法编写 GUI 测试时遇到了一个问题。

clock 方法用于覆盖时间函数，例如 date、setTimeout 和 clearTimeout (https://docs.cypress.io/api/commands/clock.html#Syntax)。

在没有指定我只想覆盖 Date 的情况下使用它时，Select 组件不会按应有的方式关闭。实际的下拉菜单关闭，但不可见的背景 div (#menu-.presentation) 保持不变，因此当 cypress 想要继续测试运行时隐藏所有其他组件。

没有时钟，除了预期的与日期相关的错误外，测试工作正常。这使我认为 Select 以某种方式使用了超时，即使我找不到任何证据。我真的很想了解这种行为。

我没有使用原生选择。

相关的依赖有以下版本：

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

“柏树”：“3.2.0”

"cypress-testing-library": "2.4.0"

Answer 1

由于涉及的不同组件的数量，查看代码很复杂，但如果你仔细研究所有这些，你最终会找到setTimeout。

• Selectuses SelectInput
• SelectInputuses Menu
• Menuuses Popover
• Popover uses Grow 作为默认 TransitionComponent。
• Growuses setTimeout
• Grow 也使用来自react-transition-group 的Transition，这也是uses setTimeout。