https://github.com/JedWatson/react-select 我想使用React-Select组件,但需要添加测试。 我尝试了一些在Google上找到的选项,但似乎都不起作用。我有下面的代码,但它没有触发更改事件。我已经能够添加一个焦点事件,它会添加“is-focus...
我正在为我的React代码编写Jest测试,并希望利用/测试PropType检查。我对Javascript世界还很陌生。我使用npm安装了react-0.11.2并有一个简单的: var React = require('react/addons'); 在我的测试中,我的测试看起来与je...
考虑一个React组件中的以下输入元素:<input onChange={() => console.log('onChange')} ... /> 在测试React组件时,我模拟用户更改输入值:input.value = newValue; TestUtils.Simula...
我有一个组件,其渲染函数如下: render: function() { <input type="file" name: this.props.name, className={this.props.className} on...
如何使用JEST对附加了到文档的keydown监听器的组件进行单元测试?我该如何在JEST中模拟文档上的keydown事件?由于监听器需要响应键盘动作而不考虑聚焦元素,因此我需要将其附加在文档上。 编辑:问题在于如何在文档或document.body上模拟事件。所有示例都涉及实际的DOM节点...
我正在使用jsdom在我的React组件下测试自己的微型"虚拟浏览器"工具,这个工具挺好用,但是当我尝试使用setState时就出问题了。例如,测试一个儿童年龄输入控件:describe('rendering according to the draft value', function ()...
我组件里有以下代码var rect = ReactDOM.findDOMNode(this).getBoundingClientRect(); 我使用d3js在组件中渲染图形。但是当我运行测试时,所有rect字段都等于0,因此没有任何svg标签。在浏览器中运行console.log(rect)...
有没有关于 enzyme 测试库中 adapter 目的的文档?import { configure } from 'enzyme'; import Adapter from 'enzyme-adapter-react-16'; configure({ adapter: new Adapte...
我想要能够使用reactjs模拟用户在文本框中输入文字,以便测试验证状态消息。 我有一个React组件,在keyUp时会进行验证。 下面是我尝试过的简单示例。nameInput.props.value = 'a'; React.addons.TestUtils.Simulate.keyUp...
我有以下的React组件,我想使用TestUtils在我的select-block中选择其中一个selectElements。我该怎么做?var selectElements = ["type_a", "type_b"]; var SelectElement = React.createCl...