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

当尝试使用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的方法无法正确评估?

最佳答案
所以你的测试失败了因为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);

请参阅toBe,toEqualmock calls上的文档

转载注明原文:javascript – 使用不可变数据结构时,Jest模拟函数参数不匹配 - 代码日志