Javascript 如何对依赖于另一个方法的方法进行单元测试?
我有一个React和Redux项目,我正在尝试使用Chai测试框架进行单元测试。现在我正在为我拥有的一个reducer编写一个测试,这个reducer处理的几个操作都是call helper方法。以下是一个例子: formsReducer.js:Javascript 如何对依赖于另一个方法的方法进行单元测试?,javascript,unit-testing,redux,Javascript,Unit Testing,Redux,我有一个React和Redux项目,我正在尝试使用Chai测试框架进行单元测试。现在我正在为我拥有的一个reducer编写一个测试,这个reducer处理的几个操作都是call helper方法。以下是一个例子: formsReducer.js: import * as types from '../constants/actionTypes'; import objectAssign from 'object-assign'; import initialState from './initi
import * as types from '../constants/actionTypes';
import objectAssign from 'object-assign';
import initialState from './initialState';
import formsHelper from '../utils/FormsHelper';
export default function formsReducer(state = initialState.forms, action) {
switch (action.type) {
case types.UPDATE_PRODUCT: {
let formBlueprints = formsHelper.getFormsByProductId(action.product.id);
formBlueprints = formsHelper.addOrRemoveMnDisclosure(formBlueprints, action.stateOfResidence.id);
return objectAssign({}, state, {blueprints: formBlueprints, instances: []});
}
}
}
如您所见,如果我测试这个方法,我也依赖于
formsHelper.getFormsByProductId
和formsHelper.addOrRemoveMnDisclosure
方法来通过。我应该如何测试此减速器/动作?当某个product.id被传递给这些方法时,我是否应该创建一组单独的测试数据,这些数据可以从这些方法返回?这里有几个选项:您可以使用拦截请求(如果请求发出http调用)或使用模拟依赖关系。假设您将mocha
与chai
结合使用,下面是一些示例,让您开始学习
nock
示例
你就不能嘲笑他们吗?proxyquire和sinon.js相比怎么样?它们是否提供相同的模拟功能?我不熟悉在单元测试中使用mock、stub等,并尝试学习所有这些不同的工具。我对
sinon.js
不太熟悉。不确定它是否支持像这样替换调用代码,我认为它只提供间谍来捕获调用。不过,我的假设可能是错误的。
const nock = require('nock');
describe('your test', () => {
if('should do things', () => {
nock('http://your-domain')
.get('/forms/1') // <---- or any other resource
.reply(200, { /* your response object for testing */ });
/* Your regular test */
});
});
const proxyquire = require('proxyquire');
describe('your test', () => {
if('should do things', () => {
const formsReducer = proxyquire.noCallThru().load('../reducers/forms', {
formsHelper: {
/* any keys you need mocked/replaced for your test */
getFormsByProductId: id => return { /* mock response */ }
}
});
/* Your regular test */
});
});