Selenium IDE的使用

本文介绍SeleniumIDE的安装与使用方法,包括脚本录制、运行及结果验证过程。同时展示了如何利用SeleniumIDE进行自动化测试,并介绍了脚本转换功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Selenium IDE是Firefox的一个插件,是可以进行脚本录制以及案例转换,所以 Selenium IDE+Fire bug会成为你日后写 测试案例的两大助手(IE下可以使用Selenium Core+IEDevelperToolBar)。

Selenium IDE下载:http://seleniumhq.org/download/

Firebug下载:https://addons.mozilla.org/firefox/addon/1843

下面将演示Selenium的使用:

1.安装Selenium IDE,Firebug。

2.启动Selenium IDE:

Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客

上图标明了一些Selenium IDE的主要功能。其中,由Command,Target,Value组成的表格就是脚本,每个脚本都是由一条一条的Action(行为)组成,而每个Action又由(Command,Target,Value)三者组成。Command就是上文《API参考手册》提到的内容,Target指的是Web中的某个对象,比如:文字,输入框等等,如果选取对象呢?呵呵,这里就用到了XPath,不熟悉可以参考《XPath的使用》,而Value就是这个对象的值。

3.脚本的录制及运行

当弹出上面的IDE窗口后,我们就可以开始Selenium的脚本录制了,右上角有个红色的圆点,当它下按时(如上图)就表示IDE正在进行脚本录制。OK,开始录制,录制的时候,直接操作Firefox浏览器窗口就可以了,IDE会自动记录你的操作的,下面我演示一个例子:

Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客


Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客


Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客

上图例子中,我的操作步骤如下:

(1).在地址栏输入:http://www.baidu.com/

(2).登陆百度首页后,在查询框输入“hyddd”。

(3).按“百度一下”按钮

(4).进入搜索结果页面后,右键单击第一条记录(即:hyddd - 博客园),在右键弹出菜单中,单击“Verify TestPersent hyddd - 博客园”。

(5).单击第一条记录(即:进入hyddd - 博客园)

(6).Firefox弹出一个新Tab页面,并进入了我的博客。

OK,现在看看我们的Selenium IDE录制的结果吧:>

Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客

上图中,中间的表格就是录制的结果,你可以按“运行脚本”重新回放脚本看看,值得注意的是,在运行时,Firefox可能会认为脚本中最后一个操作(即:步骤6)为非法弹出框,浏览器会自动阻止其弹出,这个需要设置一下Firefox,具体位置是:Firefox->Menubar->Tools->options->content->Block pop-up Window,你可以把钩去掉或者在Exceptions里面添加相应的网址。

恩,到此为止,脚本录制圆满完成:>

在运行脚本后,你会发现IDE表格的颜色发生了变化,运行前,脚本表格为白色,成功运行完毕后,表格为青色,其中还分为深青色和浅青色两种,浅青色表示:动作成功,如:打开网页成功,点击按钮成功等等,而深青色表示:判断正确,如:“hyddd - 博客园”这段文字在页面中存在等等。

看完正确,现在我们看看出错时的情况吧。

Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客

出错时,表格可能会出现两种颜色,一种是浅粉红色,一种是深粉红色。浅粉红色表示判断结果为false,这种情况案例还是会继续执行下去,判断的失败不会影响案例的运行,深粉红色表示动作失败,如:没有找到按钮等(如上图),这种情况下案例会停止运行。

4.Selenium IDE其他的重要功能

本文开始时提到了,Selenium IDE还有一个重要的功能就是把脚本的转换,一起看看吧:>

Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客


Selenium私房菜系列4 -- Selenium IDE的使用 - swl632 - 我的博客
Selenium IDE可以把HTML的脚本转为C#,JAVA等等其他语言的脚本,为我们日后写Selenium RC的测试案例提供了极大的方便。
### 使用 Selenium IDE 进行测试自动化 #### 安装与启动 Selenium IDE 需要安装,并且当前仅支持 Firefox 浏览器。安装之后,它将成为 Firefox 的一个插件。通过点击 `Tools` -> `Selenium IDE` 可以开启录制脚本的功能[^2]。 #### 录制测试脚本 一旦打开了 Selenium IDE,在浏览器中执行的操作会被自动记录下来。这些操作包括但不限于导航到特定网页、填写表单字段以及提交表格等。每一个动作都会被转化为一条命令保存在 Selenium IDE 中,方便后续编辑和回放[^1]。 #### 编辑与优化脚本 虽然 Selenium IDE 提供了便捷的录制作业方式,但是为了提高效率并确保准确性,通常还需要手动调整所生成的代码片段。这可能涉及到修改定位策略(如 ID 或 XPath)、增加等待时间或是添加验证点来确认页面元素的状态是否符合预期。 #### 执行测试案例 完成脚本编写后,可以直接在 Selenium IDE 内运行整个测试套件或单独挑选某些部分执行。如果遇到错误,则可以根据日志提示快速定位问题所在位置,并作出相应修正。 ```javascript // 示例 JavaScript (Node.js) 代码用于说明如何集成已有的 Selenium IDE 脚本至更复杂的环境 const { Builder } = require('selenium-webdriver'); (async function example() { let driver = await new Builder().forBrowser('firefox').build(); try { // 假设这里是从 Selenium IDE 导入的具体交互逻辑 await driver.get('http://example.com/'); await driver.findElement(By.name('q')).sendKeys('webdriver', Key.RETURN); console.log(await driver.getTitle()); } finally { await driver.quit(); } })(); ``` 此段代码展示了如何利用 Node.js 和 selenium-webdriver 库将简单的浏览行为转译成可编程接口调用的形式,这对于进一步扩展基于 Selenium IDE 创建的基础测试非常有用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值