python+selenium自动化软件测试

1.1 环境搭建

1.1.1 selenium简介
Selenium 是用于测试 Web 应用程序用户界面 (UI) 的常用框架。它是一款用于运行端到端功能测试的超强工具。您可以使用多个编程语言编写测试，并且 Selenium 能够在一个或多个浏览器中执行这些测试。
Selenium的发展经历了三个阶段，第一个阶段，也就是selenium1的时代，在运行selenium1.0程序之前，我们得先启动selenium server端(selenium remote control)，我们简称RC。RC主要包括三个部分：launcher，http proxy，selenium core。其中selenium core是被selenium server嵌入到浏览器页面中的，selenium core内部是一堆javascript函数构成，通过调用这些函数来实现对浏览器的各种操作。
很显然比较繁琐，这并不是最佳自动化解决方案，于是后来有了webdriver。
selenium2 的时代合并了webdriver，也就是我们通常说的selenium，selenium2是默认支持Firefox浏览器的，这点非常方便。

当然也支持其他更多浏览器，Ie和chrome浏览器需要下载驱动包，并添加到环境变量下。

selenium3 是2016年10月份发布的，并且现在默认安装都是selenium3了，selenium3在selenium2的基础上做了一些调整，最明显的区别 就是 selenium2对Firefox的支持最高只支持46及以下版本。selenium3可以支持47以上版本，但是需要下载 geckodriver.exe驱动，并添加到环境变量path下。

接下来的内容以selenium2为主。

************环境组合**************************
初学者最佳环境：python2.7+selenium2+Firefox46以下版本
喜欢尝新的环境：python3.6+selenium3+Firefox47以上版本
*********************************************
小编的环境：
windows10 64位

python 2.7.12

selenium 2.53.6

firefox 44

 

1.1.2 python安装
1.小编的电脑操作系统：win10 64位系统
2.下载Python安装包，选择2.7版本和3.6版本都可以
（下面的教程，两个版本会一起讲，所以不用担心版本问题）
官网下载地址：https://www.python.org/

 

 3.Python安装，双击傻瓜式安装（别安装在c盘，用英文路径，不要有空格），安装时候选中下方红色框框，如果这一步成功，1.1.3环境变量这一步可以省略。

 

1.1.3 环境变量
1.安装完成后，看下这个目录D:\python\Scripts，有没pip.exe和easy_install.exe（一般都有，没有的话得卸载重新安装一次了）

2.将D:\python和D:\python\Scripts（注意这两个是复制自己电脑上的路径），添加到环境变量path下。
D:\python;D:\python\Scripts;(注意带上英文的分号)

 

 

1.1.4 安装selenium
  1.打开cmd窗口输入：pip
(如果出现其它提示请检查上面几步，确认无误后出现Did not provide a command，看1.3解决pip异常这篇)

 

  2.cmd输入指令安装在线安装selenium
>pip install selenium==2.53.6
(注意：首次装一定要看到进度100%完成，如果中途失败了，重新输入指令安装，直到看到100%完成为止)

 

 

1.1.5 验证selenium
 如何才能知道selenium正确安装好了呢？
 1.确保电脑上安装了Firefox浏览器46以下版本
 cmd窗口输入如下指令
  >python
  >from selenium import webdriver
  >webdriver.Firefox()
 3.如果能启动浏览器，说明环境安装OK。

（启动不成功，说明没认真看文档，卸载了重新来一次）
1.1.6 浏览器
  1.如果你打算用Firefox浏览器，那么千万别安装47以上版本（selenium2不兼容47以上）
  2.如果你打算用Ie或Chrome浏览器，需要先下载浏览器驱动，将驱动文件放到python根目录。

 

如果有的已经安装过3.0的版本，启动firefox时候会报错，下一章讲如何使用pip降级selenium版本
1.1.7 firefox历史版本
firefox历年版本的官方镜像地址：
https://download-installer.cdn.mozilla.net/pub/firefox/releases/ 

1.2 pip降级selenium3.0

selenium版本安装后启动Firefox出现异常：'geckodriver' executable needs to be in PATH
selenium默默的升级到了3.0，然而网上的教程都是基于selenium2的，最近有不少小伙伴踩坑了，决定有必要出这一篇，帮助刚入门的小伙伴们解决好环境问题。
selenium+python环境搭配：
selenium2+firefox46以下版本（无需驱动包，firefox喜欢偷偷升级，你懂的）
selenium3+firefox46以上版本（必须下载驱动：geckodriver.exe，且添加到环境变量）
1.2.1 遇到问题
    1.安装完selenium后，再cmd进入python环境
    2.从selenium导入webdriver

    3.启动Firefox浏览器
>>python
>>from selenium import webdriver
>>webdriver.Firefox()
然后出现以下异常：'geckodriver' executable needs to be in PATH

 

1.2.2 解决方案
    1.'geckodriver' executable needs to be inPATH，这句话意思就是说，geckodriver.exe的驱动文件需要添加到环境变量下，

selenium2是默认支持firefox的，不需要驱动包，但是，selenium3需要驱动包的支持了，于是就有了上面的问题
   2.解决办法一：继续使用selenium3,去下载驱动包，然后加到环境变量下（不推荐此办法，因为解决完这个问题后，后面还会接着有其它问题）
   3.解决办法二：selenium3降级到selenium2(接下来会介绍)
 
1.2.3 检查pip环境
    1.打开cmd，输入pip，检查pip环境是否正常
>>pip

    2.如果输入pip出现提示:Did not provide a command 说明pip环境有问题，临时解决办法，输入pip时候加上后缀pip.exe就可以了，具体原因看下一篇解决办法。
1.2.4 pip查看selenium版本号
    1.打开cmd，输入pip show selenium
>>pip show selenium
   2.看红色区域位置版本号显示：2.53.0，显示的就是当前使用的版本号

（如果你这里显示的是3.0开头，就需要接下来步骤了）

 

 

1.2.5 pip降级selenium
    1.为了避免与之前安装的selenium版本冲突，先找到selenium3.0目录：python\Lib\site-packages目录
把里面selenium开头的文件全部删除就可以了。python所有的第三方包都在这个目录下面。

 

     2.打开cmd，输入pip install selenium==2.53.6（注意是两个==，中间不要留空格，这里推荐2.53.6的版本）
>>pip install selenium==2.53.6

 

1.2.6 升级pip版本
    1.在使用pip过程中如果出现下方红色区域字样，就是说pip版本过低了，建议升级
    2.如何升级pip呢？看最后一句话：python -m pip install --upgrade pip

 

   3.把上面对应的提示照着敲一遍就可以了

 

1.3 解决pip使用异常问题

1.3.1 pip出现异常
有一小部分童鞋在打开cmd输入pip后出现下面情况：Didnot provide a command

Did not provide a command?这是什么鬼？

正常情况应该是酱紫

 

1.3.2 解决办法
1.pip是一个.exe的可执行文件,在cmd输入pip.exe就可以解决了。

 

2.所以在后面的安装指令中都需要带上后缀，那么问题来了，为什么会出现这种情况，如何彻底解决？
1.3.3 配置环境变量
1.主要原因是环境变量的PATHEXT里面缺少.EXE的文件名
2.在PATHEXT下编辑后面加上;.EXE(注意分号是英文的)

 

3.环境变量配置好了后，关掉cmd，重新打开输入pip试试（要是这一步还不能解决，继续往下看）
1.3.4 必杀技
1.找到pip所在的文件目录打开

 

2.在文件夹地址栏输入cmd，回车。

 然后在打开的窗口输入pip（或pip.exe）试试吧

1.3.5 绝杀技能
打开cmd(快捷键：win+r)，cd到pip所在的目录，如D:\test\python2\Scripts
>d:
>cd d:/test/python2/Scripts
>pip

 

 (要是看到这里，还没解决，你这台电脑可以砸了！！！)

1.4 Chrome浏览器

前言
selenium2启动Chrome浏览器是需要安装驱动包的，但是不同的Chrome浏览器版本号，对应的驱动文件版本号又不一样，如果版本号不匹配，是没法启动起来的。
 #############最佳环境搭配#####################
小编环境：selenium2.53.6+Chrome版本V49.0+chromedriverv2.22
（根据小编经验selenium2搭配Chrome版本40-50比较好，版本太高了会各种奇葩问题的）
###########################################
1.4.1 Chrome遇到问题
1.如果在启动chrome浏览器时候，出现如下界面，无法打开网址，那么首先恭喜你，踩到了坑，接下来的内容或许对你有所帮助。

>># coding:utf-8
>>from selenium import webdriver
>>driver = webdriver.Chrome()
>>driver.get("http://www.cnblogs.com/yoyoketang/")

 

1.4.2 查看版本号

1.查看Chrome版本号，设置>关于，查出来版本号是49.0

 

2.查看chromedriver.exe版本号，双击这个文件就可以了，查出来版本号是V2.9

3.很显然是chromedriver的版本号过低了，于是可以找个更高级的版本：V2.22
 
1.4.3 chromedriver
1.确保chromedriver.exe文件在path路径下，这里我放到Python的根目录了（python根目录已配置到path了）

 

2.确保驱动文件名称是chromedriver.exe，如果名称后面带版本号的，改下文件名称就行。
3.Chrome版本V49.0+chromedriverv2.22
 
1.4.4 各版本匹配表

chromedriver版本    支持的Chrome版本
v2.29                 v56-58
v2.28                 v55-57
v2.27                 v54-56
v2.26                 v53-55
v2.25                 v53-55
v2.24                 v52-53
v2.23                 v51-53
v2.22                 v49-52
v2.21                 v46-50
v2.20                 v43-48
v2.19                 v43-47

v2.18                 v43-46
v2.17                 v42-43
v2.13                 v42-45
v2.15                 v40-43
v2.14                 v39-42
v2.13                v38-41
v2.12                v36-40
v2.11                v36-40
v2.10                v33-36
v2.9                  v31-34
v2.8                  v30-33
v2.7                  v30-33

v2.6                  v29-32
v2.5                  v29-32
v2.4                  v29-32

Chrome浏览器的chromedriver版本驱动大全，下载地址：
http://chromedriver.storage.googleapis.com/index.html

IE浏览器的IEdriver版本驱动大全，下载地址：
http://selenium-release.storage.googleapis.com/index.html

 

 

1.5 pycharm使用

前言    
在写脚本之前，先要找个顺手的写脚本工具。python是一门解释性编程语言，所以一般把写python的工具叫解释器。写python脚本的工具很多，小编这里就不一一列举的，只要自己用着顺手就可以的，如果你还没有选好解释器，小编这里推荐pycharm。
     在安装pycharm后，有一些小伙伴不会破解，这里小编还是推荐大家买正版的。当然，如果你不想付费，想破解pycharm，也是很容易的事情，这里小编列举几种破解办法。前提是你要先下载pycharm安装包，安装包可以去官网http://www.jetbrains.com/pycharm/下载最新版。
1.5.1 pycharm安装
方法一：
    1.在注册界面，选择License serve。填入http://idea.lanyus.com/71 
    2.点击ok

方法二：
    1.注册界面选择：Activationcoede
    2.打开网址：http://idea.lanyus.com/71，点击“获取注册码”按钮
    3.复制弹出框的注册码
    4.copy到注册界面Activationcoede位置

 

 

方法三：
    1.安装pycharm在注册界面先别动
    2.调整电脑系统时间到2036年(20年应该够用了)。
    3.注册界面选择申请30天试用
    4.退出pycharm

    5.电脑时间调整回来。

方法四：
    1.安装pycharm在注册界面，选择使用30天
    2.打开pycharm菜单里Help>Register

    3.打开网址：http://idea.lanyus.com/71，点击“获取注册码”按钮
    4.copy到注册界面Activationcoede位置

 

接下来开始pycharm之旅吧~

1.5.2 新建工程

    1.在d盘新建一个test文件夹
    2.打开pycharm左上角File按钮
    3.点NewProject新建一个工程

 

1.5.3 新建脚本
    1.在pycharm左侧菜单树右键，新建一个Directory(文件夹)。
    2.选择对应文件夹，在文件夹中新建Python File(脚本文件)。
    3.脚本名称自己命名，后缀.py会自动带出

 

 1.5.4 开始编程
    1.双击打开需要编写的脚本
    2.在右侧编辑框输入：print("hello world!")
    3.点脚本的title，右击后选择Run“test01”,运行结果如下

 

1.6 selenium3+firefox环境搭建

有不少小伙伴在安装selenium环境后启动firefox报错，因为现在selenium升级到3.0了，跟2.0的版本还有有一点区别的。
(备注：这里不建议大家用selenium3，坑太多，如果selenium2实在用不了，那就看这篇吧)
安装环境过程中主要会遇到三个坑：
1.'geckodriver' executable needs to be in PATH
2.Expected browser binary location, but unable to find binary in default location
3.Unsupported Marionette protocol version 2, required 3
环境准备：
--python3.6

--selenium3.0
--firefox50
 
一、安装python
1.安装python这个简单，下载版本后傻瓜式安装就行了。
2.安装好之后，看下这个目录D:\python\Scripts，有没pip.exe和easy_install.exe（一般都有，没有的话得重新安装一次了）
3.将D:\python和D:\python\Scripts，添加到环境变量path下

 

二、检查pip工具
1.打开cmd,输入：pip,出现如下图界面，说明pip环境OK.
>>pip

 

三、安装selenium3.0
1.cmd输入：pip install selenium
>>pip install selenium
2.首次安装要看到100%完成，中途失败就重新多输入几次安装。

 

四、检查selenium环境

1.在cmd输入如下指令检查环境
>>python
>>from selenium import webdriver
>>driver=webdriver.Firefox()
>>driver.get("https://www.baidu.com")
2.能看到浏览器正常启动，说明环境OK，如果遇到异常就继续看下面解决方案。

 

五、遇到第一个坑：'geckodriver' executable needs to be in PATH
1.如果启动浏览器过程中报如下错误
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdriver.py", line 145, in __init__
    self.service.start()
  File "D:\test\python3\lib\site-packages\selenium\webdriver\common\service.py", line 81, in start
    os.path.basename(self.path), self.start_error_message)
selenium.common.exceptions.WebDriverException: Message: 'geckodriver' executable needs to be in PATH.
2.这个是因为最新的selenium3.0启动firefox需要geckodriver.exe这个驱动文件。

3.下载之后，配置到环境变量path下（可以直接放python根目录）
 
六、遇到第二坑：Expected browser binary location, but unable to find binary in default location
1.如果启动浏览器过程中报如下错误：
Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdriver.py", line 155, in __init__
    keep_alive=True)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 92, in __init__
    self.start_session(desired_capabilities, browser_profile)

  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 179, in start_session
    response = self.execute(Command.NEW_SESSION, capabilities)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 238, in execute
    self.error_handler.check_response(response)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 193, in check_response
    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.WebDriverException: Message: Expected browser binary location, but unable to find binary in default location,
no 'moz:firefoxOptions.binary' capability provided, and no binary flag set on the command line.

2.这个是因为firefox.exe这个文件也需要配置到环境变量path下。
3.这个路径就是安装完firefox后，找到firefox.exe这个文件的地址，加到path下。

 

七、遇到第三坑：Unsupported Marionette protocol version 2, required 3
1.如果启动浏览器过程中出现如下错误
 Traceback (most recent call last):
  File "<stdin>", line 1, in <module>

  File "D:\test\python3\lib\site-packages\selenium\webdriver\firefox\webdriver.py", line 155, in __init__
    keep_alive=True)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 92, in __init__
    self.start_session(desired_capabilities, browser_profile)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 179, in start_session
    response = self.execute(Command.NEW_SESSION, capabilities)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\webdriver.py", line 238, in execute
    self.error_handler.check_response(response)
  File "D:\test\python3\lib\site-packages\selenium\webdriver\remote\errorhandler.py", line 193, in check_response

    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.WebDriverException: Message: Unsupported Marionette protocol version 2, required 3
2.这个错误原因是firefox版本过低了，最新的selenium3.0版本支持firefox47以上的版本，升级版本就可以了

 

 总结：整个环境的配置是python3.6+selenium3.0+firefox47以上版本，当然python用2.7版本也是可以的。

2.1 操作元素基本方法

前言
前面已经把环境搭建好了，从这篇开始，正式学习selenium的webdriver框架。我们平常说的 selenium自动化，其实它并不是类似于QTP之类的有GUI界面的可视化工具，我们要学的是webdriver框架的API。
本篇主要讲如何用Python调用webdriver框架的API，对浏览器做一些常规的操作，如打开、前进、后退、刷新、设置窗口大小、截屏、退出等操作。

2.1.1 打开网页

1.从selenium里面导入webdriver模块
2.打开Firefox浏览器（Ie和Chrome对应下面的）
3.打开百度网址

2.1.2 设置休眠

1.由于打开百度网址后，页面加载需要几秒钟，所以最好等到页面加载完成后再继续下一步操作
2.导入time模块，time模块是Python自带的，所以无需下载
3.设置等待时间，单位是秒（s）,时间值可以是小数也可以是整数

2.1.3 页面刷新

1.有时候页面操作后，数据可能没及时同步，需要重新刷新
2.这里可以模拟刷新页面操作，相当于浏览器输入框后面的刷新按钮

2.1.4 页面切换

1.当在一个浏览器打开两个页面后，想返回上一页面，相当于浏览器左上角的左箭头按钮。

2.返回到上一页面后，也可以切换到下一页，相当于浏览器左上角的右箭头按钮。

2.1.5 设置窗口大小

1.可以设置浏览器窗口大小，如设置窗口大小为手机分辨率540*960
2.也可以最大化窗口

 2.1.6 截屏

1. 打开网站之后，也可以对屏幕截屏
2.截屏后设置指定的保存路径+文件名称+后缀

2.1.7 退出

1.退出有两种方式，一种是close;另外一种是quit。
2.close用于关闭当前窗口，当打开的窗口较多时，就可以用close关闭部分窗口。
3.quit用于结束进程，关闭所有的窗口。
4.最后结束测试，要用quit。quit可以回收c盘的临时文件。

掌握了浏览器的基本操作后，接下来就可以开始学习元素定位了，元素定位需要有一定的html基础。没有基础的可以按下浏览器的F12快捷键先看下html的布局，先了解一些就可以了。

2.1.8 加载浏览器配置

启动浏览器后，发现右上角安装的插件不见了，这是因为webdriver启动浏览器时候，是开的一个虚拟线程，跟手工点开是有区别的，selenium的一切操作都是模拟人工（不完全等于人工操作）。

加载Firefox配置

   有小伙伴在用脚本启动浏览器时候发现原来下载的插件不见了，无法用firebug在打开的页面上继续定位页面元素，调试起来不方便 。加载浏览器配置，需要用FirefoxProfile(profile_directory)这个类来加载，profile_directory既为浏览器配置文件的路径地址。

一、遇到问题
1.在使用脚本打开浏览器时候，发现右上角原来下载的插件firebug不见了，到底去哪了呢？
2.用脚本去打开浏览器时候，其实是重新打开了一个进程，跟手动打开浏览器不是一个进程。
所以没主动加载插件，不过selenium里面其实提供了对应的方法去打开，只是很少有人用到。

 

 

二、FirefoxProfile
1.要想了解selenium里面API的用法，最好先看下相关的帮助文档打开cmd窗口，
输入如下信息：

->python
->from selenium import webdriver
->help(webdriver.FirefoxProfile)

Help on class FirefoxProfile in module
selenium.webdriver.firefox.firefox_profile:
class FirefoxProfile(builtin.object)
|  Methods defined here:

|
|  init(self, profile_directory=None)
|      Initialises a new instance of a Firefox Profile
|    
|      :args:
|       - profile_directory: Directory of profile that you want to use.
|         This defaults to None and will create a new
|         directory when object is created.

2.翻译过来大概意思是说，这里需要profile_directory这个配置文件路径的参数
3.profile_directory=None，如果没有路径，默认为None，启动的是一个新的，有的话就加载指定的路径。

三、profile_directory
1.问题来了：Firefox的配置文件地址如何找到呢？
2.打开Firefox点右上角设置>？（帮助）>故障排除信息>显示文件夹

3.打开后把路径复制下来就可以了：
C:\Users\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default

 

四、启动配置文件
1.由于文件路径存在字符：\ ，反斜杠在代码里是转义字符，这个有点代码基础的应该都知道。
不懂什么叫转义字符的，自己翻书补下基础吧！
2.遇到转义字符，为了不让转义，有两种处理方式：
第一种：\ (前面再加一个反斜杠)

第二种:r”\"（字符串前面加r，使用字符串原型)

 

五、参考代码：

# coding=utf-8
from selenium import webdriver
# 配置文件地址
profile_directory = r'C:\Users\xxx\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'

# 加载配置配置
profile = webdriver.FirefoxProfile(profile_directory)
# 启动浏览器配置
driver = webdriver.Firefox(profile)

 其实很简单，在调用浏览器的前面，多加2行代码而已，主要是要弄清楚原理。

 

2.2 常用8种元素定位（Firebug和firepath）

前言   
元素定位在firefox上可以安装Firebug和firepath辅助工具进行元素定位。

2.2.1 环境准备

1.浏览器选择：Firefox
2.安装插件：Firebug和FirePath(设置》附加组件》搜索：输入插件名称》下载安装后重启浏览器)
3.安装完成后，页面右上角有个小爬虫图标
4.快速查看xpath插件：XPath Checker这个可下载，也可以不用下载
5.插件安装完成后，点开附加组件》扩展，如下图所示

 

2.2.2 查看页面元素

以百度搜索框为例，先打开百度网页
1.点右上角爬虫按钮
2.点左下角箭头
3.将箭头移动到百度搜索输入框上，输入框高亮状态
4.下方红色区域就是单位到输入框的属性：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd">

2.2.3 find_element_by_id()

1.从上面定位到的元素属性中，可以看到有个id属性：id="kw"，这里可以通过它的id属性定位到这个元素。
2.定位到搜索框后，用send_keys()方法，输入文本。

2.2.4 find_element_by_name() 

   1.从上面定位到的元素属性中，可以看到有个name属性：name="wd"，这里可以通过它的name属性单位到这个元素。
    说明：这里运行后会报错，说明这个搜索框的name属性不是唯一的，无法通过name属性直接定位到输入框

2.2.5 find_element_by_class_name()

1.从上面定位到的元素属性中，可以看到有个class属性：class="s_ipt"，这里可以通过它的class属性定位到这个元素。

2.2.6 find_element_by_tag_name()

1.从上面定位到的元素属性中，可以看到每个元素都有tag（标签）属性，如搜索框的标签属性，就是最前面的input。
2.很明显，在一个页面中，相同的标签有很多，所以一般不用标签来定位。以下例子，仅供参考和理解，运行肯定报错。

 2.2.7 find_element_by_link_text()

1.定位百度页面上"hao123"这个按钮

 

查看页面元素：

<a class="mnav" target="_blank" href="http://www.hao123.com">hao123</a>

2.从元素属性可以分析出，有个href = "http://www.hao123.com

说明它是个超链接，对于这种元素，可以用以下方法：

 2.2.8 find_element_by_partial_link_text()

1.有时候一个超链接它的字符串可能比较长，如果输入全称的话，会显示很长，这时候可以用一模糊匹配方式，截取其中一部分字符串就可以了

2.如“hao123”,只需输入“ao123”也可以定位到

2.2.9 find_element_by_xpath()

1.以上定位方式都是通过元素的某个属性来定位的，如果一个元素它既没有id、name、class属性也不是超链接，这么办呢？或者说它的属性很多重复的。这个时候就可以用xpath解决。
2.xpath是一种路径语言，跟上面的定位原理不太一样，首先第一步要先学会用工具查看一个元素的xpath。

 

 3.按照上图的步骤，在FirePath插件里copy对应的xpath地址。

 2.2.10 find_element_by_css_selector()

1.css是另外一种语法，比xpath更为简洁，但是不太好理解。这里先学会如何用工具查看，后续的教程再深入讲解
2.打开FirePath插件选择css
3.定位到后如下图红色区域显示

 

总结：
selenium的webdriver提供了18种（注意是18种，不是8种）的元素定位方法，前面8种是通过元素的属性来直接定位的，后面的xpath和css定位更加灵活，需要重点掌握其中一个。
前八种是大家都熟悉的，经常会用到的：

1.id定位：find_element_by_id(self, id_)
2.name定位：find_element_by_name(self, name)
3.class定位：find_element_by_class_name(self, name)
4.tag定位：find_element_by_tag_name(self, name)
5.link定位：find_element_by_link_text(self, link_text)
6.partial_link定位find_element_by_partial_link_text(self, link_text)
7.xpath定位：find_element_by_xpath(self, xpath)
8.css定位：find_element_by_css_selector(self, css_selector）

这八种是复数形式（2.8和2.27章节有介绍）

9.id复数定位find_elements_by_id(self, id_)
10.name复数定位find_elements_by_name(self, name)
11.class复数定位find_elements_by_class_name(self, name)
12.tag复数定位find_elements_by_tag_name(self, name)
13.link复数定位find_elements_by_link_text(self, text)
14.partial_link复数定位find_elements_by_partial_link_text(self, link_text)
15.xpath复数定位find_elements_by_xpath(self, xpath)
16.css复数定位find_elements_by_css_selector(self, css_selector

这两种是参数化的方法，会在以后搭建框架的时候，会经常用到PO模式，才会用到这个参数化的方法（将会在4.2有具体介绍）

17.find_element(self, by='id', value=None)
18.find_elements(self, by='id', value=None)

2.3 xpath定位

前言    
在上一篇简单的介绍了用工具查看目标元素的xpath地址，工具查看比较死板，不够灵活，有时候直接复制粘贴会定位不到。这个时候就需要自己手动的去写xpath了，这一篇详细讲解xpath的一些语法。
什么是xpath呢？
官方介绍：XPath即为XML路径语言，它是一种用来确定XML文档中某部分位置的语言。反正小编看这个介绍是云里雾里的，通俗一点讲就是通过元素的路径来查找到这个元素的。

2.3.1 xpath:属性定位

1.xptah也可以通过元素的id、name、class这些属性定位，如下图：

2.于是可以用以下xpath方法定位

2.3.2 xpath:其它属性

1.如果一个元素id、name、class属性都没有，这时候也可以通过其它属性定位到

2.3.3 xpath:标签

1.有时候同一个属性，同名的比较多，这时候可以通过标签筛选下，定位更准一点
2.如果不想制定标签名称，可以用*号表示任意标签
3.如果想制定具体某个标签，就可以直接写标签名称

2.3.4 xpath:层级

1.如果一个元素，它的属性不是很明显，无法直接定位到，这时候我们可以先找它老爸（父元素）。
2.找到它老爸后，再找下个层级就能定位到了。

3.如上图所示，要定位的是input这个标签，它的老爸的id=s_kw_wrap。
4.要是它老爸的属性也不是很明显，就找它爷爷id=form。
5.于是就可以通过层级关系定位到。

2.3.5 xpath:索引

1.如果一个元素它的兄弟元素跟它的标签一样，这时候无法通过层级定位到。因为都是一个父亲生的，多胞胎兄弟。
2.虽然双胞胎兄弟很难识别，但是出生是有先后的，于是可以通过它在家里的排行老几定位到。
3.如下图三胞胎兄弟。

 

4.用xpath定位老大、老二和老三（这里索引是从1开始算起的，跟Python的索引不一样）。

2.3.6 xpath:逻辑运算

1.xpath还有一个比较强的功能，是可以多个属性逻辑运算的，可以支持与（and）、或（or）、非（not）
2.一般用的比较多的是and运算，同时满足两个属性

 

2.3.7 xpath:模糊匹配

1.xpath还有一个非常强大的功能，模糊匹配。
2.掌握了模糊匹配功能，基本上没有定位不到的。
3.比如我要定位百度页面的超链接“hao123”,在上一篇中讲过可以通过by_link,也可以通过by_partial_link，模糊匹配定位到。当然xpath也可以有同样的功能，并且更为强大。

可以把xpath看成是元素定位界的屠龙刀。武林至尊，宝刀xpath，css不出，谁与争锋？下节课将亮出倚天剑css定位。

2.4 CSS定位

前言
大部分人在使用selenium定位元素时，用的是xpath定位，因为xpath基本能解决定位的需求。css定位往往被忽略掉了，其实css定位也有它的价值，css定位更快，语法更简洁。
这一篇css的定位方法，主要是对比上一篇的xpath来的，基本上xpath能完成的，css也可以做到。两篇对比学习，更容易理解。
2.4.1 css:属性定位
1.css可以通过元素的id、class、标签这三个常规属性直接定位到
2.如下是百度输入框的的html代码：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>

3.css用#号表示id属性,如：#kw
4.css用.表示class属性，如：.s_ipt
5.css直接用标签名称，无任何标示符，如：input

2.4.2 css:其它属性

1.css除了可以通过标签、class、id这三个常规属性定位外，也可以通过其它属性定位
2.以下是定位其它属性的格式

 

2.4.3 css:标签

1.css页可以通过标签与属性的组合来定位元素

2.4.4 css:层级关系

1.在前面一篇xpath中讲到层级关系定位，这里css也可以达到同样的效果
2.如xpath：

//form[@id='form']/span/input和
//form[@class='fm']/span/input也可以用css实现

 

 

2.4.5 css:索引

1.以下图为例，跟上一篇一样：

2.css也可以通过索引option：nth-child(1)来定位子元素，这点与xpath写法用很大差异，其实很好理解，直接翻译过来就是第几个小孩。

2.4.6 css:逻辑运算

1.css同样也可以实现逻辑运算，同时匹配两个属性，这里跟xpath不一样，无需写and关键字

 

2.4.7 css:模糊匹配

1.css的模糊匹配contains('xxx'),网上虽然用各种资料显示能用，但是小编亲自试验了下，一直报错。
2.在各种百度后找到了答案：you can't do this withCSS selectors, because there is no such thing as:contains() in CSS. It was a proposal that was abandoned years ago.
非常遗憾，这个语法已经被抛弃了，所以这里就不用管这个语法了。
css语法远远不止上面提到的，还有更多更强大定位策略，有兴趣的可以继续深入研究。官方说法，css定位更快，语法更简洁，但是xpath更直观，更好理解一些。

2.5 SeleniumBuilder辅助定位元素

前言
对于用火狐浏览器的小伙伴们，你还在为定位元素而烦恼嘛？
上古神器Selenium Builder来啦，哪里不会点哪里，妈妈再也不用担心我的定位元素问题啦！（但是也不是万能，基本上都能覆盖到）

2.5.1 安装Selenium Builder

在火狐浏览器的附加组件中搜索添加Selenium Builder即可。安装好后如下图所示：

 

 2.5.2 直接运用

1.打开你要测试的URL或者打开插件后输入你要测试的URL，如下图

2.点击后弹出一个弹窗，如下图：

注：如果你是直接在你要测的网页页面打开这个插件时，selenium builder会直接获取你要测的URL

3.点击record：

然后你就可以哪里不会点哪里了。这里举个例子：

2.5.3 实践案例

1.百度首页，点击百度一下，然后点击登录，再一次点击账号和密码输入框，让我们来看看结果。

2.这里没有展开，点击展开后可以发现定位该元素的多种方法

 

直接选择你想要的方法复制粘贴即可,不用的话直接关掉弹窗即可。

2.6 操作元素（键盘和鼠标事件）

前言
在前面的几篇中重点介绍了一些元素的定位方法，定位到元素后，接下来就是需要操作元素了。本篇总结了web页面常用的一些操作元素方法，可以统称为行为事件
有些web界面的选项菜单需要鼠标悬停在某个元素上才能显示出来（如百度页面的设置按钮）。

2.6.1 简单操作

    1.点击（鼠标左键）页面按钮：click()
    2.清空输入框：clear()
    3.输入字符串：send_keys()
    4.send_keys()如果是发送中文的，前面需加u，如：u"中文",因为这里是输入到windows系统了，windows系统是GBK编码，我们的脚本是utf-8,需要转码为Unicode国际编码，这样才能识别到。

 

2.6.2 submit提交表单

1.在前面百度搜索案例中，输入关键字后，可以直接按回车键搜索，也可以点搜索按钮搜索。
2.submit()一般用于模拟回车键。

 

2.6.3 键盘操作 

    1.selenium提供了一整套的模拟键盘操作事件，前面submit()方法如果不行的话，可以试试模拟键盘事件
    2.模拟键盘的操作需要先导入键盘模块：from selenium.webdriver.common.keysimport Keys
    3.模拟enter键，可以用send_keys(Keys.ENTER)

 

    4.其它常见的键盘操作：
       键盘F1到F12：send_keys(Keys.F1)把F1改成对应的快捷键：

       复制Ctrl+C：send_keys(Keys.CONTROL,'c') 

       粘贴Ctrl+V：send_keys(Keys.CONTROL,'v') 

       全选Ctrl+A：send_keys(Keys.CONTROL,'a') 

       剪切Ctrl+X：send_keys(Keys.CONTROL,'x') 

       制表键Tab:  send_keys(Keys.TAB) 

       这里只是列了一些常用的，当然除了键盘事件，也有鼠标事件。

2.6.4 鼠标悬停事件

    1.鼠标不仅仅可以点击(click),鼠标还有其它的操作，如：鼠标悬停在某个元素上，鼠标右击，鼠标按住某个按钮拖到
    2.鼠标事件需要先导入模块：from selenium.webdriver.common.action_chainsimport ActionChains
        perform() 执行所有ActionChains中的行为；
        move_to_element() 鼠标悬停。
    3.这里以百度页面设置按钮为例：

    4.除了常用的鼠标悬停事件外，还有
       右击鼠标：context_click()
       双击鼠标：double_click()
       依葫芦画瓢，替换上面案例中对应的鼠标事件就可以了
       selenium提供了一整套完整的鼠标和键盘行为事件，功能还是蛮强大滴。下一篇介绍多窗口的情况下如何处理。

2.7 多窗口、句柄（handle）

前言   
有些页面的链接打开后，会重新打开一个窗口，对于这种情况，想在新页面上操作，就得先切换窗口了。获取窗口的唯一标识用句柄表示，所以只需要切换句柄，我们就能在多个页面上灵活自如的操作了。
一、认识多窗口
1.打开赶集网：http://bj.ganji.com/，点击招聘求职按钮会发现右边多了一个窗口标签

 2.我们用代码去执行点击的时候，发现界面上出现两个窗口，如下图这种情况就是多窗口了。

 

   3.到这里估计有小伙伴纳闷了，手工点击是2个标签，怎么脚本点击就变成2个窗口了，这个在2.1里面讲过，脚本执行是不加载配置的，手工点击是浏览器默认设置了新窗口打开方式为标签，这里用鼠标按住点二个标签，拖拽出来，也就变成2个标签了，是一回事。

 

 二、获取当前窗口句柄

    1.元素有属性，浏览器的窗口其实也有属性的，只是你看不到，浏览器窗口的属性用句柄（handle）来识别。

    2.人为操作的话，可以通过眼睛看，识别不同的窗口点击切换。但是脚本没长眼睛，它不知道你要操作哪个窗口，这时候只能句柄来判断了。

    3.获取当前页面的句柄：driver.current_window_handle

三、获取所有句柄
    1.定位赶集网招聘求职按钮，并点击
    2.点击后，获取当前所有的句柄：window_handles

 

 

四、切换句柄

网上大部分教程都是些的第一种方法，小编这里新增一个更简单的方法，直接从获取所有的句柄list里面取值。

方法一（不推荐）：

    1.循环判断是否与首页句柄相等

    2.如果不等，说明是新页面的句柄

    3.获取的新页面句柄后，可以切换到新打开的页面上

    4.打印新页面的title,看是否切换成功

方法二：

    1.直接获取all_h这个list数据里面第二个hand的值：all_h[1]

五、关闭新窗口，切回主页
   1.close是关闭当前窗口，因为此时有两个窗口，用close可以关闭其中一个，quit是退出整个进程（如果当前有两个窗口，会一起关闭）。
   2.切换到首页句柄：h
   3.打印当前页面的title，看是否切换到首页了

 

六、参考代码

# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("http://bj.ganji.com/")
h = driver.current_window_handle
print h     # 打印首页句柄
driver.find_element_by_link_text("招聘求职").click()
all_h = driver.window_handles
print all_h        # 打印所有的句柄

# 方法一：判断句柄，不等于首页就切换（不推荐此方法，太繁琐）
# for i in all_h:
#     if i != h:
#         driver.switch_to.window(i)
#         print driver.title
# 方法二：获取list里面第二个直接切换
driver.switch_to.window(all_h[1])
print driver.title
# 关闭新窗口
driver.close()
# 切换到首页句柄
driver.switch_to.window(h)
# 打印当前的title
print driver.title

2.8 定位一组元素elements

前言    
前面的几篇都是讲如何定位一个元素，有时候一个页面上有多个对象需要操作，如果一个个去定位的话，比较繁琐，这时候就可以定位一组对象。
webdriver 提供了定位一组元素的方法，跟前面八种定位方式其实一样，只是前面是单数，这里是复数形式：find_elements

本篇拿百度搜索作为案例，从搜索结果中随机选择一条搜索结果，然后点击查看。

 

一、定位搜索结果
    1.在百度搜索框输入关键字“测试部落”后，用firebug查看页面元素，可以看到这些搜索结果有共同的属性。

    2.从搜索的结果可以看到，他们的父元素一样：<h3 class="t">
    3.标签都一样，且target属性也一样：<a target="_blank" />
    4.于是这里可以用css定位（当然用xpath也是可以的）

 

二、确认定位结果
    1.前面的定位策略只是一种猜想，并不一定真正获取到自己想要的对象的，也行会定位到一些不想要的对象。
    2.于是可以获取对象的属性，来验证下是不是定位准确了。这里可以获取href属性，打印出url地址。

 

三、随机函数
    1.搜索结果有10条，从这10条中随机取一个就ok了
    2.先导入随机函数：import random
    3.设置随机值范围为0~9：a=random.randint(0~9)

 

四、随机打开url
    1.从返回结果中随机取一个url地址
    2.通过get方法打卡url
    3.其实这种方式是接口测试了，不属于UI自动化，这里只是开阔下思维，不建议用这种方法

 

五、通过click点击打开
    1.前面那种方法，是直接访问url地址，算是接口测试的范畴了，真正模拟用户点击行为，得用click的方法

# coding:utf-8
from selenium import webdriver
import random

driver = webdriver.Firefox()
driver.get("https://www.baidu.com")
driver.implicitly_wait(10)
driver.find_element_by_id("kw").send_keys(u"测试部落")
driver.find_element_by_id("kw").submit()
s = driver.find_elements_by_css_selector("h3.t>a")

# 设置随机值
t = random.randint(0, 9)
# 随机取一个结果点击鼠标
s[t].click()

 

不知道有小伙伴有没注意一个细节，前面在搜索框输入关键字后，我并没有去点击搜索按钮，而是用的submit的方法，submit相当于回车键。
具体的操作对象方法，下篇详细介绍。本篇主要学会定位一组对象，然后随机操作其中的一个。

2.9 iframe

一、frame和iframe区别
Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内嵌的框架
Iframe标记又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的<Iframe></Iframe>所包含的内容与整个页面是一个整体，而<Frame>< /Frame>所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内 容的代码。

二、案例操作：163登录界面
1.打开http://mail.163.com/登录页面

2.用firebug定位登录框

3.鼠标停留在左下角（定位到iframe位置）时，右上角整个登录框显示灰色，说明iframe区域是整个登录框区域

4.左下角箭头位置显示iframe属性<iframe id="x-URS-iframe" frameborder="0" name="" 

 三、切换iframe
1.由于登录按钮是在iframe上，所以第一步需要把定位器切换到iframe上
2.用switch_to_frame方法切换，此处有id属性，可以直接用id定位切换

 

 

四、如果iframe没有id怎么办？
1.这里iframe的切换是默认支持id和name的方法的，当然实际情况中会遇到没有id属性和name属性为空的情况，这时候就需要先定位iframe元素对象
2.定位元素还是之前的八种方法同样适用，这里我可以通过tag先定位到，也能达到同样效果

 

五、释放iframe
1.当iframe上的操作完后，想重新回到主页面上操作元素，这时候，就可以用switch_to_default_content()方法返回到主页面

 

六、如何判断元素是否在iframe上？
1.定位到元素后，切换到firepath界面
2.看firebug工具左上角，如果显示Top Window说明没有iframe
3.如果显示iframe#xxx这样的，说明在iframe上，#后面就是它的id

 

七、如何解决switch_to_frame上的横线呢？    
1.先找到官放的文档介绍

 

2.python的脚本上面划一横线，是说这个语法已经过时了（也可以继续用，只是有部分人有强迫症）。上面文档介绍说官方已经不推荐上面的写法了，用这个写法就好了driver.switch_to.frame()

八、参考代码如下：

# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("http://mail.163.com/")
driver.implicitly_wait(30)
# 切换iframe
# iframe = driver.find_element_by_tag_name("iframe")
# driver.switch_to_frame(iframe)
# driver.switch_to_frame("x-URS-iframe")
driver.switch_to.frame("x-URS-iframe")
driver.find_element_by_name("email").send_keys("123")
driver.find_element_by_name("password").send_keys("456")
# 释放iframe，重新回到主页面上
driver.switch_to.default_content()

2.10 select下拉框

本篇以百度设置下拉选项框为案例，详细介绍select下拉框相关的操作方法。

一、认识select
    1.打开百度-设置-搜索设置界面，如下图所示

 

 

    2.箭头所指位置，就是select选项框，打开页面元素定位，下方红色框框区域，可以看到select标签属性：                   

<select id="nr" name="NR">

    3.选项有三个。

<option selected="" value="10">每页显示10条</option>
<option value="20">每页显示20条</option>
<option value="50">每页显示50条</option>

二、二次定位
    1.定位select里的选项有多种方式，这里先介绍一种简单的方法：二次定位
    2.基本思路，先定位select框，再定位select里的选项            
    3.代码如下：

 

   4.还有另外一种写法也是可以的，把最下面两步合并成为一步：   

driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()

三、直接定位
    1.有很多小伙伴说firebug只能定位到select框，不能定位到里面的选项，其实是工具掌握的不太熟练。小编接下来教大家如何定位里面的选项。
    2.用firebug定位到select后，下方查看元素属性地方，点select标签前面的+号，就可以展开里面的选项内容了。

 3.然后自己写xpath定位或者css,一次性直接定位到option上的内容。（不会自己手写的，回头看前面的元素定位内容）

 

四、Select模块(index)

    1.除了上面介绍的两种简单的方法定位到select选项，selenium还提供了更高级的玩法，导入Select模块。直接根据属性或索引定位。
    2.先要导入select方法：
from selenium.webdriver.support.select import Select       
    3.然后通过select选项的索引来定位选择对应选项（从0开始计数），如选择第三个选项:select_by_index(2)

五、Select模块(value)

    1.Select模块里面除了index的方法，还有一个方法，通过选项的value值来定位。每个选项，都有对应的value值，如

<select id="nr" name="NR">
    <option selected="" value="10">每页显示10条</option>
    <option value="20">每页显示20条</option>          
    <option value="50">每页显示50条</option>
</select>

   2.第二个选项对应的value值就是"20"：select_by_value("20")

 

六、Select模块(text)
    1.Select模块里面还有一个更加高级的功能，可以直接通过选项的文本内容来定位。
    2.定位“每页显示50条”：select_by_visible_text("每页显示50条")

 

七、Select模块其它方法
    1.select里面方法除了上面介绍的三种，还有更多的功能如下：

select_by_index()  :通过索引定位
select_by_value()  :通过value值定位
select_by_visible_text() :通过文本值定位
deselect_all()          ：取消所有选项
deselect_by_index()     ：取消对应index选项
deselect_by_value()      ：取消对应value选项
deselect_by_visible_text() ：取消对应文本选项

first_selected_option()  ：返回第一个选项
all_selected_options()   ：返回所有的选项

 

八、整理代码如下：

# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
driver = webdriver.Firefox()
url = "https://www.baidu.com"
driver.get(url)
driver.implicitly_wait(20)
# 鼠标移动到“设置”按钮
mouse = driver.find_element_by_link_text("设置")
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text("搜索设置").click()
# 通过text:select_by_visible_text()
s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每页显示50条")

# # 分两步：先定位下拉框，再点击选项s = driver.find_element_by_id("nr")s.find_element_by_xpath("//option[@value='50']").click()
# # 另外一种写法                                     
driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()
# # 直接通过xpath定位
driver.find_element_by_xpath(".//*[@id='nr']/option[2]").click()
# # 通过索引：select_by_index()
s = driver.find_element_by_id("nr")
Select(s).select_by_index(2)
# # 通过value：select_by_value()
s = driver.find_element_by_id("nr")
Select(s).select_by_value("20")

2.11 alert\confirm\prompt

前言   
不是所有的弹出框都叫alert，在使用alert方法前，先要识别出到底是不是alert。先认清楚alert长什么样子，下次碰到了，就可以用对应方法解决。
alert\confirm\prompt弹出框操作主要方法有：
text：获取文本值
accept() ：点击"确认"
dismiss() ：点击"取消"或者叉掉对话框
send_keys() ：输入文本值 --仅限于prompt,在alert和confirm上没有输入框

一、认识alert\confirm\prompt
     1.如下图，从上到下依次为alert\confirm\prompt，先认清楚长什么样子，以后遇到了就知道如何操作了。

    2.html源码如下（有兴趣的可以copy出来，复制到txt文本里，后缀改成html就可以了，然后用浏览器打开）：

<html>  
   <head>
   　　<title>Alert</title>  
    </head>  
<body>  
<input id = "alert" value = "alert" type = "button" onclick = "alert('您关注了yoyoketang吗？');"/>  
<input id = "confirm" value = "confirm" type = "button" onclick = "confirm('确定关注微信公众号：yoyoketang？');"/>  
<input
id = "prompt" value = "prompt" type = "button" onclick = "var name = 
prompt('请输入微信公众号:','yoyoketang'); document.write(name) "/>    
</body>   
</html>  

二、alert操作

   1.先用switch_to_alert()方法切换到alert弹出框上
    2.可以用text方法获取弹出的文本 信息
    3.accept()点击确认按钮
    4.dismiss()相当于点右上角x，取消弹出框
   （url的路径，直接复制浏览器打开的路径）

三、confirm操作
   1.先用switch_to_alert()方法切换到alert弹出框上
    2.可以用text方法获取弹出的文本 信息
    3.accept()点击确认按钮
    4.dismiss()相当于点取消按钮或点右上角x，取消弹出框
（url的路径，直接复制浏览器打开的路径）

四、prompt操作
   1.先用switch_to_alert()方法切换到alert弹出框上
    2.可以用text方法获取弹出的文本 信息
    3.accept()点击确认按钮
    4.dismiss()相当于点右上角x，取消弹出框
    5.send_keys()这里多个输入框，可以用send_keys()方法输入文本内容
（url的路径，直接复制浏览器打开的路径）

五、select遇到的坑
    1.在操作百度设置里面，点击“保存设置”按钮时，alert弹出框没有弹出来。（Ie浏览器是可以的）
    2.分析原因：经过慢慢调试后发现，在点击"保存设置"按钮时，由于前面的select操作后，失去了焦点
    3.解决办法：在select操作后，做个click()点击操作

s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每页显示20条")
time.sleep(3)
s.click()

 

 六、最终代码

# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
import time
driver = webdriver.Firefox()
url = "https://www.baidu.com"
driver.get(url)
driver.implicitly_wait(20)
# 鼠标移动到“设置”按钮
mouse = driver.find_element_by_link_text("设置")
ActionChains(driver).move_to_element(mouse).perform()
driver.find_element_by_link_text("搜索设置").click()
# 通过text:select_by_visible_text()
s = driver.find_element_by_id("nr")
Select(s).select_by_visible_text("每页显示20条")
time.sleep(3)
s.click()
driver.find_element_by_link_text("保存设置").click()
time.sleep(5)
# 获取alert弹框
t = driver.switch_to_alert()
print t.text
t.accept()

这一篇应该比较简单，alert相关的内容比较少，虽然有一些页面也有弹窗，但不是所有的弹窗都叫alert。

alert的弹出框界面比较简洁，调用的是Windows系统弹窗警告框，没花里胡哨的东西，还是很容易区分的。

2.12 单选框和复选框（radiobox、checkbox）

本篇主要介绍单选框和复选框的操作
一、认识单选框和复选框
    1.先认清楚单选框和复选框长什么样

    2.各位小伙伴看清楚哦，上面的单选框是圆的；下图复选框是方的，这个是业界的标准，要是开发小伙伴把图标弄错了，可以先抽他了。
二、radio和checkbox源码
    1.上图的html源码如下，把下面这段复制下来，写到文本里，后缀改成.html就可以了。

 <html>  
    <head>  
    　　<meta http-equiv="content-type" content="text/html;charset=utf-8"/>  
    　　<title>单选和复选</title>  
    </head>  
    <body>  

    <h4>单选：性别</h4>  
    <form>  
    <label value="radio">男</label>   
    <input name="sex" value="male"id="boy" type="radio"><br>  
    <label value="radio1">女</label>  
    <input name="sex" value="female"id="girl" type="radio">  
    </form>  
    
    <h4>微信公众号：从零开始学自动化测试</h4> 
    <form>  
    <!-- <labelfor="c1">checkbox1</label> --> 
    <input id="c1"type="checkbox">selenium<br>  
    <!-- <labelfor="c2">checkbox2</label> -->  
    <input id="c2"type="checkbox">python<br>  
    <!-- <labelfor="c3">checkbox3</label> -->  
    <input id="c3"type="checkbox">appium<br>  
    
    <!-- <form>  
    <input type="radio" name="sex" value="male"/> Male  
    <br />  
    <input type="radio" name="sex"value="female" /> Female  
    </form> -->  
    </body>  
    </html> 

三、单选：radio
  1.首先是定位选择框的位置

 

  2.定位id，点击图标就可以了，代码如下（获取url地址方法：把上面源码粘贴到文本保存为.html后缀后用浏览器打开，在浏览器url地址栏复制出地址就可以了）
  3.先点击boy后，等十秒再点击girl，观察页面变化

 

四、复选框：checkbox
  1.勾选单个框，比如勾选selenium这个，可以根据它的id=c1直接定位到点击就可以了。

  2.那么问题来了:如果想全部勾选上呢？

五、全部勾选：
    1.全部勾选，可以用到定位一组元素，从上面源码可以看出，复选框的type=checkbox,这里可以用xpath语法：.//*[@type='checkbox']

     2.这里注意，敲黑板做笔记了：find_elements是不能直接点击的，它是复数的，所以只能先获取到所有的checkbox对象，然后通过for循环去一个个点击操作

六、判断是否选中：is_selected()
    1.有时候这个选项框，本身就是选中状态，如果我再点击一下，它就反选了，这可不是我期望的结果，那么可不可以当它是没选中的时候，我去点击下；当它已经是选中状态，我就不点击呢？那么问题来了：如何判断选项框是选中状态？
    2.判断元素是否选中这一步才是本文的核心内容，点击选项框对于大家来说没什么难度。获取元素是否为选中状态，打印结果如下图。
    3.返回结果为bool类型，没点击时候返回False,点击后返回True，接下来就很容易判断了，既可以作为操作前的判断，也可以作为测试结果的判断。

 

七、参考代码：

# coding:utf-8
from selenium import webdriver
driver = webdriver.Firefox()
driver.get("file:///C:/Users/Gloria/Desktop/checkbox.html")
# 没点击操作前，判断选项框状态
s = driver.find_element_by_id("boy").is_selected()
print s
driver.find_element_by_id("boy").click()
# 点击后，判断元素是否为选中状态
r = driver.find_element_by_id("boy").is_selected()
print r
# 复选框单选
driver.find_element_by_id("c1").click()
# 复选框全选
checkboxs = driver.find_elements_by_xpath(".//*[@type='checkbox']")
for i in checkboxs:
    i.click()

2.13 table表格定位

前言
    在web页面中经常会遇到table表格，特别是后台操作页面比较常见。本篇详细讲解table表格如何定位。
一、认识table
    1.首先看下table长什么样，如下图，这种网状表格的都是table

  2.源码如下：（用txt文本保存，后缀改成html）

<!DOCTYPE html>
<meta charset="UTF-8"> <!-- for HTML5 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>  
        <head>  
            <title>Table测试模板</title>  
              
        </head>  
        <body>  
            <table border="1" id="myTable"> 
                <tr>  
                    <th>QQ群</th>  
                    <th>QQ号</th>  
                    <th>群主</th>  
                </tr>  
                <tr>  
                    <td>selenium自动化</td>  
                    <td>232607095</td>  
                    <td>YOYO</td>  
                </tr>  
                <tr>  
                    <td>appium自动化</td>  
                    <td>512200893</td>  
                    <td>YOYO</td>  
                </tr>  
            </table>  
        </body>  
</html> 

二、table特征
    1.table页面查看源码一般有这几个明显的标签：table、tr、th、td
    2.<table>标示一个表格
    3.<tr>标示这个表格中间的一个行
    4.</th> 定义表头单元格
    5.</td> 定义单元格标签，一组<td>标签将将建立一个单元格，<td>标签必须放在<tr>标签内

三、xpath定位table
    1.举个例子：我想定位表格里面的“selenium自动化”元素，这里可以用xpath定位：.//*[@id='myTable']/tbody/tr[2]/td[1]

    2.这里定位的格式是固定的，只需改tr和td后面的数字就可以了.如第二行第一列tr[2]td[1].
对xpath语法不熟悉的可以看这篇Selenium2+python自动化7-xpath定位
四、打印表格内容
    1.定位到表格内文本值，打印出来，脚本如下：

 

 五、参考代码：

# coding:utf-8
from selenium import webdriver
import time
url = 'file:///C:/Users/Gloria/Desktop/table.html'
driver = webdriver.Firefox()
driver.get(url)
time.sleep(3)
t = driver.find_element_by_xpath(".//*[@id='myTable']/tbody/tr[2]/td[1]")
print t.text

补充说明：有些小伙伴可能会遇到table在ifame上的情况，这时候就需要先切换iframe了。

2.14 加载Firefox配置（略，已在2.1.8讲过，请查阅2.1.8节课）

2.14-1 加载Chrome配置

一、加载Chrome配置
chrome加载配置方法，只需改下面一个地方，username改成你电脑的名字（别用中文！！！）

'--user-data-dir=C:\Users\username\AppData\Local\Google\Chrome\User Data'
# coding:utf-8
from selenium import webdriver
# 加载Chrome配置
option = webdriver.ChromeOptions()
option.add_argument('--user-data-dir=C:\Users\Gloria\AppData\Local\Google\Chrome\User Data')
driver = webdriver.Chrome(chrome_options=option)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")

二、Wap测试
1.做Wap测试的可以试下，伪装成手机访问淘宝，会出现触屏版

 

# coding:utf-8
from selenium import webdriver
option = webdriver.ChromeOptions()
# 伪装iphone登录
# option.add_argument('--user-agent=iphone')
# 伪装android
option.add_argument('--user-agent=android')
driver = webdriver.Chrome(chrome_options=option)
driver.get('http://www.taobao.com/')

2.15 富文本（richtext）

前言
     富文本编辑框是做web自动化最常见的场景，有很多小伙伴不知从何下手，本篇以博客园的编辑器为例，解决如何定位富文本，输入文本内容
一、加载配置
    1.打开博客园写随笔，首先需要登录，这里为了避免透露个人账户信息，我直接加载配置文件，免登录了。
      

二、打开编辑界面
    1.博客首页地址：bolgurl = "http://www.cnblogs.com/"
    2.我的博客园地址：yoyobolg = bolgurl + "yoyoketang"
    3.点击“新随笔”按钮，id=blog_nav_newpost

三、iframe切换
    1.打开编辑界面后先不要急着输入内容，先sleep几秒钟
    2.输入标题，这里直接通过id就可以定位到，没什么难点
    3.接下来就是重点要讲的富文本的编辑，这里编辑框有个iframe，所以需要先切换

（关于iframe不懂的可以看前面这篇：<iframe>）

 

 四、输入正文
    1.这里定位编辑正文是定位上图的红色框框位置body部分，也就是id=tinymce

    2.定位到之后，直接send_keys()方法就可以输入内容了

    3.有些小伙伴可能输入不成功，可以在输入之前先按个table键，send_keys(Keys.TAB)

五、参考代码：

# coding:utf-8
from selenium import webdriver
from selenium.webdriver.common.keys import Keys
import time
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)

bolgurl = "http://www.cnblogs.com/"
yoyobolg = bolgurl + "yoyoketang"
driver.get(yoyobolg)

driver.find_element_by_id("blog_nav_newpost").click()
time.sleep(5)
edittile = u"Selenium2+python自动化23-富文本"
editbody = u"这里是发帖的正文"
driver.find_element_by_id("Editor_Edit_txbTitle").send_keys(edittile)

driver.switch_to.frame("Editor_Edit_EditorBody_ifr")
driver.find_element_by_id("tinymce").send_keys(Keys.TAB)
driver.find_element_by_id("tinymce").send_keys(editbody)

2.16-1 非input文件上传（SendKeys）

前言
不少小伙伴问非input标签如何上传文档，这个本身就是一坑，无奈很多小伙伴非要跳坑里去，那就介绍一个非主流的上传文件方法吧，用第三方库SendKeys.
 
一、SendKeys安装
1.pip安装SendKeys
>pip install SendKeys

2.在安装的时候如果你出现上面保存，先别急着截图贴群求大神，上面已经告诉解决办法了：Get it from http://aka.ms/vcpython27
3.按上面给的地址下载文件，一路傻瓜式安装就行
4.出现如下界面，说明安装成功了

二、参考代码
1.以下代码在Chrom浏览器上是运行通过的，要先登录博客园记住密码，然后加载配置免登录
2.chrome加载配置方法，只需改下面一个地方，username改成你电脑的名字（别用中文！！！）

'--user-data-dir=C:\Users\username\AppData\Local\Google\Chrome\User Data'

3.后面两次回车，是因为搜狗输入法，第一个回车是确认输入，第二个是确定选中的文件

４.这里点文件上传按钮也是一个坑，用工具定位的这个元素，点击有问题，所以我改用它父元素定位了

# coding:utf-8
from selenium import webdriver
import SendKeys
import time
# 加载Firefox配置
# profileDir = r'C:\Users\xxxAppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
# profile = webdriver.FirefoxProfile(profileDir)
# driver = webdriver.Firefox(profile)
# 加载Chrome配置
option = webdriver.ChromeOptions()
option.add_argument('--user-data-dir=C:\Users\xxxAppData\Local\Google\Chrome\User Data')
driver = webdriver.Chrome(chrome_options=option)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")
driver.find_element_by_link_text("新随笔").click()
time.sleep(3)
# 点开编辑器图片
driver.find_element_by_css_selector("img.mceIcon").click()
time.sleep(3)
# 定位所有iframe,取第二个
iframe = driver.find_elements_by_tag_name('iframe')[1]
# 切换到iframe上
driver.switch_to_frame(iframe)
# 文件路径
time.sleep(2)
driver.find_element_by_class_name("qq-upload-button").click()
# driver.find_element_by_name("file").click()   ＃　这里点文件上传按钮也是一个坑，我用它父元素定位了，参考上面一行
time.sleep(5)
# SendKeys方法输入内容
SendKeys.SendKeys("D:\\test\\jie1\\blog\\12.png")  # 发送文件地址
time.sleep(1)
SendKeys.SendKeys("{ENTER}")   # 发送回车键
time.sleep(1)
SendKeys.SendKeys("{ENTER}")    #　因为我的电脑是搜索输入法，所以多看一次回车
# driver.quit()

（备注：这里Firefox上运行有个坑，第二次回车失效了，这个暂时没想到好的解决办法）
只能说处处都是坑，且用且珍惜！

2.16 文件上传（send_keys)

前言
文件上传是web页面上很常见的一个功能，用脚本去实现文件上传却不是那么简单。
一般分两个场景：一种是input标签，这种可以用selenium提供的send_keys()方法轻松解决；
另外一种非input标签实现起来比较困难，可以借助autoit工具或者SendKeys第三方库。
本篇以博客园的上传图片为案例，通过send_keys()方法解决文件上传问题
一、识别上传按钮
1.点开博客园编辑器里的图片上传按钮，弹出”上传本地图片”框。
2.用firebug查看按钮属性，这种上传图片按钮有个很明显的标识，它是一个input标签，并且type属性的值为file。只要找到这两个标识，我们就可以直接用send_keys()方法上传文件了。

 

 

二、定位iframe
1.这里定位图片上传按钮情况有点复杂，首先它是在iframe上。
2.这个iframe的id是动态的，且没有name属性，其它属性也不是很明显。
3.通过搜索发现，这个页面上有两个iframe，需要定位的这个iframe是处于第二个位置。

 

4.可以通过标签定位所有的iframe标签，然后取对应的第几个就可以了。

 

三、文件上传

1.先定位到文件上传按钮，直接调用send_keys()方法就可以实现啦

# coding:utf-8
from selenium import webdriver
import time
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")
driver.find_element_by_link_text("新随笔").click()
time.sleep(3)
# 点开编辑器图片
driver.find_element_by_css_selector("img.mceIcon").click()
time.sleep(3)
# 定位所有iframe,取第二个
iframe = driver.find_elements_by_tag_name('iframe')[1]
# 切换到iframe上
driver.switch_to_frame(iframe)


 

三、文件上传

1.先定位到文件上传按钮，直接调用send_keys()方法就可以实现啦

   
   


    
    
# coding:utf-8
from selenium import webdriver
import time
profileDir = r'C:\Users\Gloria\AppData\Roaming\Mozilla\Firefox\Profiles\1x41j9of.default'
profile = webdriver.FirefoxProfile(profileDir)
driver = webdriver.Firefox(profile)
driver.implicitly_wait(30)
driver.get("http://www.cnblogs.com/yoyoketang/")
driver.find_element_by_link_text("新随笔").click()
time.sleep(3)
# 点开编辑器图片
driver.find_element_by_css_selector("img.mceIcon").click()
time.sleep(3)
# 定位所有iframe,取第二个
iframe = driver.find_elements_by_tag_name('iframe')[1]
# 切换到iframe上
driver.switch_to_frame(iframe)
# 文件路径
driver.find_element_by_name('file').send_keys(r"D:\test\xuexi\test\14.png")

   
   

非input标签的文件上传，就不适用于此方法了，需要借助autoit工具或者SendKeys第三方库。

2.17 获取元素属性

前言

通常在做断言之前，都要先获取界面上元素的属性，然后与期望结果对比。本篇介绍几种常见的获取元素属性方法。

一、获取页面title

1.有很多小伙伴都不知道title长在哪里，看下图左上角。



 

2.获取title方法很简单，直接driver.title就能获取到。



二、获取元素的文本

1.如下图这种显示在页面上的文本信息，可以直接获取到

2.查看元素属性：<a id="setf" target="_blank" onmousedown="return ns_c({'fm':'behs','tab':'favorites','pos':0})

" href="//www.baidu.com/cache/sethelp/help.html">把百度设为主页</a>



3.通过driver.text获取到文本



三、获取元素的标签

1.获取百度输入框的标签属性



 

四、获取元素的其它属性

1.获取其它属性方法:get_attribute("属性")，这里的参数可以是class、name等任意属性

2.如获取百度输入框的class属性



五、获取输入框内的文本值