UI自动化Selenium BeautifulReport报告样式错乱解决

有一天开开心心上班,打开我的自动化测试报告,整个人都不好了,出现了让我意想不到的事情——样式错乱、数据出不来;懵逼了;

咋回事昨天晚上下班还好好地,难道是啥插件自动升级导致不兼容,各种找;变成这个鬼样子了;

最后打开报告F12查看,发现是报告依赖的js和css文件网络访问不了了;依赖的资源404,找不到了;

咋办?首先找到依赖的资源地址,通过分析发现BeautifulReport报告生成都是根据一个模板文件,依赖的资源地址配置在模板文件中;

python安装目录下的\Lib\site-packages\BeautifulReport\template 目录中;

需要修改2部分:css文件和js文件

解决方案有2种:

1、将资源文件下载到本地目录,模板中指定本地路径

      优势:本地稳定,不再依赖于网络加载

      不足:如果报告发给别人开,别人本地没有资源文件,报告打开还是样式错乱;

2、找到网上稳定的资源地址,替换网络路径

      优势:报告发给任何人都能看

      不足:依赖网络,如果不稳定或者别人环境不能联网,也会出现样式错乱;

基于作者工作环境,选择方案2

1、打开template.html文件,替换css和js网络地址

新:
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/chosen/1.8.7/chosen.css" rel="stylesheet">

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.3.3/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/chosen/1.8.7/chosen.jquery.js"></script>

2、重新运行自动化case生成新的报告完美;

相关推荐

  1. UI自动化中元素无法定位问题解决方法

    2024-01-19 07:04:05       57 阅读
  2. 前端逻辑错误UI崩溃解决问题

    2024-01-19 07:04:05       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-19 07:04:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-19 07:04:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-19 07:04:05       82 阅读
  4. Python语言-面向对象

    2024-01-19 07:04:05       91 阅读

热门阅读

  1. C++写csv文件

    2024-01-19 07:04:05       53 阅读
  2. Unity文字游戏开发日志(1)—— 打字机效果

    2024-01-19 07:04:05       52 阅读
  3. Mysql核心知识命令汇总

    2024-01-19 07:04:05       61 阅读
  4. bevy the book 20140118翻译(全)

    2024-01-19 07:04:05       40 阅读
  5. 【中断之GPT问答】

    2024-01-19 07:04:05       49 阅读
  6. Oracle中的索引

    2024-01-19 07:04:05       45 阅读
  7. Django笔记(四):视图views

    2024-01-19 07:04:05       52 阅读
  8. Linux 使用PS命令掌握进程管理

    2024-01-19 07:04:05       57 阅读
  9. jmeter的使用教程

    2024-01-19 07:04:05       54 阅读
  10. Spring 核心之 IOC 容器学习二

    2024-01-19 07:04:05       39 阅读