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

简介:

  最近项目中希望加入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


本文转自破狼博客园博客,原文链接:http://www.cnblogs.com/whitewolf/archive/2012/12/16/2820949.html,如需转载请自行联系原作者

目录
相关文章
|
2月前
|
JavaScript 前端开发 安全
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
使用 Node.js 插件给指定目录下的所有图片添加上文字水印
57 0
|
1天前
|
JavaScript 前端开发 UED
深入解析JavaScript原生操作DOM技术
【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术,包括使用`getElement*`方法和CSS选择器获取元素,借助`createElement`与`appendChild`动态创建及插入元素,修改元素内容、属性和样式,以及删除元素。通过掌握这些技术,开发者能实现页面动态交互,但应注意避免过度操作DOM以优化性能和用户体验。
|
1天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
7 0
|
1天前
|
前端开发 JavaScript 编译器
深入解析JavaScript中的异步编程:Promises与async/await的使用与原理
【4月更文挑战第22天】本文深入解析JavaScript异步编程,重点讨论Promises和async/await。Promises用于管理异步操作,有pending、fulfilled和rejected三种状态。通过.then()和.catch()处理结果,但可能导致回调地狱。async/await是ES2017的语法糖,使异步编程更直观,类似同步代码,通过事件循环和微任务队列实现。两者各有优势,适用于不同场景,能有效提升代码可读性和维护性。
|
27天前
|
IDE Java Apache
常用 Maven 插件大全
常用 Maven 插件大全
7 0
|
1月前
|
JSON JavaScript 前端开发
vue项目使用Print.js插件实现PDF文件打印
vue项目使用Print.js插件实现PDF文件打印
41 0
|
1月前
|
自然语言处理 JavaScript 前端开发
Vue.js 深度解析:模板编译原理与过程
Vue.js 深度解析:模板编译原理与过程
|
1月前
|
缓存 JavaScript 网络架构
Vue.js 进阶技巧:keep-alive 缓存组件解析
Vue.js 进阶技巧:keep-alive 缓存组件解析
|
1月前
|
JavaScript 前端开发 API
Vue.js 深度解析:nextTick 原理与应用
Vue.js 深度解析:nextTick 原理与应用
|
1月前
|
JavaScript 前端开发 IDE
JavaScript 中的 structuredClone():详尽解析
您是否知道,现在 JavaScript 中有一种原生的方式可以深拷贝对象?

推荐镜像

更多