React Jest测试
2015-12-20 20:25
501 查看
一、
var jest = require('jest'); jest.dontMock('../CheckboxWithLabel.js'); describe('CheckboxWithLabel', function() { it('changes the text after click', function() { var React = require('react/addons'); var CheckboxWithLabel = require('../CheckboxWithLabel.js'); var TestUtils = React.addons.TestUtils; var checkbox = TestUtils.renderIntoDocument( < CheckboxWithLabel labelOn = "On" labelOff = "Off" / > ); var label = TestUtils.findRenderedDOMComponentWithTag(checkbox, 'label'); expect(label.getDOMNode().textContent).toEqual('Off'); var input = TestUtils.findRenderedDOMComponentWithTag(checkbox, 'input'); TestUtils.Simulate.change(input); expect(label.getDOMNode().textContent).toEqual('On'); }); });
相关文章推荐
- React如何性能调优
- React 性能调优原理
- React使用rAF动画介绍
- React用JS 模拟动画介绍
- 如何在React中使用CSS3动画
- java识别验证码-用tess4j实现超简单调用tessreact-orc来破解验证码
- React表单组件自定义-可控及不可控组件
- 大神眼中的React Native--备用
- React事件处理函数的bind复用和name复用
- React表单元素的使用
- ReactJS学习笔记(三)
- 用ReactJS和Python的Flask框架编写留言板的代码示例
- 用ReactJS和Python的Flask框架编写留言板的代码示例
- React可控组件与不可控组件
- React组件-mixin
- React-组件嵌套-子组件通过委托向父组件传值
- react-native 布局
- 如何创建一个Android原生的react-native组件(一)
- ReactiveCocoa源码拆分解析(一)
- React事件属性