Selenium IDE录制脚本

1、Selenium IDE介绍

  selenium IDE结合浏览器提供脚本的录制，回放以及编辑脚本功能，以及元素的定位，可以使用selenium IDE将录制的脚本生成相应的带单元测试框架的自动化测试脚本。

  selenium具有录制功能，可以web回放，录制的脚本可以转换为java、python、ruby、php等多种脚本语言。selenium IDE是Firefox的一个插件(xpi文件)，依附于Firefox。所以需要先安装Firefox浏览器。

2、Selenium IDE 下载Chrome插件

这篇文章主要介绍谷歌浏览器的插件下载与安装使用。

• 官方下载地址：https://www.selenium.dev/selenium-ide/

• 国内下载地址：https://www.crx4chrome.com/crx/77585/
  　　
    点击Crx4Chrome下载。下载后的文件名称是：mooikfkahbdckldjjndioackbalphokd-3.17.0-Crx4Chrome.com.crx，直接打开谷歌浏览器，打开扩展程序，手动拖到页面上，如图：
  
  在浏览器右上角，找到selenium IDE的图标，单击打开。如图所示：
  

3、Selenium IDE 使用案例

这里介绍谷歌浏览器上如何使用selelnium IDE录制与回放脚本。

① 打开IDE，初始化界面如图：
　　
② 我们就选择第一种方式来讲，如图：

③ 输入要录制Web的地址，我这里输入的是百度，如图：

④ 点击开始录制，插件会直接启动一个谷歌浏览器的页面，并且打开你输入的百度地址，如图：

⑤ 简单的录制一下百度一下的功能，如图：

这样就录制完成了，点击右上角的红色圆点，然后输入测试用例名称，如图：

⑥右击测试用例，选择导出按钮，如图：

选择你需要导出的语言，单机导出按钮，如图：

选择python的话，导出的脚本是py文件，打开文件查看：

4、UI界面说明

4.1 工具栏(Toolbar)

工具栏(Toolbar)最右侧的红色原点就是录制按钮。用来录制用户在浏览器上的操作脚本。

速度控制：用来控制用例执行速度

run all tests 运行所有test； 全部执行：如果当前工程有多个测试用例，使用该按钮就会将用例全部执行

run current test 运行当前test； 单个执行：使用该按钮只会自行当前选中的用例。如果当前工程只有一个用例，那么这个按钮和“全部执行”按钮效果相同。

暂停/重新开始：可以用来暂停或者重新开始一个正在执行的用例。

停止：停止当前正在执行的用例。

step over current command 跨过当然命令，逐步执行：用来逐步逐步执行一个用例。主要用来调试用例。

录制：用来录制用户在浏览器上的操作脚本。

异常时暂停 : pause on exceptions

禁用断点：

4.2 测试用例面板(Case Panel)

   测试用例面板

  Command、Target和Value输入字段显示当前选择的命令及其参数。这些是可以修改当前选择的命令的输入字段。在底部窗格的Reference选项卡中指定用于命令的第一个参数总是位于Target字段中。如果第二个参数由Reference选项卡指定，则它总是位于Value字段中。注释字段（Comment）允许您给当前命令添加注释，方便日后阅读。

测试用例录制的脚本都在这里显示，如图：

　　命令配置

  备注：Reference 选项卡是一个很有用的功能，这里用来显示当前选中 Command 的功能说明，包括该 Command 所需要的参数（不是所有的 Command 都必须具备 Target 和 Value 两个值），便于快速了解 Command 用法。我查看了其他的文档发现之前的版本是有的。现在被官方暂时隐藏了，不久的将来会再次开放。

4.3 控制台面板（Console Panel）

  当你运行测试用例时，显示进度的错误消息和信息消息会自动显示在这个窗格中，即使您不首先选择Log选项卡。这些消息通常用于测试用例调试

  注意清除日志的清除按钮【下图右上角那个圆圈+斜杠就是】

4.5 菜单栏(Menu Bar )

从左至右，创建一个新项目，打开一个项目，保存脚本。

Selenium-IDE 保存的文件都是.side文件，如图：

备注：项目名称和用例名称尽量用英文，用中文的话，可能出现各种不适。并且项目名称是中文，保存的时候没有任何反应！

5、命令使用

4.1 断言

  通过使用上下文菜单添加验证和断言。（Adding Verifications and Asserts With the Context Menu）

  如何添加断言呢？在你录制脚本的时候（红色原点变成红色正方形），在页面上的任何地方单击鼠标右键。您将看到一个显示验证和/或断言命令的上下文菜单。

5.2 插入命令（Insert Command）

上面那种断言是在录制中的时候使用，你也可以录制后，手动添加断言，这样使用的插入命令方式进行，如图：

　我们新增一个文本断言，如图：
　
　将需要的内容放进来

断言还有一种方式verify，如图：

5.3 插入评论（Insert Comment）

我们可以给每一条 command 添加评论，提高脚本可读性。这里评论指描述。

5.4 注释命令（Comment Line）

如果不想运行某条代码的时候，可以使用注释功能，如图：

5.5 测试步骤（Test Step）

  录制好的步骤发现需要调整，这个时候我们直接按住某个步骤上下拖动来改变其执行顺序即可。

5.6 脚本调试（Debug）