【问题标题】:How to unit test a method that is dependent on another?如何对依赖于另一个方法的方法进行单元测试?
【发布时间】:2016-09-19 15:40:02
【问题描述】:

我有一个 React 和 Redux 项目,我正在尝试使用 Chai 测试框架进行单元测试。现在我正在为我拥有的reducer 编写一个测试,这个reducer 处理的几个动作调用了辅助方法。这是一个例子:

formsReducer.js:

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.getFormsByProductIdformsHelper.addOrRemoveMnDisclosure 方法通过。我应该如何测试这个减速器/动作?当某个 product.id 传递给这些方法时,我是否应该制作一组可以从这些方法返回的单独测试数据?

【问题讨论】:

  • 你不能嘲笑他们吗?

标签: javascript unit-testing redux


【解决方案1】:

您有几个选择:您可以使用nock 拦截请求(如果它进行http 调用)或使用proxyquire 模拟依赖项。假设您将mochachai 结合使用,这里有一些示例可以帮助您入门。

nock 例子

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 */
  });
});

proxyquire例子

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 */
  });
});

【讨论】:

  • proxyquire 与sinon.js 相比如何?它们是否提供相同的模拟功能?我不熟悉在单元测试中使用模拟、存根等,并尝试学习所有这些不同的工具。
  • 我对@9​​87654332@ 不太熟悉。不确定它是否支持像这样替换调用代码,我认为它只提供间谍来捕获调用。不过,我的假设可能是错误的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多