使用不可变数据结构时,Jest模拟函数参数不匹配

时间:2016-12-06 20:47:02

标签: javascript immutable.js jestjs

当尝试使用Jest的.toHaveBeenCalledWith()方法测试传递给函数的参数时,如果我使用ImmutableJS库处理不可变数据结构,则测试失败。测试失败,消息类似于:

Expected mock function to have been called with:
  [{"foo": true, "bar": "baz"}]
But it was called with:
  [{"foo": true, "bar": "baz"}]

测试看起来与此相似:

const expectedArgs = Map({
  foo: true,
  bar: 'baz'
});

const foo = jest.fn();
bar();
expect(foo).toHaveBeenCalledWith(expectedArgs);

与此类似的功能:

const bar = () => {
  const baz = Map({});
  const bazModified = baz.set('foo', true).set('bar', 'baz');
  foo(bazModified);
}

我意识到如果我以这种方式传递参数一切正常:

const bar = () => {
  const baz = Map({
    foo: true,
    bar: 'baz'
  });
  foo(baz);
}

问题是这是我函数逻辑的一个很大的简化,我必须使用.set来构造对象。有没有人知道为什么.set的方法无法正确评估?

1 个答案:

答案 0 :(得分:6)

因此,您的测试失败,因为toHaveBeenCalledWith仅在实体的实例完全相同时才会通过。它类似于以下内容,但也失败了:

const expectedArgs = Map({
  foo: true,
  bar: 'baz'
});

const input =  Map({
  foo: false,
  bar: 'baz'
});

const result = input.set('foo', true);

expect(result).toBe(expectedArgs);

另一方面,这确实有效:

expect(result).toEqual(expectedArgs);

因为它表现得非常平等。

您无法测试与toHaveBeenCalledWith的相等性,因为baz.set('foo', true)将始终返回一个新实例(这是使用不可变数据的点)。

我认为有一种方法可以让toHaveBeenCalledWith表现得像toEqual,所以我想要走的路是用toEqual手动测试模拟通话:

const expectedArgs = Map({
  foo: true,
  bar: 'baz'
});

const foo = jest.fn();
bar();
// foo.mock.calls[0][0] returns the first argument of the first call to foo
expect(foo.mock.calls[0][0]).toEqual(expectedArgs);

请参阅toBetoEqualmock calls

上的文档