Angular 中 Highcharts 工具提示的单元测试

Question

我在 Angular 7+ 中使用Highcharts API 。

假设在某个组件中，我的图表类型是“区域”，我的工具提示代码如下：

tooltip:{
    shared : true,
    outside : true,
    useHTML : true,
    formatter(){
        let str = `<table>`;
        this.points.forEach((point)=>{
            str = str.concat(
                `<tr>
                    <td style="color: ${point.series.color};font-size: 0.9em"></td>
                </tr>
                `
                );

            str = str.concat('</table>');
            return str;
        })
    }
}

现在，在对该组件进行单元测试时，代码覆盖率不是 100%，并且在 index.html 文件中显示工具提示部分未被覆盖。如何检查是否相同？

Answer 1

为什么要对高图表进行单元测试？单元测试应该涵盖您的业务逻辑实现。您不应该担心测试库。他们已经这样做了（如果他们是一个好的图书馆）。100% 覆盖率是一个过时的误解。\xe2\x80\x99 拥有支持您的用例的良好且有意义的覆盖范围比仅仅为了覆盖而拥有 100% 更重要。当主要目标是追逐这些数字时，会发生的情况是，您最终会花费更多的时间来尝试克服一些原本不应该测试的问题，而不是投入时间进行有意义的测试。

\n\n

测试应该测试您（或您的团队）生成的代码，并且应该涵盖需求和用例。他们应该测试行为而不是实施。第三方库就更少了。

\n