高角度工具提示的单元测试

Question

我在Angular 7+中使用Highcharts API。

假设在某些组件中，我的图表类型为'area'，我的tooltip代码如下：

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％的覆盖率是过时的误解。拥有有意义的覆盖范围来支持您的用例，比拥有100％的覆盖范围更重要。当主要目标是追求这些数字时，会发生的事情是，与花时间进行有意义的测试相比，您最终花费更多的时间来尝试克服甚至根本不需要进行测试的事情。

测试应测试您（或您的团队）编写的代码，并应涵盖要求和用例。他们应该测试行为而不是执行。甚至更少的第三方图书馆。