jenkinshtmlcss,Jenkins构建后展示HTML测试报告

在构建测试自动化脚本结束后控制台默认只输出用例执行结果&＃xff0c;以接口测试自动化为例若脚本放在Linux系统下执行&＃xff0c;当执行完毕后要想直接查看测试报告是不方便的&＃xff0c;所以想直观的看到构建完成后的报告可以在Jenkins展示

安装HTML Publisher plugin插件

安装方法1&＃xff1a;

进入系统管理--管理插件--可选插件&＃xff0c;搜索到此插件并安装:

安装方法2&＃xff1a;

导入离线包&＃xff0c;进入系统管理-->插件管理-->高级-->上传插件

插件下载&＃xff0c;下载后是hpi格式

使用插件展示报告

编辑之前的项目&＃xff0c;在“构建后操作”加入Publish HTML reports

HTML directory to archive &＃xff1a;你的脚本输出报告保存的路径&＃xff0c;最好填绝对路径

Index page[s] &＃xff1a;原本报告的名称&＃xff0c;测试报告为固定名称

配置保存后重新构建&＃xff0c;项目中找到测试报告入口可看到html报告&＃xff0c;如果展示为空请确认配置时的报告路径和名称

HTML报告样式无法显示

问题:Jenkins中在访问有自定义样式或动画效果的测试报告时&＃xff0c;展示的样式往往会出乎你的想象&＃xff0c;面目全非&＃xff0c;样式错乱&＃xff0c;动画无法展示等等问题。打开浏览器开发工具控制台&＃xff0c;可以看到CSS、JS加载失败.

原因:Jenkins为了避免受到恶意HTML/JS文件的攻击, 会默认将安全策略CSP设置为&＃xff1a;sandbox; default-src ‘none’; img-src ‘self’; style-src ‘self’;

在此配置下&＃xff0c;只允许加载&＃xff1a;

Jenkins服务器上托管的CSS文件

Jenkins服务器上托管的图片文件

以下形式的内容都会被禁止&＃xff1a;

Javascript

plugins (object/embed)

HTML中的内联样式表(Inline style sheets)&＃xff0c;以及引用的外站CSS文件

HTML中的内联图片(Inline image definitions)&＃xff0c;以及外站引用的图片文件

frames

web fonts

XHR/AJAX

解决:

1.修改CSP(Content Security Policy)的默认配置&＃xff0c;到Jenkins系统管理->脚本命令行&＃xff0c;执行以下Groovy命令&＃xff0c;然后点击运行

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")

配置完成后&＃xff0c;重新构建原有项目&＃xff0c;HTML页面即可正常显示

2. 不过这只是暂时解决&＃xff0c;jenkins重启之后配置会消失&＃xff0c;还是只能看到无样式页面。为了解决这个问题&＃xff0c;需要加入Startup Trigger和Groovy插件

安装Startup Trigger(jenkins节点启动时触发构建)

安装Groovy(运行Groovy代码)

3. 新建一个Job&＃xff0c;用于jenkins启动时执行配置命令

构造触发器中选择“Build when job nodes start”&＃xff0c;其他不要填写

在构建模块选择“Execute system Groovy script”&＃xff0c;然后维护如下代码&＃xff1a;

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP","")

4. 保存后重启jenkins&＃xff0c;再次查看报告&＃xff0c;jenkins展示个漂漂亮亮的HTML报告了