自动化奇技淫巧:用SeleniumBase制作产品演示Demo

时间:2024-10-29 08:18:24

Selenium作为目前最为流行的开源Web自动化测试框架,已经发展了20年。功能强大,它的webdriver协议也已经成为自动化测试领域的一个事实标准。而基于Selenium这个框架,又诞生出很多基于它封装的拓展框架。比如本文我们介绍的SeleniumBase
请添加图片描述

SeleniumBase是什么?

SeleniumBase是一个基于Selenium框架基础上,进一步进行了脚本增强的Python库。
在Selenium原有的功能基础上,简化了自动化脚本的编写和调用方式,并且和pytest框架进行了深度集成。最主要的是它提供了多种不同的脚本模式, 包括脚本录制、运行慢放、运行中Debug,以及我们本文要介绍的演示功能。

虽然SeleniumBase十分强大,但底层自动化的实现逻辑上依然沿用Selenium的主要特性。所以这里我们不特别介绍SeleniumBase在自动化脚本编写上的封装。但这个库有一个非常棒的地方是它通过JS的注入让自动化运行过程更加直观和便于展示。

比如我们下面看到的演示制作

通过自动化脚本完成演示的优点

作为测试工程师,特别是随着现在敏捷研发的流行,迭代结束通常都有个迭代回顾和演示环节。而作为测试工程师,很多迭代中的功能演示这个工作是由我们来完成的。

包括有时在向客户、领导介绍产品功能时,通过实际的产品操作来说明功能也必不可少。

但实际操作中,如果能提前将一些需要说明的重点,在自动化测试执行的同时展示出来,效果就非常好,并且还能避免一些临时的误操作。

所以SeleniumBase的这个功能就能在这里发挥优势了

用SeleniumBase制作产品演示流程

先看一下用SeleniumBase完成的我的博客网站的中一个开源更新信息的演示

请添加图片描述

其实它的原理也比较简单,就是通过它封装的BaseCase类,在对应的操作步骤执行同时,注入封装好的Js来突出执行的元素,给出一些指引提示。

这里对应的基类中的create_introjs_tour()方法,创建演示导引。这里它还有不同的js主题选择,非常强大。

然后就是add_tour_step()添加步骤,play_tour() 执行步骤.

对应的演示生成代码: