解决HttpRunnerManager界面样式丢失—extentreports测试报告引用extend.css/js失败的问题

TestNG ExtentReports报告css/js样式加载问题解决方案 使用testng框架+extentreports生成报告时,碰到css/js样式加载不出来,报告很丑的问题。本文介绍永久解决该问题的方案,再也不用担心报告样式问题~ 阅读详情

问题描述:

HttpRunnerManage测试用例运行后Extent Test Report:测试报告界面样式丢失,如下

原因分析:

查看页面问题,发现是报错问题是extent.css和extent.js文件的地址访问超时。

http://extentreports.com/resx/dist/css/extent.css

http://extentreports.com/resx/dist/js/extent.js 访问超时

解决方法:

方法一:

寻找其他可以访问的地址替换C:\Python3.7.8\Lib\site-packages\httprunner\templates目录下extent_report_template.html文件中extent.css和extent.js的路径

<link href='http://extentreports.com/resx/dist/css/extent.css' type='text/css' rel='stylesheet'/>

<script src='http://extentreports.com/resx/dist/js/extent.js' type='text/javascript'></script>

方法二:

1、去github上找到extent.css 和 extent.js这两个文件的源码,源码地址https://github.com/anshooarora/extentreports-java/tree/master/dist

2、将extent.css 和 extent.js这两个文件的内容复制到项目环境的extent_report_template.html文件中 style 和script下,并将extent.css 和 extent.js的原文件访问地址注释掉

<!--<link href='http://extentreports.com/resx/dist/css/extent.css' type='text/css' rel='stylesheet'/>-->

<!--<script src='http://extentreports.com/resx/dist/js/extent.js' type='text/javascript'></script>-->

3、文件修改结果如下:

4、extent.css 和 extent.js文件内容复制进来后,需要将复制内容的格式进行调整(因为templates模板语法和html的一些语法会有冲突,直接运行会报错:jinja2.exceptions.TemplateSyntaxError: Missing end of comment tag),调整内容如下(去掉一些特殊的符号):

  • 去掉注释 /* xxx */
  • {# 中间加空格 { #
  • {% 中间加空格 { %

格式调整完成后保存即可。

参考:https://www.cnblogs.com/yoyoketang/p/11701463.html

python版extent report测试报告 基于HTMLTestRuner改造,使用了Extent report的页面模板内容,使用方式和使用HTMLTestRuner方式一致。 在报告中展示截图:需要在对应的case中打印一下截图名称,截图名称以 screenshot_*.png 格式命名 具体请查看文件中说明 立即下载

相关推荐

Decoder如何工作、Transformer如何训练、以及exposure bias问题

1、结合图文描述Decoder中各个模块是什么,以及是如何工作的。2、transformer是如何训练的。3、exposure bias问题造成的原因及解决方法

m0_59113542的博客 3345

python整合测试报告extendreport_python习题:封装好的测试报告(report.py)

import timeclass HtmlReport(object):__style_html = '''body {font:normal 68% verdana,arial,helvetica;color:#000000;}table tr td, table tr th {font-size: 68%;}table.details tr th{color: #ffffff;font-wei...

weixin_36328790的博客 396

Calibre license失效的解决方法

Calibre license失效的解决方法

qq_45354630的博客 6482

使用 python 生成 extent report 测试报告

extent report 是一种流行的自动化测试报告生成工具,它可以帮助测试人员快速准确地生成测试报告。使用 Python 生成 extent report 测试报告可以简化测试报告的生成过程,并且可以方便地将测试报告集成到自动化测试流程中。在设计测试报告生成脚本时,需要考虑测试报告的格式、内容和结构,以确保测试报告能够清晰地展示测试结果和分析测试数据。

DJ355的博客 371

HBuilderx连接微信开发者工具

系列文章目录 文章目录系列文章目录前言一、环境1.HBuilerx 工具2.微信开发者工具二、关联微信开发者工具1.HBuilderx新建项目2.关联微信开发者工具3.运行微信小程序出现异常解决方法3.最终效果总结 前言 使用HBuilderx工具关联微信开发者工具,进行小程序开发 提示:以下是本篇文章正文内容,下面案例可供参考 一、环境 1.HBuilerx 工具 HBuilderx 2.微信开发者工具 微信开发者工具 二、关联微信开发者工具 1.HBuilderx新建项目 2.关联微信开发者工具

拥有必珍惜 3075

Centos7配置阿里云镜像源的教程

查看你的Centos版本,版本过低会导致安装失败,验证网络是否可以连接阿里云镜像,使用阿里云是需要网络的。# wget命令下载: wget [options] [url]# curl命令下载: curl [options] [url]我上面这个图片由于电脑问题是还没有加载完的。删除原来或者之前的yun源。

lyhshs的博客 2261

selenium + cucumber + ExtentReport UI automation Test

我被这玩意气死了,改了半天原来是版本适配的问题。,所以在确定你引入extentReport 配置都没问题,可以检查一下cucumber 的版本和extentReport adapter 是否适配。参考:https://blog.csdn.net/m0_50565821/article/details/130217122?新建一个extent-config.xml 文件。遇到一个引入extentRepot 报错的问题。2.4 直接run,会生成报告。3.1.2 报告生成的配置。2.3 新建runner。

m0_50565821的博客 363

iOS WKWebView H5微信支付跳转

iOS WKWebView H5微信支付跳转 需求:iOS客户端实现嵌入H5进行微信支付跳转到微信客户端,支付完成后再跳转回我们的APP,解决WKWebView无法跳转回APP的BUG. 阅读前提: 了解WKWebView基本初始化及使用 了解如何利用URL Schemes进行应用间跳转 公司或个人已经在微信后台注册了一级域名 GitHub地址(附代码) :iOS WKWebView H5微信支付跳转 简书地址 :iOS WKWebView H5微信支付跳转 博客地址 :iOS WKWe...

ForeverMyheart的博客 2047

python制作测试报告_使用 python 生成 extent report 测试报告

背景一直使用 HTMLTestRunner 生成 app 自动化的测试报告内容,虽然加了截图的展示,还是感觉报告不够好看。allure 报告内容可以,但是要以 pytest 管理测试 case,且 pytest 会执行所有以 test_命名的 case,测试结果只有在看到测试报告的时候才知道,不太方便。extent report 高大上,但是没有 python 版本。。 所以动手改了一版。使用结合...

weixin_35792236的博客 608

【CV论文精读】【协同感知综述】Collaborative Perception for Autonomous Driving :Current Status and Future Trend

感知是自动驾驶系统的关键模块之一,近年来取得了很大进展。然而,单个车辆的有限能力导致感知性能提高的瓶颈。为了突破个体感知的局限,协作感知被提出,它使车辆能够共享信息来感知视线和视野之外的环境。本文综述了有前途的协作感知技术的相关工作,包括介绍了基本概念,概括了协作模式,总结了协作感知的关键要素和应用。最后,我们讨论了这一研究领域面临的挑战和问题,并给出了一些潜在的进一步方向。

weixin_44184852的博客 4690

YOLOv5入门实践(2)——手把手教你利用labelimg标注数据集

YOLOv5入门实践第2步,手把手教你使用labelimg标注数据集

路人贾的博客 1万+

自动化测试报告浅谈之ExtentReports

我们在进行自动化测试时,往往需要有相应的测试报告,比如junit,testng,reportng等等,有会有自带的测试报告,那为什么我要在这边提ExtentReports?首先,我们来看看其它几种测试报告是什么样子的   1、junit 2、testng 3、reportng 这些自带的报告不够美观,可读性差,这样的报告拿出去估计没人愿意看吧,当然我们只是谈以上几种报告,如果要得到非常美观的报告只能自己动手去做了,这就要有良好的编码功底。费话不多说我们再来看看今天要讲的ExtentReports,上图

公众号:【伤心的辣条】 1200

Oracle 查看 rman 备份情况 SQL 语句

每天一个 DBA 小知识,助你更进一步!

LuciferLiu_DBA 3120

安装httprunner manager遇到的坑

安装httprunner manager遇到的坑

sinat_34289015的博客 750

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

httprunner学习21-extentreports页面样式无法加载问题(已解决)

前言 最近有小伙伴反应使用httprunner的extentreports报告时,打开的页面样式全部丢失了,原本高大上的报告变成了丑八怪。 顿时心都凉了一大截,要是让领导看到了,这个月领导不给加鸡腿了,所以小编花了一个晚上的时间找到了解决方案。 extentreports报告 遇到问题:使用httprunner生成extentreports.html报告,页面无法加载js和css 分析原因 查...

qq_27371025的博客 141

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

HttpRunnerManager css加载失败问题,http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css错误解决方案

打开httprunnermanager项目 路径:HttpRunnerManager/templates/base.html 只需修改23行代码即可 原来23行为: <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css"/> 修改后 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/

weixin_40072138的博客 290

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

httprunner学习10-测试报告ExtentReport

前言 httprunner默认生成的报告不怎么美观,里面还有第二套报告模板extent_report_template.html。 extent_report_template 使用 hrun -h 可以看到运行的时候可以添加的命令行参数 C:\Users\dell>hrun -h usage: hrun [-h] [-V] [--no-html-report] [--html-r...

weixin_30443895的博客 1050

httprunner 2.x学习9-生成测试报告ExtentReport(‘dict object‘ 问题已解决)

前言 httprunner 可以自定义生成测试报告的模板,1.x版本里面有个 extent_report_template.html 模块非常美观。 但是生成报告的时候会报错:jinja2.exceptions.UndefinedError: ‘dict object’ has no attribute ‘meta_data’ 环境:httprunner==2.4.3 遇到问题 httprunner 2.x 版本已经去掉 extent_report_template.html 了,所以在\Lib\site-

qq_27371025的博客 1149

ansible问题排查

ansible问题排查

运维@小兵的博客 1037

AnsibleError: template error while templating string: Missing end of comment tag.

出现该问题,最终发现shell脚本中地{#和jinja中的语法comment tag相同,而且只有一半,导致无法渲染导致。 在有语法冲突地部分使用组合标签{% raw %} 、{% endraw %},例如: {% raw %} if [[ ${#resources[@]} -gt 0 ]] {% endraw %} ...

weixin_43395638的博客 3938

使用extentreports生存自动化测试的测试报告

最近使用了extentreports,代替了原来简陋的测试报告。下面来分享一下成果和心得。 我的自动化测试使用的是seleniumwebdriver+junit4的架构。 junit有个@Rule功能,所以我使用 @Rule public ReportMaker reportRule = new ReportMaker(driver); 将具体的逻辑写到ReportMak...

aoxigong8501的博客 332

Intellij IDEA+Maven+Cucumber L8 ExtentReports Adapter plugin

extentreports-cucumber6-adapterPOM DependenciesPlugin 的设置设置 src/test/resources 下extent.properties设置 src/test/resources 下extent-config.xml默认reporter输出位置:Reports: POM Dependencies 以往参考资料失效,cucumber6需要使用extentreports-cucumber6-adapter <dependency> &l

python2050的博客 489

ExtendReports集成testng,添加监听器

第一步:新建监听器 package com.tester.exten.demo; import com.aventstack.extentreports.ExtentReports; import com.aventstack.extentreports.ExtentTest; import com.aventstack.extentreports.ResourceCDN; import co...

看最远的地方 1394

ExtentReports实现

客户端地址:https://github.com/anshooarora/extentreports-java/commits/master服务端地址:https://github.com/anshooarora/extentx官方DOC:http://extentreports.com/docs/versions/3/java/ ,翻译:实现方式(3种): - 方式一:直接在@BeforeSui

Care_sQueendom的博客 4639

ExtentReports的基本使用

一、ExtentReports的介绍 ExtentReports用于生成测试报告,不仅界面美观、使用简单,还可以定制相应的样式。 二、测试代码 首先写一个测试类,包含了4个测试方法,为了展示测试报告的多样性,这里的方法不是都可以测试通过,有的还会抛出异常。 package com.tester.extend.demo; import org.testng.Assert; import org.t...

u012055701的博客 4477

Extent-Report使用

1、在pom.xml中引入3个依赖 <dependencies> <dependency> <groupId>com.relevantcodes</groupId> <artifactId>extentreports</artifactId> ...

bigwangmengdi的博客 1045
上一篇: Github\Git快速使用
下一篇: Python启动定时任务监听器-执行命令celery beat时报错ERROR: Pidfile (celerybeat.pid) already exists.
萧水雨寒
博客等级 码龄14年 144粉丝 98原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值