我正在了解TDD React here,并且不了解以下测试情况:
it('Correctly updates the state after AJAX call in `componentDidMount` was made', (done) => {
nock('https://api.github.com')
.get('/users')
.reply(200, [
{ 'name': 'Reign', 'age': 26 }
]);
// Overwrite, so we can correctly reason about the count number
// Don't want shared state
wrapper = mount(<UsersListComponent />);
setTimeout(function() {
expect(wrapper.state().usersList).to.be.instanceof(Array);
expect(wrapper.state().usersList.length).to.equal(1);
expect(wrapper.state().usersList[0].name).to.equal('Reign');
expect(wrapper.state().usersList[0].age).to.equal(26);
nock.cleanAll();
done();
}, 1500);
});
使用nock
伪造请求的目的是什么?此请求不会执行任何操作,我不确定响应的位置。我认为TDD方法是编写测试(从包装器开始的代码),看到它失败,然后在实际组件中使用真正的ajax调用来测试。我不知道nock在这里做什么。
答案 0 :(得分:3)
代码中nock
调用的目的是伪造API请求。 Nock捕获/拦截调用,而不是实际响应,它返回带有虚假信息的响应。
测试的标题是Correctly updates the state after AJAX call...
,因此目的是测试状态是否正确更新,而不是是否已成功执行实际的API请求。
这允许您建模和测试不同的方案,例如,在接收不同数据集时应用程序的行为方式。它还允许您在实际API尚未准备好时完成测试。
答案 1 :(得分:1)
单元测试的目的是仅测试您的代码是最孤立的方式。伪造AJAX请求并获取其响应是一种非常常见的做法,可以避免端点出现问题(因为这不是您正在测试的内容)并专注于处理此端点响应的代码,您可以选择不同的响应模型测试不同的场景。
当您拨打“https://api.github.com/users”时,Nock会将响应反馈给您的组件