參考文檔https://github.com/airbnb/enzyme/issues/341 http://www.ruanyifeng.com/blog/2016/02/react-testing-tutorial.html
1.引入enzyme 的mount 2.引入jsdom 3.調(diào)用simulate 模擬操作 4.斷言結(jié)果是否是預(yù)期
import {mount} from 'enzyme';import { expect } from 'chai';import React,{Component} from 'react';import ReactDOM from 'react-dom';import jsdom from 'jsdom'const doc = jsdom.jsdom('<!doctype html><html><body></body></html>')global.document = docglobal.window = doc.defaultViewclass App extends Component { constructor(PRops) { super(props) this.state = { count: 1 } } render() { return <h1 onClick={()=>{ this.setState({ count: this.state.count + 1 }) }}>{this.state.count}</h1> }}function shallowRender(Component) { const renderer = TestUtils.createRenderer(); renderer.render(<Component/>); return renderer.getRenderOutput();}describe('Shallow Rendering', function () { it('countTest', function () { let app = mount(<App/>); app.find('h1').simulate('click'); expect(app.find('h1').text()).to.equal('2'); });});新聞熱點(diǎn)
疑難解答
圖片精選
