react-testing-library：调试输出的某些部分不可见

Question

我正在使用 react jest 和 react 测试库来测试我的组件。我面临一个奇怪的问题。我正在使用来自测试库的渲染调试返回。

 test('component should work', async () => {
  const { findByText, debug } = render(<MyComponent />);
  const myElement = await findByText(/someText/i);
  debug();

});

正如您在屏幕截图中看到的那样，缺少不完整的开发和父母的结束标签。

原文由 Amit Chauhan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要更改 DEBUG_PRINT_LIMIT env 变量的值（默认值为 7000）。

例如，使用以下命令运行测试： DEBUG_PRINT_LIMIT=10000 yarn test

资料来源： https ://github.com/testing-library/dom-testing-library/blob/master/src/pretty-dom.js#L33

原文由 rrebase 发布，翻译遵循 CC BY-SA 4.0 许可协议