Selenium 2 + Python +WebDriver实战(2)基本用法

1.Selenium2 的原理

第一篇分享简单介绍了基于Python开发的Selenium2的环境配置,这篇主要讲一下基本用法。首先讲一下Selenium2的基本原理。基本上知道了这个东西是怎么回事,我们就知道怎么去用它了。
与Selenium和Selenium RC不同,Selenium2将浏览器原生的API封装成WebDriver API,可以直接操作浏览器页面里的元素,甚至操作浏览器本身(截屏,窗口大小,启动,关闭,安装插件,配置证书之类的),所以就像真正的用户在操作一样。其实刚开始我们不需要懂Webdriver具体是怎么回事,后面会讲一下Webdriver的API,而现在我们只是要求会用,所以知其然就够了。下面这张图可以简单清晰地讲明Selenium2的逻辑。

Paste_Image.png

综上,如果想用Selenium2创造我们的脚本的话,我们需要做一下几件事:

  • 定位元素
  • 操作元素
  • 处理浏览器事件(验证码,警告框等)
  • 处理系统时间(上传文件,下载文件等)

本篇就先讲如何定位元素。

2.Web元素定位

2.1.Element概念

如果对前端比较了解的话,可以简单将Web界面理解为一个body,而table,element组成了这个body。拿百度主页为例,打开百度主页,点击输入框,右键-》inspect,会看到下面的前端代码:


Paste_Image.png

可以看到,搜索框拥有一个标识:id="kw",至于为什么叫这个,估计百度的开发觉得很cool。那么就可以说,搜索框就是一个element。

2.2定位元素

以搜索框为例,Selenium可以模仿用户的操作,就可以支持在搜索框中输入和删除任意文本。想要操作一个element,就要先定位这个element。可以看到,仅仅搜索框这个element就有id,class,name等多种属性,我们该怎么去定位该元素呢?Selenium又支持几种定位的方法呢?简单总结如下:

  • By id
  • By name
  • By class name
  • By tag name
  • By link
  • By partial link
  • By XPath

2.1通过id定位

以Python为例(以后默认为Python):

find_element_by_id('kw')
find_element_by_id('su')

2.2通过name定位

find_element_by_name('wd')

像搜索按钮就没用name属性,那么我们就不能通过name属性来定位它。如果碰到name属性定位到的元素不唯一,不要忘记改为

find_elements_by_id('name')

不然程序肯定会报错,一般id都是唯一的。

2.3通过class name定位

以百度搜索框和搜索按钮为例,下同:

find_element_by_class_name('s_ipt')
find_element_by_class_name('bg s_btn')

了解前端的亲都会知道,class这种元素一般都不唯一,这时候别忘了

lista=find_element_by_class_name('classname')

这时候所有class name="classname"的元素都会被捕捉到,并存储在数组lista中。

2.4通过tag name定位

tag是元素的一个基本属性,比如需要输入的元素为input:

find_elements_by_tag_name('input')

2.5通过link,partial link定位

Paste_Image.png

以百度新闻链接为例

find_element_by_link_text('新闻')

partial link是对link方法的一个补充,假设这个链接有一个很长的名字,"我是一个很长很长很长的链接“:

find_element_by_partial_link_text('很长的')

或者

find_element_by_partial_link_text('链接')

2.6通过XPath定位

通过XPath定位是最简单的也是最方便的一种方法,每一个元素在Web页面上有自己的位置,在代码里也有自己的位置。而XPath就表示了它在代码里的绝对路径,也就是说,通过一个绝对地址,肯定找得到这个元素。
一开始自己做脚本的时候傻傻的分析元素的XPath,直到知道了Firefox的超级插件,firebug。下载地址为 FireBug
仍然以百度搜索框为例

Paste_Image.png

右键通过FireBug查看元素,找到搜索框对应的element,右键就可以复制其XPath,定位的代码为

find_element_by_xpath('/html/body/div[2]/div[1]/div/div[1]/div/form/span[1]/input')

XPath虽然是很简单的方法,但是不能滥用。像百度首页的代码基本不会更新,自身也属于静态的网页,element的绝对路径基本不会变。如果碰到动态网页或者需要灵活的定位元素,可以尝试相对路径,即元素属性的组合

find_element_by_xpath("//input[@id='kw']")  //其中//表示在某个路径下,一个tag name为input,id为kw的元素

层级与属性结合
假设一个地址为"杭州市西湖区文二路西湖科技大厦",那么我们也可以这样说"西湖区文二路391号",这就是层级与属性结合

find_element_by_xpath("//span[@class='bg s_ipt_wr']/input")  //span[@class='bg s_ipt_wr']通过class定位到父
元素,/input表示父元素下面的子元素,这里如果父元素不是唯一可以定位的,可以上面寻求更高层级可以定位的元素

逻辑运算符

find_element_by_xpath("//input[@id='kw' and @class='su']/span/input")  //用and来连接属性定位元素

2.7通过CSS定位

CSS是用来描述HTML和XML文档表现的语言,可以通过CSS选择器绑定页面元素的属性,语法为

find_element_by_css_selector("")
find_element_by_css_selector("")    

常用的的选择器有

".class"
"#id"
"*"
"element"
"element>element"
"element+element"
"[attribute=value]"

看起来比较抽象,确实一把情况下不怎么使用CSS定位,需要讲的时候我们再举例子,可以参考W3CSchool的例子。

2.8通过By定位元素

其实是WebDriver的另一种写法,传承于Selenium1?觉得没啥用,笔者也没有深究。

find_element(By.ID,"kw")
...

3.小结

其实定位元素的方法各种各样,语法都很简单,难的是活学活用。在具体的项目中,使用不同的定位方法最后取到的数据能够简单的调用才是最好的方法。这方面笔者也走了很多弯路,鉴于公司的产品是严格保密的,没办法用实际的例子来讲述何时用合适的定位方法。在以后的博客中,尽量多多准备素材。
今天听一个同事对测试看法个人十分赞同:测试的成长曲线不同于开发,前期的道路更为坎坷,需要更多经验积累。测试脚本的编写相比于开发更为简单,不需要太难的算法,但是也需要对业务的了解和测试思想的融入。所以,万里长征刚开始。老话,空谈误国,实干兴邦,与君共勉。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,219评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,363评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,933评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,020评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,400评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,640评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,896评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,597评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,327评论 1 244
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,581评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,072评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,399评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,054评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,849评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,672评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,585评论 2 270

推荐阅读更多精彩内容