reactjs - 使用 react-testing-library 时让 react-datepicker 正确显示

标签 reactjs jestjs create-react-app react-testing-library react-datepicker

我一直在努力弄清楚如何让 react-testing-library 与 react-datepicker 一起工作。

到目前为止,我已经能够正确包装输入框,并且可以通过 getByLabelText 函数访问它,但无论如何我似乎都无法让日期选择器出现我在文本框上触发什么事件。

我已经能够使用基本的 Enzyme 方法来让日期选择器出现,但它似乎不想通过 react-testing-library 工作。 这是我面临的问题的工作版本:https://codesandbox.io/s/compassionate-bose-8gpbt

最佳答案

我认为 getByLabelText 不会起作用,因为来自 react-datepicker 的输入嵌套在一个 div 中(与 react-testing-library 中的任何 example usages 都不匹配)。

我能做的最好的事情就是使用 getByText 定位 From: 文本,然后在文档中查找这个月/年:https://codesandbox.io/s/sleepy-neumann-hnpr5

关于reactjs - 使用 react-testing-library 时让 react-datepicker 正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56403785/

相关文章:

javascript - 如何加载场景 react native

html - Create React App提供的react-scripts包需要依赖: Babel-Jest

reactjs - react 应用程序 : old version kept in cache until I inspect it

python - Django 和 React 得到 403 禁止

reactjs - 创建 react 应用程序构建 - "Uncaught SyntaxError: Unexpected token <"

reactjs - ReactTags 可以与 React 16.12 应用程序一起使用吗?

javascript - 基于数字键的对象数组的分组和总和

node.js - 使用 babel 将 JSX 转换为 JS

reactjs - React 测试库测试错误 `NaN` 是 `left` css 样式属性的无效值

javascript - 调试测试时自动设置 Jest 超时的最佳方法是什么?