10得票1回答
使用enzyme测试React组件的属性更改

我正在修改一个在这里找到的示例: https://github.com/airbnb/enzyme/blob/master/docs/api/ReactWrapper/setProps.md class Foo extends React.Component { render() ...

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

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

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

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

9得票1回答
用Jest测试React元素的高度

我有一个非常简单的React.js组件,用于为长段落添加“阅读更多”/“收起”功能。 我使用Jest编写了一些测试,但是我无法断言DOM元素的高度是否增加到原始内容的大小。 在Jest测试环境中,我的getDOMNode().scrollHeight调用似乎没有返回任何内容。 以下是代码...

7得票1回答
React 13.3 unmountComponentAtNode()错误:目标容器不是DOM元素

当我将React从12.2升级到13.3时,在我的测试套件中出现了以下错误: 错误:不变式违规:unmountComponentAtNode(...):目标容器不是DOM元素。 我正在使用这篇博客文章使用Jasmine测试我的代码。该错误发生在此代码中: describe("A co...

11得票4回答
使用JEST进行单元测试React组件,该组件使用ajax调用

我有一个React组件,在componentDidMount方法中进行Ajax调用。当我尝试使用React.addons.TestUtils渲染它时,组件会在不进行Ajax调用的情况下被渲染。我应该如何使用jest测试React组件,以便进行Ajax调用?我是否需要使用PhantomJS(或类...

10得票3回答
不需要使用require的React组件 - 使用jQuery编写 - jest单元测试

我有一个非常简单的React mixin,它使用jQuery触发事件。MyMixin = { trackStructEvent: function () { args = Array.prototype.slice.call(arguments); $('body').tr...

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

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

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

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

11得票2回答
错误:不变性违规:findAllInRenderedTree(...):实例必须是复合组件

在为React文件编写JEST测试用例时,我遇到了此错误。以下是我的示例代码:search_basr_test.js jest.autoMockOff(); global.React = require('react/addons'); jest.setMock('../stores/br...