首页 > 其他分享 >自定义allure报告logo

自定义allure报告logo

时间:2022-12-03 14:12:16浏览次数:46  
标签:__ 自定义 brand allure nav logo

为了在测试报告中凸显公司的标识,可以自定义修改allure报告中,左上角部分的图片和文字。

左上角内容由两部分组成,图片(左)和文字(右),均可修改。

 

 一、上传图片

路径:allure文件夹下\plugins\custom-logo-plugin\static

 

 二、修改styles.css文件内容

 

.side-nav__brand {
  background: url('xl_logo.png') no-repeat left center !important;
  margin-left: 35px;
  height: 80px;
  width: 120px;
}

.side-nav__brand:after{
  content: "";
  margin-left: 20px;
}

.side-nav__brand-text{
  display: none;
}

三、编辑config文件夹下的allure.yml文件

添加:  - custom-logo-plugin

 

 

四、重新运行allure

便可以看到修改后的内容了

 

标签:__,自定义,brand,allure,nav,logo
From: https://www.cnblogs.com/gzwTestblog/p/16947551.html

相关文章

  • Google Chrome 自定义快捷键
    1.chrome应用商店下载插件Shortkeys   2.进入chrome扩展自定义快捷键功能页面:chrome://extensions/shortcuts。找到自己想要修改的快捷键,点击小铅笔完成修改,即......
  • SpringBoot 适配 MyBatis 分页插件功能(自定义拦截器方式)
    文章目录​​1.自定义分页插件​​​​1.1.application.properties添加mybatis属性​​​​1.2.mybatis-config.xml配置文件​​​​1.3.分页拦截器类PagePlugin​......
  • Dockerfile自定义镜像、CentOS安装DockerCompose及Docker镜像仓库
    目录​​一、Dockerfile自定义镜像​​​​案例:基于java:8-alpine镜像,将一个Java项目构建为镜像​​​​二、CentOS安装DockerCompose​​​​案例:将cloud-demo微服务集群利......
  • 自定义的Qt时间轴控件
    这是一个垂直的时间轴,显示效果非常简单,但不能显示有格式的文本。如果想显示有格式文本可以把右侧显示本文的位置换成QLabel控件去显示有格式文本。如果想改变文本行间距,根......
  • 自定义hooks
    importReact,{useState,useEffect}from'react';exportconstuseStateHooks=(val:any)=>{  let[value,setValue]=useState(val);  constsetFunc=(v:any)=......
  • 实现了Spring的Aware接口的自定义类什么时候执行的?
     在之前的内容中​​Spring的Aware接口有什么用?​​了解到用户可以通过实现相应的Aware接口来获取spring框架提供的能力,俗称“攀亲戚”以如下代码为例,自定义类MyAware实现......
  • IDEA自定义注释模板-版本2
    配置注释模板:1.类:Templatetext:/***@description:TODO*@authorliuyachao*@date$DATE$$TIME$*/Editvariables:2.方法:Templatetext:*$params$*......
  • 【FastDfs】Docker自定义构建ARM架构的FastDfs镜像
    由于服务器环境为ARM架构,在部署fastdfs时,发现网上的镜像几乎都是X86_64的,不同架构的镜像还不能通用,这个就有点烦了。。。。。由于之前没有从头编译制作过镜像,步步都是坑,在......
  • vue3自定义修饰符
    v-model 有一些内置的修饰符,例如 .trim,.number 和 .lazy都是对输入的数据做过滤处理vue也可以自定义实现创建一个自定义的修饰符 capitalize,它会自动将 v-model......
  • vue3 实现自定义 v-model
    在vue中,form表单输入可以通过v-model实现双向数据绑定,例如:<inputv-model="text"/>{{text}}在表单中输入时,页面展示的data-text也会相应改变如果是封装......