问题描述
问题
我正在使用Jest和SinonJS测试自定义的Redux中间件,更准确地说,我想测试是否在中间件内部的特殊条件下调用了某些函数。
我使用SinonJS创建间谍,并使用Jest运行测试。 我为要跟踪的特定功能初始化了间谍程序,当我检查是否已调用这些间谍程序时,即使应该对其进行检查(手动测试)也没有对这些间谍程序进行过检查。
码
这是我要测试的中间件:
import { Cookies } from 'react-cookie';
import setAuthorizationToken from './setAuthorizationToken';
let cookies = new Cookies();
export const bindTokenWithApp = (store) => (next) => (action) => {
// Select the token before action
const previousToken = getToken(store.getState());
// Dispatch action
const result = next(action);
// Select the token after dispatched action
const nextToken = getToken(store.getState());
if (previousToken !== nextToken) {
if (nextToken === '') {
setAuthorizationToken(false);
cookies.remove(SESSION_COOKIE_NAME, COOKIE_OPTIONS);
} else {
cookies.set(SESSION_COOKIE_NAME, nextToken, COOKIE_OPTIONS);
setAuthorizationToken(nextToken);
}
}
return result;
};
这是我的实际测试
import { bindTokenWithApp } from './middleware';
import { Cookies } from 'react-cookie';
import sinon, { assert } from 'sinon';
import setAuthorizationToken from './setAuthorizationToken';
describe('bindTokenWithApp', () => {
const next = jest.fn();
const action = jest.fn();
let cookies = new Cookies();
it('removes cookies when there is no token', () => {
// My actual not working spies
const cookieSpy = sinon.spy(cookies.remove);
const authSpy = sinon.spy(setAuthorizationToken);
// Stub for the specific case. This code works,
// I console.logged in the middleware and I'm getting the below values
const getState = sinon.stub();
getState.onFirstCall().returns({ auth: { token: 'a token' } });
getState.onSecondCall().returns({ auth: { token: '' } });
const store = { getState: getState };
bindTokenWithApp(store)(next)(action);
assert.calledOnce(cookieSpy);
assert.calledOnce(authSpy);
// Output : AssertError: expected remove to be called once but was called 0 times
// AssertError: expected setAuthorizationToken to be called once but was called 0 times
cookieSpy.restore(); // <= This one works
authSpy.restore(); // TypeError: authSpy.restore is not a function
});
});
我已经阅读了SinonJS文档和一些StackOverFlow帖子,但没有解决方案。
我也不能调用authSpy.restore();
。
我认为我没有以正确的方式初始化间谍,并且我对SinonJS中的一个概念有误解,但是我找不到哪个!
setAuthorizationToken签名为
(别名)const setAuthorizationToken:(令牌:任何)=>无效
导入setAuthorizationToken我认为这是一个经典模块,因此我无法弄清楚为什么要对
authSpy.restore();
挣扎authSpy.restore();
1楼
您实际上拥有的两个间谍有两个不同的修复程序,都具有相同的潜在问题。
sinon.spy(someFunction)
实际上并不包装someFunction
本身,它返回一个间谍但不执行任何替换。
对于第一个间谍,有一个自动包装对象方法的简写: sinon.spy(cookie, 'remove')
应该做您需要的事情。
对于第二个间谍,它更加复杂,因为您需要将间谍包裹在setAuthorizationToken
的默认导出周围。
为此,您将需要诸如proxyquire之类的东西。
Proxyquire是一种特殊的需求机制,可让您用所需的测试方法替换导入。
这是您需要做的简短介绍:
const authSpy = sinon.spy(setAuthorizationToken);
bindTokenWithApp = proxyquire('./middleware', { './setAuthorizationToken': authSpy});