Javascript覆盖率(jstd)数据解析Maven插件 推荐
2012-12-16 22:06
507 查看
最近项目中希望加入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>
效果:
![](http://3983901.blog.51cto.com/attachment/201212/16/3973901_1355666774F6Q5.png)
文件执行明细:
![](http://3983901.blog.51cto.com/attachment/201212/16/3973901_13556667754YKY.png)
代码行之间的样式有点过于大,还没来得及修改样式,敬请原谅。
有什么问题请及时在github上提出,希望多多交流。同时也可以作为一个angularjs和bootstrap的例子学习
![](http://3983901.blog.51cto.com/attachment/201212/16/3973901_1355666776ZgE0.gif)
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>
效果:
![](http://3983901.blog.51cto.com/attachment/201212/16/3973901_1355666774F6Q5.png)
文件执行明细:
![](http://3983901.blog.51cto.com/attachment/201212/16/3973901_13556667754YKY.png)
代码行之间的样式有点过于大,还没来得及修改样式,敬请原谅。
有什么问题请及时在github上提出,希望多多交流。同时也可以作为一个angularjs和bootstrap的例子学习
![](http://3983901.blog.51cto.com/attachment/201212/16/3973901_1355666776ZgE0.gif)
相关文章推荐
- Javascript覆盖率(jstd)报表解析Maven插件
- 强烈推荐:纯JAVASCRIPT图表动画插件Highcharts Examples
- skyline无插件web的数据加载解析
- 在JavaScript中使用DOM解析XML数据 .
- javascript插件推荐
- 推荐JSON与Model之间数据解析模型开源代码
- 【Javascript】解析不规则的JSON返回数据集合!Javascript
- javascript解析json数据的3种方式
- 【精心推荐】几款极好的 JavaScript 文件上传插件
- [maven] 常用插件解析
- 推荐12款JavaScript表单插件
- (十三)Maven插件解析运行机制
- 21个实用的Javascript数据图表插件
- 推荐几款很棒的 JavaScript 表单美化和验证插件
- maven插件解析机制
- 【精心推荐】几款极好的 JavaScript 文件上传插件
- 测试覆盖率插件cobertura-maven-plugin
- 【maven插件】cobertura-maven-plugin测试覆盖率
- json-lib:java产生json数据以及json数据在javascript中解析
- 10个强大的Javascript表单验证插件推荐