如何移除/禁用RTL测试中的HTML输出并保留堆栈跟踪

方法1：修改React Testing Library的核心配置 #

在你的测试初始化文件（比如src/setupTests.js）里加这段代码，直接砍掉RTL在测试失败时的DOM打印：

import { configure } from '@testing-library/react';

configure({
  getElementError: (message, container) => {
    // 只返回错误信息，不附带渲染的HTML内容
    return new Error(message);
  },
});

这样测试失败时，只会抛出带错误描述的Error，不会输出一大段DOM，但jest会正常保留完整的堆栈跟踪。

方法2：调整Jest的全局输出配置 #

在jest.config.js里修改这些配置，既减少冗余输出，又确保堆栈不丢失：

module.exports = {
  verbose: false,
  reporters: [['default', { printErrorSummary: true }]],
  stackTrace: true,
};

verbose: false会关掉一些不必要的详细输出，stackTrace: true强制保留堆栈信息，适合需要全局生效的场景。

方法3：临时运行测试时的参数控制 #

如果只是临时不想看HTML输出，运行测试时加这两个参数就行：

npm test -- --silent --stackTrace

--silent会抑制大部分冗余输出，--stackTrace确保堆栈跟踪不会被一起关掉，适合单次调试场景。

内容的提问来源于stack exchange，提问作者Oliver Watkins