美文网首页软件测试微服务架构和实践TestOps 新起点
高大上可视化接口测试报告(少量代码)

高大上可视化接口测试报告(少量代码)

作者: 赫本iii | 来源:发表于2017-10-13 17:10 被阅读3689次

想做一个高大上且无须多余代码编写的可视化的接口自动化测试报告吗?

请给我疯狂打Call。

做一个合格的TestOps,首先你要简单学习下Docker。因为此次报告的内容是在Docker的基础上完成的。我们看下现在几款主流使用的测试报告样式:

有像这样的:

ReportNG 生成

还有像这样的:

HTMLTestRunner 生成

诸如此类的测试报告层出不穷。

首先我们不能否决它(会被人砍)

作为微服务新时代的人类,这个画风实在不是很适合我。他需要一定的代码编写,就算是引用第三方的代码,你需要阅读和学习成本。而且像HTMLTestRunner是结合Python内置的单元测试框架(pytest、unittest)组合使用。前文我们自己编写的测试框架无法去使用它。我认为测试报告的画风这样才对:(前方高能预警)

image.png

Markdown深度使用患者一定对这个很感兴趣哦。因为之前一直想找到关于通过测试报告输出为md格式文件,前台输出样式的。找到天昏地暗也没有第三方的代码可以调用,索性自己写一个DIY,废话不多说 Let`s GO!

一、两种方式使用MkDocs

第一种官方提供了使用文档包括安装使用。提供链接给大家自我阅读,比较清晰适合传统公司使用。这次不详细展开。地址:Mkdocs官方中文文档

第二种跟微服务比较接近我选择使用它,我们展开下:

你需要一个Docker,Docker是微服务至关重要的设施。下载地址:Docker 官网

Docker 官网

你还需要去查找与此次mkdocs相关的镜像,docker hub是docker提供的官方开源镜像仓库。类似于python第三方的pypi库,里面开源了大量的镜像,直接查找即可使用。

docker hub

查找完毕后会展示很多镜像,我们选择第五个,别问我为什么不选择前面几个(手动滑稽),里面的安装启动内容比较简易,第五个最易教学而且使用起来比较稳定。

moird/mkdocs

点进detail查看使用方法,需要两个命令。

$ docker pull moird/mkdocs

$ docker run -d -p 8000:8000 --name documents -v /path/to/documents:/documents moird/mkdocs

简单解释下这两个命令吧:

从官方拉取mkdocs镜像到本地系统。

通过守护进程的方式、将本地的8000端口映射容器的8000端口、数据卷挂载的方式运行起来。

讲到数据卷挂载 -- 其实是将本地的文件夹和容器中的文件夹保持一致。建立关系后,代码中的文件变更后,容器的文件内容跟随变更,所以代码中集成的文件结构是这样的:

文件结构

代码中的写法是怎么样的呢?这个是首页展示信息,md传统写法即可。

代码md格式

mkdocs.yml文件主要是为了生成的样式、首页、头信息...官方有很多方法编写。这里展示演示使用的模板:(ps:index.md是必须有的首页展示信息,下面的md格式通过编写一小段代码在运行接口测试后会去运行那段代码然后输出的稍后贴出代码)

配置文件格式

挂载是如何挂载呢?查看本地report的目录:

运行镜像

查看运行起来的容器提供的服务:

查看容器

因为我本地使用的8000端口被占用了所以使用了8001端口。

访问 127.0.0.1:8000即可访问测试报告了。

二 、如何将测试报告内容和目录通过md格式结果写入到mkdocs.yml文件

前文中有整个框架代码的结构,此处把测试报告这段代码摘取出来:

    def reset_report(self, filename):
        """
        这个方法主要是通过写入文件的方法,先打开cs.YML_REPORT也就是
        mkdocs.yml文件,判断文件中是否存在当前写入的内容。
        :param filename: 测试用例文件
        :return: 测试报告内容
        """
        try:
            result = os.path.exists(cs.REPORT_PATH)
            if result == True:
                conf.get_config(filename)
                reportName = eval(conf.get_data(title=cs.REPORT_NAME, key=cs.REPORT))
                report_name = eval(conf.get_data(title=cs.REPORT_NAME, key=cs.R_NAME))
                file = open(cs.YML_REPORT, 'r')
                list_con = file.readlines()
                content = str(list_con).decode("string_escape")
                fileContent = "- [%s, %s]"
                row = "\n"
                con = row + fileContent % (reportName + cs.NOW, report_name)

                if fileContent % (reportName + cs.NOW, report_name) not in content:
                    f = open(cs.YML_REPORT, 'a+')
                    f.write(con)
                else:
                    print ("内容已经存在 %s" % con)
        except Exception, e:
            print ("文件路径不存在 %s", e)

    def run_test(self, filename):
        conf.get_config(filename)
        list = eval(conf.get_title_list())
        reportName = eval(conf.get_data(cs.REPORT_NAME, key=cs.REPORT))
        logging = log.get_logger(reportName)
        for i in range(2, len(list)):
            title = list[i]
            number = eval(conf.get_data(title, key=cs.NUMBER))
            name = str(conf.get_data(title, key=cs.NAME))
            method = str(conf.get_data(title, key=cs.METHOD))
            url = str(conf.get_data(title, key=cs.URL))
            data = request.change_type(conf.get_data(title, key=cs.DATA))
            headers = eval(conf.get_data(title, key=cs.HEADERS))
            testUrl = cs.TEST_URL + url
            actualCode = request.api(method, testUrl, data, headers)
            expectCode = conf.get_data(title, key=cs.CODE)

            if actualCode != expectCode:
                print "FailInfo"
                print number
                logging.warning("> <font color=#FFB5C5 size=3> %s Case Fail", name)
                logging.warning("                                     ")
                logging.warning("> - <font color=#FFB5C5 size=3>Number : %s", number)
                logging.warning("    - <font color=#FFB5C5 size=3>Method : %s", method)
                logging.warning("    - <font color=#FFB5C5 size=3>Url : %s", testUrl)
                logging.warning("    - Data : </br> ``` %s ```", data)
                logging.warning("    - Headers : </br> ``` %s ```", headers)
                logging.warning("    - <font color=#FFB5C5 size=3>期望值 : %s", expectCode)
                logging.warning("    - <font color=#FFB5C5 size=3>实际值 : %s", str(actualCode))
                logging.warning("*****************")
                logging.warning("                                     ")
            else:
                print number
                print "TrueInfo"
                logging.warning("> <font color=#3cc8b4 size=3> %sCase Success", name)
                logging.warning("                                     ")
                logging.warning("> - <font color=#3cc8b4 size=3>Case Number : %s", number)
                logging.warning("*****************")
                logging.warning("                                     ")

下面可以看到logging.warning的内容,前面文章封装了一个基于logging模块将logging.warning的日志写入指定文件,其实就是docs下的测试报告啦。

到这里基本一个从搭建到写入文件的可视化测试报告教程就到这里结束了。

还是那句话:通过高效的方式完成重复工作是工程师永远追求的。

PS:最近在Gitchat 发一起了一场chat,关于测试工程师的未来。有兴趣关注一下,探讨任何关于TestOps的故事。

GITCHAT:关于微服务时代崛起的TestOps工程师

GITCHAT

相关文章

  • 高大上可视化接口测试报告(少量代码)

    想做一个高大上且无须多余代码编写的可视化的接口自动化测试报告吗?请给我疯狂打Call。 做一个合格的TestOps...

  • Java接口自动化测试实战笔记

    综述 代码管理工具Git 测试框架 TestNG 测试报告 Mock 接口框架 HTTP 协议接口 测试框架 Ht...

  • Spring集成sonar进行静态代码检查

    前言 使用sonar进行静态代码检查,生成相关可视化测试报告,具体效果如下图: 环境 docker ver.18....

  • 外卖接口压力测试报告

    外卖接口性能测试报告 ​ ​ 1 概述 1.1 目的 本测试报告为外卖接口的性能测试报告,目的在于总结测试阶段的测...

  • 新版代码生成工具完成喽

    通过页面的可视化操作,生成 CMS 的服务端接口与管理后台代码。 特点 易用。页面操作,无须编码。 安全。生成代码...

  • 接口测试脚本

    """流程:爬虫爬取wiki中的接口文档--->针对爬取数据进行接口测试--->生成测试报告"""author =...

  • IBInspectable 与枚举

    在使用IBInspectable定义可视化属性时,对于枚举类型,是没法在xib上可视化的。代码如下: 这段代码中,...

  • 测试报告发送到Jenkins服务器

    步骤一:搭建nginx 步骤二:运行测试测试用例,生成测试报告 运行自己的代码,生成测试报告 并把移动测试报告到n...

  • 高大上的测试报告- ExtentReports开源框架探索

    前言 《高大上的测试报告-Allure开源框架探索》一文,笔者针对Allure框架做了详细的介绍,该篇文章再安利一...

  • RPA 低代码开发

    低代码开发是无需编码或通过少量代码就可以快速生成应用程序的一种开发方式,它允许用户使用易于理解的可视化工具开发自己...

网友评论

    本文标题:高大上可视化接口测试报告(少量代码)

    本文链接:https://www.haomeiwen.com/subject/djpzyxtx.html