我一直在试图弄清楚如何让 react-testing-library 与 react-datepicker 一起工作。
到目前为止，我已经能够正确包装输入框，并且可以通过 getByLabelText 函数访问它，但是无论我触发什么事件，我似乎都无法让日期选择器出现文本框。
我已经能够使用基本 Enzyme 方法来显示日期选择器，但它似乎不想通过 react-testing-library 工作。 这是我面临的问题的工作版本：https://codesandbox.io/s/compassionate-bose-8gpbt
【问题讨论】：
标签： reactjs jestjs create-react-app react-testing-library react-datepicker
我认为getByLabelText 不会起作用，因为来自 react-datepicker 的输入嵌套在一个 div 中（它与 react-testing-library 中的任何 example usages 都不匹配）。
我能做的最好的事情是使用getByText 定位From: 文本，然后在文档中查找本月/年：https://codesandbox.io/s/sleepy-neumann-hnpr5
【讨论】：
toBeInTheDocument，但我意识到它通过只是因为html中已经有日期选择器代码，但在控件被正确激活之前它是不可见的，这是我最感兴趣的断言。
.toBeVisible() 断言应该是您测试这种特殊情况的方式，但由于某种原因，当您使用 react 触发点击事件时，数据选择器弹出框的不透明度为 0测试库。不知道是什么原因造成的。