44得票17回答
测试React Select组件

https://github.com/JedWatson/react-select 我想使用React-Select组件,但需要添加测试。 我尝试了一些在Google上找到的选项,但似乎都不起作用。我有下面的代码,但它没有触发更改事件。我已经能够添加一个焦点事件,它会添加“is-focus...

36得票8回答
如何通过Jest测试React的PropTypes?

我正在为我的React代码编写Jest测试,并希望利用/测试PropType检查。我对Javascript世界还很陌生。我使用npm安装了react-0.11.2并有一个简单的: var React = require('react/addons'); 在我的测试中,我的测试看起来与je...

30得票4回答
为什么在dispatchEvent时React事件处理程序没有被调用?

考虑一个React组件中的以下输入元素:<input onChange={() => console.log('onChange')} ... /> 在测试React组件时,我模拟用户更改输入值:input.value = newValue; TestUtils.Simula...

23得票1回答
在React TestUtils中模拟文件输入

我有一个组件,其渲染函数如下: render: function() { <input type="file" name: this.props.name, className={this.props.className} on...

22得票3回答
在JEST单元测试中模拟文档的keydown事件

如何使用JEST对附加了到文档的keydown监听器的组件进行单元测试?我该如何在JEST中模拟文档上的keydown事件?由于监听器需要响应键盘动作而不考虑聚焦元素,因此我需要将其附加在文档上。 编辑:问题在于如何在文档或document.body上模拟事件。所有示例都涉及实际的DOM节点...

21得票4回答
在基于jsdom的测试中调用setState会导致“无法在工作线程中呈现标记”的错误。

我正在使用jsdom在我的React组件下测试自己的微型"虚拟浏览器"工具,这个工具挺好用,但是当我尝试使用setState时就出问题了。例如,测试一个儿童年龄输入控件:describe('rendering according to the draft value', function ()...

18得票3回答
使用Jest更改元素大小

我组件里有以下代码var rect = ReactDOM.findDOMNode(this).getBoundingClientRect(); 我使用d3js在组件中渲染图形。但是当我运行测试时,所有rect字段都等于0,因此没有任何svg标签。在浏览器中运行console.log(rect)...

14得票1回答
什么是Enzyme中的适配器?

有没有关于 enzyme 测试库中 adapter 目的的文档?import { configure } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; configure({ adapter: new Adapte...

14得票2回答
使用ReactJs TestUtils 模拟文本输入

我想要能够使用reactjs模拟用户在文本框中输入文字,以便测试验证状态消息。 我有一个React组件,在keyUp时会进行验证。 下面是我尝试过的简单示例。nameInput.props.value = 'a'; React.addons.TestUtils.Simulate.keyUp...

12得票1回答
使用React TestUtils模拟选择选项

我有以下的React组件,我想使用TestUtils在我的select-block中选择其中一个selectElements。我该怎么做?var selectElements = ["type_a", "type_b"]; var SelectElement = React.createCl...