我正在使用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:(令牌:任何)=> void
导入setAuthorizationToken我认为这是一个经典的模块,所以我不知道为什么我要为
authSpy.restore();
奋斗
答案 0 :(得分:0)
您实际上拥有的两个间谍有两个不同的修复程序,都具有相同的潜在问题。 sinon.spy(someFunction)
实际上并没有包装someFunction
本身,它返回了一个间谍但没有执行任何替换。
对于第一个间谍,有一个自动包装对象方法的简写:sinon.spy(cookie, 'remove')
应该做您需要的事情。
对于第二个间谍来说,它更加复杂,因为您需要将间谍包裹在默认导出setAuthorizationToken
周围。为此,您将需要诸如proxyquire之类的东西。 Proxyquire是一种特殊的需求机制,可让您用所需的测试方法替换导入。这是您需要做的简短介绍:
const authSpy = sinon.spy(setAuthorizationToken);
bindTokenWithApp = proxyquire('./middleware', { './setAuthorizationToken': authSpy});