Jenkins配置测试报告后无法正常显示或显示空白?
现象1:界面样式错乱
- 打开报告后,界面样式错乱,如下:
原因分析
- 出现该现象的原因在于
Jenkins
中配置的CSP(Content Security Policy)
; - 这是
Jenkins
的一个安全策略,默认会设置为一个非常严格的权限集,以防止Jenkins
用户在workspace、/userContent、archived artifacts
中受到恶意HTML/JS
文件的攻击; - 该权限集默认会设置为:
python
sandbox; default-src 'none'; img-src 'self'; style-src 'self';
- 默认情况下,只允许加载:
python
Jenkins服务器上托管的CSS文件
Jenkins服务器上托管的图片文件
- 此时以下内容会被禁止:
python
JavaScript
plugins (object/embed)
HTML中的内联样式表(Inline style sheets),以及引用的外站CSS文件
HTML中的内联图片(Inline image definitions),以及外站引用的图片文件
frames
web fonts
XHR/AJAX
etc.
临时策略
- 进入
Manage Jenkins->Script console
,输入如下命令并进行执行;
python
System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")
- 如下:
- 当输入命令,并运行后,如果为空,则说明配置好了,如下:
- 再次进行构建,此时界面样式显示OK了,如下:
- 以上操作对之前构建生成的
HTML
报告有效,且只是临时生效,当重启Jenkins
后,Content Security Policy
又会恢复为默认值,从而HTML
样式又没法展示了。
永久策略
- 安装
Groovy
插件,如下:
- 依次进入项目-配置-
Execute Groovy script
:
- 输入以下内容,保存即可:
python
System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")
现象2:报告路径不存在
- 比如在构建的时候提示报告路径不存在,需要手动创建,错误信息如下:
python
Jenkins - HTML Publisher Plugin build fails with report directory doesnot exist
原因分析
- 要么远程仓库的项目目录下没有你设置的报告目录;
- 要么你设置的报告目录和仓库中存放的报告路径不一致。
解决策略
- Jenkins上设置好报告存放的目录,如下是项目根目录下的
reports
目录:
- 然后确认仓库中项目的目录下是否有相同的目录:
- 如上我的仓库中是report,那么两者是需要一致的,要么是
report
,要么都是reports
; - 最后确认
jenkins
容器中的项目目录是否下载或同步成功。可以进入到jenkins
容器中查看,命令如下:
python
sudo docker exec -it jenkins bash
python
ls /var/jenkins_home/workspace/test_autoui -ls
# /var/jenkins_home/workspace/:这是jenkins容器上项目的工作空间
# test_autoui:这是我的项目名称,改为自己的即可
- 从上可以看到有
report
目录,查看里边的报告:
- 只有确保了以上几点一致,才能正常显示报告,因为构建的时候控制台的信息已经给出了提示,它是从某个目录拷贝到零一一个目录:
现象3:docker和操作系统版本不匹配
- 以上两个现象都解决了,但是仍然不显示报告,报告页面数据直接显示空白;
原因分析
- 查看构建时控制台的输出错误信息:
- 即错误信息为:
python
lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.32' not found (required by docker)
- 这个是因为docker版本和操作系统版本不匹配,我的环境是:
python
docker:最新版本
Ubuntu:22.04
- 经过查阅磁资料,是因为
Ubuntu:22.04
的问题,需要使用Ubuntu18.04、Ubuntu20.04
都可以。
解决策略
- 重装系统,比如使用
Ubuntu18.04、Ubuntu20.04
。