代码改变世界

Javascript覆盖率(jstd)报表解析Maven插件

  破狼  阅读(1739)  评论(1编辑  收藏  举报

     最近项目中希望加入javascript覆盖率统计,由于项目的单元测试用的google的jstd(javascript test driver),jstd生成<config filename>-coverage.dat LCOV 格式,这是一种linux上格式,在window上网上搜寻了很久没找到可用的maven组件。最后狠下心来自己写一个。代码已经放在github上,并且maven插件也成功release到官网

coverage 文件格式:

    项目主要采用java将coverage文件解析成java object在利用json序列化输出到固定位置的javascript文件。在利用angularjs显示文件覆盖率报表,利用bootstrap样式展示。

如果你对代码感兴趣,可以参考github源码,实例也在项目sample下。

使用基本配置:

<plugin>
 
    <groupId>com.github.greengerong</groupId>
 
    <artifactId>JSCoverageReport</artifactId>
 
    <version>1.0</version>
 
    <configuration>
 
        <outputDirectory>${basedir}/build/</outputDirectory>
 
        <coverageFile>${basedir}/build/jstd-coverage.dat</coverageFile>
 
        <limit>60</limit>
 
    </configuration>
 
    <executions>
 
        <execution>
 
            <phase>test</phase>
 
            <goals>
 
                <goal>test</goal>
 
            </goals>
 
        </execution>
 
    </executions>
 
</plugin>

 

效果:

image

 

文件执行明细:

image

代码行之间的样式有点过于大,还没来得及修改样式,敬请原谅。

有什么问题请及时在github上提出,希望多多交流。同时也可以作为一个angularjs和bootstrap的例子学习LY6DR3ISJE0)6K)L)]~VIZK

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示