Selenium3自动化测试【12】元素定位认知
Web页面主要由HTML、CSS、JavaScript脚本构成的web页面。随着互联网技术的发展,当下大部分页面都是动态页面。
Web页面中的各类视觉元素,例如文本框、按钮、复选框、图片、超链接、表等。这些元素在Selenium中都被称为页面元素(WebElements),在其他自动化工具中常常被称为对象(如UFT中)。
当我们想让Selenium自动地操作浏览器时,就必须告诉Selenium如何去定位元素。
大家都知道,Web页面是由HTML、CSS和JavaScript等组成的,可以通过查看页面源文件的方式了解这些信息,进而可以找到想要的元素标签(Tag),知晓对应元素的属性及属性值,以及页面的结构。以Bing搜索页面为例,如图5-1所示。
其对应的HTML代码为:
<form action="/search" onsubmit="var id = _ge('hpinsthk').getAttribute('h'); return si_T(id);" role="none"> <div class="b_searchboxForm" role="search" data-bm="15"> <input class="b_searchbox" id="sb_form_q" name="q" title="输入搜索词" type="search" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" aria-controls="sw_as" aria-autocomplete="both" aria-owns="sw_as"> <div id="sb_go_par" data-sbtip="搜索网页"> <input type="submit" class="b_searchboxSubmit" id="sb_form_go" tabindex="-1" name="go"> </div> <div id="sw_as" role="listbox" aria-label="建议" style="display: block; margin-left: -1px; margin-right: 1px;"> <div class="sa_as" data-priority="2" data-bm="20"></div> </div> </div></form>
通过Web页面代码,能够看到,搜索这样的元素,都是采用嵌入在<form>标签内的<input>标签。
其中搜索框<input>标签包含id、class、name等属性。<input class="b_searchbox" id="sb_form_q" name="q" title="输入搜索词" type="search" value="" maxlength="100" autocapitalize="off" autocorrect="off" autocomplete="off" pellcheck="false" aria-controls="sw_as" aria-autocomplete="both" aria-owns="sw_as">
【测试全系列视频课程】请点击我哦.....
图书京东、当当有售
京东:https://item.jd.com/12784287.html
当当:http://product.dangdang.com/29177828.html
更多相关文章
- html页面传值问题已解决
- Jquery对选取到的元素显示指定的长度,对于的字符串用“...”显示
- 如何检测用户有关退出页面的信息?
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元
- scrollTop到溢出滚动div中的活动元素
- jQuery使用之(四)处理页面的表单元素
- 如果原始页面加载是https,那么没有完整网址的jQuery $ .ajax会保
- jQuery遍历祖先元素:parentsUntil
- jQuery入门(2) 获取元素和DOM转换