如何将 React 测试库“未包含在行为中”警告转换为 Jest 单元测试错误

Question

我们正在使用 Jest 和 React 测试库对我们的 React 应用程序进行单元测试。 我们得到了一些这样的“经典”错误：

console.error
      Warning: A suspended resource finished loading inside a test, but the event was not wrapped in act(...).
      
      When testing, code that resolves suspended data should be wrapped into act(...):
      
      act(() => {
        /* finish loading suspended data */
      });
      /* assert on the output */

但是有些开发者干脆忽略了这种类型的错误。 因此，随着时间的推移，测试 output 会充斥着这样的警告。 而且我们的测试感觉不那么自信。

Jest 或 React Testing Library 中是否有配置将这种警告变为错误并使单元测试失败？ 我在谷歌中搜索并找到了很多（好的）文章来解决警告但没有把它变成真正的错误。

Answer 1

您可以使用 [jest-fail-on-console]: https://www.npmjs.com/package/jest-fail-on-console npm package 使测试在 console.error、console.warning 上失败。