在Mocha HTML报告程序中禁用堆栈跟踪

Question

我正在使用 Mocha 在我的简单网页上测试JavaScript。由于它的简单性，我认为不值得去 node / npm / webpack 这样的东西，所以我在浏览器中进行测试，并使用带有<div id="mocha"></div>的默认mocha HTML记者。但是由于在失败的测试案例中存在大量且通常不必要的堆栈跟踪信息，我有些恼火。有什么方法可以禁用堆栈跟踪吗？而且更一般地说， Mocha HTML报告程序是否具有任何配置功能？

Answer 1

您可以使用以下CSS隐藏所有堆栈跟踪：

.html-error > pre.error {
    display: none;
}

或通过使用

隐藏所有报告的错误（包括堆栈跟踪）

.html-error, .error {
    display: none;
}

The source code of the reporter是起作用的原因。

Answer 2

您注意到，默认的html记者将AssertionError和Stacktrace合并在一起。您可以通过继承基本HTML报告程序来创建自己的报告程序，然后在test.err.stack对象在fail事件中发出之前将其删除。 walkthrough可用于创建报告器。

尽管有很多第三方记者，所以您可能想在花时间之前先检查一下其他一些记者。例如，我们的记者Mochaterial首先显示异常，并在深入分析后公开堆栈跟踪，这可能对您来说足够了：Codepen。