компонент:
import React from 'react'
import request from 'superagent'
export default React.createClass({
getInitialState() {
return {cats: []}
},
componentDidMount() {
request('/api', (err, res) => {
if (err) return;
this.setState({
cats: res.body.results
})
})
},
render() {
let cats = this.state.cats
let catsList = (
<ul>
{cats.map((c) => <li key={c.id}>cat</li>)}
</ul>
)
return (
<div>
hello world
{cats.length ? catsList : null}
</div>
)
}
})
Тест:
jest.unmock('../app.js')
jest.unmock('superagent')
import React from 'react'
import {mount} from 'enzyme'
import nock from 'nock'
import App from '../app.js'
describe('App', () => {
let ajaxFn
beforeEach(() => {
ajaxFn = nock('http://localhost')
.get('/api')
.reply(200, {
results: [{id: 1}, {id: 2}, {id: 3}]
})
})
it('says hello world', () => {
let wrapper = mount(<App/>)
expect(wrapper.text()).toContain('hello worl')
})
it('makes ajax request', () => {
let wrapper = mount(<App/>)
expect(ajaxFn.isDone()).toBe(true)
})
it('renders correct number of cats', () => {
let wrapper = mount(<App />)
expect(wrapper.state('cats').length).toBe(3)
})
})
Первые два теста проходят, но окончательный - нет, т.е. wrapper.state('cats'). length == 0
Я понимаю, что setState не гарантирует немедленное обновление состояния, однако, если я зарегистрирую "кошки" в компоненте, я могу увидеть его обновление.