logo标签列表

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

javascriptreactjsjestjsreact-testing-library
170
我正在使用React Jest和React Testing Library来测试我的组件。 我遇到了一个奇怪的问题。我正在使用由testing-library的render返回的debug函数。
test('component should work', async () => {
  const { findByText, debug } = render(<MyComponent />);
  const myElement = await findByText(/someText/i);
  debug();

});

enter image description here

如您在截图中所见，有一些未完成的div和缺失父级闭合标签。
7
你尝试过按照这里提到的方法增加DEBUG_PRINT_LIMIT吗？ - uday
1
@uday，使用DEBUG_PRINT_LIMIT仍然没有运气，问题依旧。 - Amit Chauhan
你可以通过以下方式实现：screen.debug(myComponent, Infinity)。注意：你可以指定“undefined”而不是“myComponent”来调试整个文档。 - Daniel Peña
12个回答
1

在@Haryono的回答基础上补充一点，

还要确保脚本中没有设置静默标志。

"test": "jest --config jest.config.js --silent";

移除静默标志应该有效。

注意：我认为静默标志会抑制警告和调试输出。

1

同时确保您的终端允许您向后滚动那么远。在iTerm2中，我将我的“Scrollback lines”设置为1000。将其更改为“无限滚动”，现在一切都很好iTerm2 scrollback lines iTerm2：

太高兴了，我没有苹果电脑。 - Jamie Hutber
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接