reactjs - Jest/Enzyme 中的异常处理

Question

我正在使用 Jest/Enzyme 测试我的 React 组件。

在某些测试用例中，测试会失败并出现一些异常。在 Jest/Enzyme 中处理错误而不破坏测试用例的合理/标准方法是什么？

例如 - 如果“网格”组件没有获取任何数据作为参数，则以下情况应该通过。但是，它会失败并出现从网格组件抛出的异常。

test('Grid does not render without data',()=>{
const wrapper=shallow(<Grid/>);
expect(wrapper.length.toBe(0));
})

Answer 1

您不应该处理测试用例中的错误。相反，您应该期望代码会抛出错误。

你的代码应该是这样的

test('Grid should throw when data is not passed',()=>{
  expect(() => shallow(<Grid/>)).toThrow();
})

但理想情况下，当不存在正确的 prop 时，组件不应抛出异常，而是不应渲染。