zoukankan      html  css  js  c++  java
  • HTMLreport报告(五) -- 测试报告中添加截图

    一、需求痛点

      HTMLreport报告没有截图

    二、实现办法

      1、思路:使用viewer.js图片查看器,用cdn;后端部分用 unittest.test_result中的内容

      2、实现步骤

        1)viewer.js 和 viewer.css

        

        2)js部分 和 截图弹窗的html

        

          3)新增  截图  的标题列

         

          4)截图  的内容列

        

          5)截图的详细内容(和截图的html模板关联)

        

          6)截图的html模板

        

          7)正则匹配unittest中test_result内容中的截图(自己定义匹配规则)

        re规则(很重要,想了很久):(?:[A-Z]:|\|(?:.{1,2}[/\])|/+)[w+\s_()/]+(?:.png|.jpg|.jpeg|.gif)

        

         注:有个小问题,这里的图片写了个相对路径,需要根据自己项目的截图保存路径修改,暂时水平有限,还没想到怎么用 js 来实现动态的路径

    三、使用方法

      输出内容到test_result中,用print 、logger都行

      

    四、最终效果

      1、

        2、

        3、

      

    四、最后

      如果需要报告模板,私信或者留言。

  • 相关阅读:
    “老人之心”
    封装,策略模式,Asp换脸
    简单随机
    “辜新星”
    储存出题改进
    git
    读“徐宥”
    太白非技术类随笔(猛击这里!!!)
    python_模块
    python_day7学习笔记
  • 原文地址:https://www.cnblogs.com/mua9102/p/14415239.html
Copyright © 2011-2022 走看看