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

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