开玩笑的each` each`导致一次被称为一次，但被称为多次称为＆＃x27;与＆＃x27; getByTestID一起使用时出错

Question

我有一个组件，其中一些零件是根据window对象上的某些配置条件渲染的。这一切都可以，我可以手动确认这一点。

我有这样的测试设置，但是我已经简化了它：

it('renders both by default', () => { // PASS
  const Comp = getComponent();
  render(<Comp />);
  expect(screen.getByTestId('one')).toBeInTheDocument();
  expect(screen.getByTestId('two')).toBeInTheDocument();
})
it.each([
  { testId: 'one', otherTestId: 'two'},
  { testId: 'two', otherTestId: 'one' },
])('renders $testId, not $otherTestId', (testId, otherTestId) => { // FAIL
  delete window.config[otherTestId]; // this works
  const Comp = getComponent();
  render(<Comp />);
  expect(screen.getByTestId(testId)).toBeInTheDocument();
  expect(screen.getByTestId(otherTestId)).not.toBeInTheDocument();
})

但是我遇到了这个错误：

Expected done to be called once, but it was called multiples times. Reason 'two'.

这不是我以前见过的。我在这里运行的测试都不是异步。该组件不是异步。我没有在此附近使用任何地方。

发生了什么事？

Answer 1

您需要破坏测试变量

Jest期望testID是包含所有测试变量的对象，而etherTestId是功能完成。

我不确定为什么它认为它被称为多次，但是提出第一个参数：

{ testId, otherTestId }

围绕此操作，并正确匹配文档。

---

另外，请按照以下内容答案用本机替换Jest的循环，这在许多方面都是更好的方法。