电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 基于 Selenium WebDriver 的 Web 应用自动化测试（3）方法构建 [打印本页]

作者: look_w 时间: 2018-10-18 19:59 标题: 基于 Selenium WebDriver 的 Web 应用自动化测试（3）方法构建

结合 Selenium IDE，用实例展示自动化测试的构建本部分将结合实际案例来展示自动化测试的构建。
Selenium IDE 使用和脚本转换打开 FireFox 浏览器，如上图 3 所示，打开 Selenium IDE 窗口：
图 5. Selenium IDE 窗口

下面开始录制第一个基于浏览器的自动化脚本：

点击 File 菜单，弹出下拉列表，选择 New Test Case，此时左中部 Test Case 窗口会增加一个 Untitle 2 的测试案例，右键点击'Property'，在弹出窗口中重命名为”TestDemo”
点击 IDE 的右上部录制按钮（小红点）开始手动录制，在 FireFox 中打开新的 tab 页，输入测试网址 www.baidu.com，在检索框中输入要查询的内容“Selenium”，点击“百度一下”按钮；
在结果页，第一条结果就是 Selenium 的官方网站，点击链接进入；
待进入 Selenium 官方网站之后，切换到 Selenium IDE 窗口，点击录制按钮（小红点），结束本次手动录制；此时 Selenium IDE 窗口如下图 6 所示；
点击 File 菜单，选择“Save Test Case”，填写文件名称“TestDemo”，手动录制的脚本会存为本地 HTML 格式文件，此文件可以在其他 Selenium IDE 中导入使用；

有了以上录制的脚本，可以在 Selenium 中回放，选择 TestDemo 脚本，点击中上部的“Play current test case”按钮（第二个绿色三角按钮），此时，浏览器会按照录制的顺序自动操作执行。由此可见，Selenium IDE 在 Web 应用测试中，可以代替人的大量手工操作。
图 6. 脚本录制

红色方框所圈定的部分即为 Selenium 的操作记录，此处也可以手动添加、删除、更改命令。
有了手动录制的脚本，可以转换成多种语言的程序脚本：

在 selenium IDE 中，选中一个 Test Case，点击 File 菜单，下拉列表中选择“Export Test Case As”-“Java / Junit 4 / WebDriver”;
在弹出的保存窗口中，输入类名称 TestDemo，保存；TestDemo.java 文件生成。对于生成的 java 自动化测试脚本，有些可能不能成功执行，需要手动稍微调整。

编写第一个 Selenium 自动化测试脚本打开上述所配置的 Eclipse 开发环境，新建一个 Java 工程，将上述转换而成的 TestDemo.java 文件导入到该工程中，去除冗余的“Organize Import(Ctrl + Shift + O) ”。如图 7 所示：
图 7. 集成开发环境中的代码

代码第 21 行可见，自动导出的代码默认采用 FireFox 浏览器。执行此代码，Selenium 会自动触发开启 FireFox 浏览器，打开一个新的页面，进入百度首页，在检索框中自动输入“Selenium”关键字，自动点击“百度一下”按钮，进入搜索结果页面，定位到第一条检索结果，然后点击进入 Selenium 官网，自动关闭浏览器，此时 Eclipse 开发环境，JUnit 结果页面显示出来，如图 8 所示：
图 8. 自动化运行结果

不同版本的 WebDriver 实现跨浏览器测试实现跨浏览器测试，关键在于中选择哪种 WebDriver。
对于 IE 和 Chrome 浏览器
在此以 IE 浏览器为例，更新图 7 所示代码第 21 行为 driver = new InternetExplorerDriver();
运行更新后的自动化脚本，selenium 自动启动 IE 浏览器进行自动化测试。如图 9 所示：
图 9. IE 浏览器自动化测试

对于模拟浏览器
Selenium 中提供了 Java 实现的虚拟浏览器，选用此驱动，程序会模拟浏览器的行为进行测试，测试过程中并无实际浏览器被调用。
更新 driver = new HtmlUnitDriver(); 运行该脚本，所有浏览器行为在后台模拟运行。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)