Web UI自动化录制工具-Selenium IDE

简介

Selenium IDE可以对网页行为进行录制、回放自动执行测试步骤，最新版Selenium IDE支持Firefox、Chrome两款浏览器。

安装

官方下载：
https://www.selenium.dev/selenium-ide/
注意：外网可能方问不了，可以自行搜索国内网站进行下载。
地址：
https://addons.mozilla.org/en-GB/firefox/addon/selenium-ide/
官方可以下载到Chrome和Firefox版本，但需要。
国内下载地址可以百度。
（提示：这里建议直接用Chrome浏览器进行下载，其他浏览器可能会无法加载。）
Firefox如下：
火狐浏览器->设置->扩展和主题->扩展->输入框搜索“Selenium IDE”
根据搜索结果进入安装：

安装完成后重启浏览器，在右上角会有工具标识，点击即可进入工具。
Chrome由于我在浏览器插件中是搜索不到的，所以自己下载（官网要）。
国内下载地址：https://www.crx4chrome.com/crx/77585/。
Chrome版本的Selenium IDE推荐大家这篇，也是CSDN资源，我自己学习的就是这篇，大家可以在CSDN中搜索：Selenium IDE录制脚本——Chrome浏览器使用介绍。

使用

1、菜单栏，项目/文件的创建、打开和保存。编辑：复制、粘贴、删除、撤销和选择测试案例中的所有命令。
2、被测Web地址。
3、控制用例的执行速度。
4、运行一个测试用例集中的所有用例。
5、运行当前选定的测试用例。
6、暂停/恢复：暂停和恢复测试用例执行。（测试时才会出现）
7、可以运行一个用例中的一行命令。
8、录制：点击之后，开始记录你对浏览器的操作。
9、用例集列表，点击可展开用例集中的所有用例，录制完成后，在测试用例右侧的操作栏可以导出测试用例。
10、测试脚本区：Command为操作命令，Target为操作的目标元素，Value为操作指令对应的参数。
11、日志：查看脚本运行通过/失败的个数，查看用例执行的步骤日志。

实例

下面我们来使用Selenium IDE来录制一个测试用例并回放。
在浏览器（这里使用的是Firefox）中打开Selenium IDE，并创建一个新的项目开始录制测试用例。




这里我们修改完用例名称后可进行保存、编辑、回放等操作，这里就不演示了。
下面我们导出脚本进行本地编辑并运行脚本。
右击测试用例->Export，及出现导出选择界面，根据需要的语言/框架，选择导出的脚本类型即可。

这里我导出了Java、Python两种类型的脚本。

我们以导出的Python脚本为例，这个脚本可以直接运行，但需要修改一下，并且用pytest运行。
直接导出的.py脚本运行，打开浏览器后闪退，报错如下图，经排查是浏览器驱动不匹配导致的，换个浏览器就可以了。

也建议根据Pycharm的提示去进行修改。
这里有时候录制会产生一些不知所谓的行为代码，我们可以将其注释，对生成的脚本稍作修改即可。

关于Run for pytest…

这里要注意的是，导出的Python框架是pytest，需要在Python环境中安装pytest，再配置pytest执行，才能执行导出的.py脚本文件。
我这里用的是Pycharm，简单说下如何设置。
打开Pycharm，File->Settings->Python Integrated Tools->Default test runner：pytest->OK。

如果到这里重启Pycharm，在脚本文件中右击，没有“Run pytest for…”的选项，我们再进一步设置。
我们在工具栏进入Edit Configurations…

添加pytest运行


我们可以看到这里已经变成了：pytest in …

直接点击“运行”按钮，即可成功运行，运行结果：

如果还不行，需要重启Pycharm，这时候在脚本文件中右击，就有“Run pytest for…”。

以上就完成了我们的第一个Selenium IDE测试用例，用这个方法，可以免去我们写脚本的很多成本，也可以将录制的脚本导出，进行优化修改，大大提升了我们编写脚本的效率。