Selenium webdriver系列教程(5)—如何定位frame中的元素

发表于:2013-9-18 15:12  作者:乙醇   来源:51Testing软件测试网采编

字体: | 上一篇 | 下一篇 |我要投稿 | 推荐标签: 软件测试 Selenium selenium webdriver 自动化测试

  在web ui自动化测试中,frame一直是令人头痛的问题,就像上班必须挤公车坐地铁一般,frame的问题总是令人气闷纠结为之黯然神伤。

  以前在使用watir 1.6x的时候,frame也是颇为棘手的一个问题。不但要照本宣科的进行一系列的设置,而且在进行实际代码编写的过程中会遇到各种奇奇怪怪的问题。frame就像中国男足的后防线,问题多多难以解决。

  selenium webdriver处理frame比较简单,这点比某些测试工具要先进一些,令人身心愉悦。

  以下面的html代码为例,我们看一下如何定位frame上的元素。

frame.html
<html>
<head>
<title>Frame</title>
<style>
#f_1 {width: 10em; height: 10em; border: 1px solid #ccc; }
#f_2 {display: none}
</style>
</head>
<body>
<p id = "p">Outside frame</p>
<iframe id = "f_1" f1" src = "part1.htm"></iframe>
<iframe id = "f_2" src = "part2.htm"></iframe>
</body>
</html>
part1.htm
<html>
<head><title>Part1</title></head>
<body>
<p id = "f_p">This is part 1</p>
<input id = "btn" type = "button" value = "click me" onclick = "alert('hello')" />
</body>
</html>

  switch_to方法会new1个TargetLocator对象,使用该对象的frame方法可以将当前识别的"主体"移动到需要定位的frame上去。

require 'rubygems'
require 'selenium-webdriver'
dr = Selenium::WebDriver.for :firefox
frame_file = 'file:///'+File.expand_path(File.join(File.dirname(__FILE__), 'frame.html'))
dr.navigate.to frame_file
# 定位default content上的p元素
p dr.find_element(:id => 'p')
# 将当前识别主体移动到id为f_1的frame上去
dr.switch_to.frame('f_1')
# 点击frame上的button
dr.find_element(:id =>'btn').click # --> a alert will popup
# 此时再去定位frame外的p元素将出现错误
p dr.find_element(:id => 'p') # --> error
# 将识别的主体切换出frame
dr.switch_to.default_content
p dr.find_element(:id => 'p') # --> ok

  webdriver的frame处理方式让人感觉那个不痛越来越轻松,这点进步值得肯定。

  下一节我们将介绍如何定位弹出的新窗口

相关文章

Selenium webdriver系列教程(4)—如何定位测试元素

Selenium webdriver系列教程(6)—如何捕获弹出窗口


评 论

论坛新帖



建议使用IE 6.0以上浏览器,800×600以上分辨率,法律顾问:上海信义律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2021, 沪ICP备05003035号
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪公网安备 31010102002173号

51Testing官方微信

51Testing官方微博

扫一扫 测试知识全知道