selenium - 基本使用

超、凢脫俗 2023-07-06 13:03 26阅读 0赞

Selenium是一个用于Web应用程序**测试**的工具。Selenium测试直接运行在浏览器中，就像真正的用户在操作一样。**selenium兼容大多数常用的浏览器**。这个工具的主要功能包括：测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。

--------------------

# 1、Web自动化测试环境搭建：Chrome浏览器 #

安装教程请[点击这里][Link 1]。

from selenium import webdriver
    from selenium.webdriver import ActionChains
    from selenium.webdriver.chrome.options import Options
    from selenium.webdriver.support.wait import WebDriverWait
    
    options = Options()
    # 本地chrome的路径
    options.binary_location = 'C:\\Program Files (x86)\\Google\Chrome\\Application\\chrome.exe'
    # 打开一个浏览器
    browser = webdriver.Chrome(executable_path='D:\\softwarePacket\\chromedriver_win32\\chromedriver.exe')

此时，本地**自动打开**一个chrome浏览器。  
![在这里插入图片描述][20200218220431755.png]

--------------------

# 2、使用selenium中的webdriver模块对浏览器进行操作 #

更详细的使用请参看：[官方文档][Link 2]

browser.get('http://www.baidu.com')			# 打开一个网页
    
    element = browser.find_element_by_id('kw')	# 定位一个元素,百度输入框
    
    element.send_keys('查找的内容')				# 向搜索框输入的内容
    element.clear()								# 清空搜索框的内容
    
    button = browser.find_element_by_id('su')	# 定位搜索框	
    button.click()								# 点击
    
    browser.back()								# 后退

--------------------

# 3、webdriver模块对浏览器进行操作：元素定位 #

### 3.1 **webdriver API** ： ###

<table> 
 <thead> 
  <tr> 
   <th>元素名称</th> 
   <th>webdriver API</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>id</td> 
   <td><code>find_element_by_id()</code></td> 
  </tr> 
  <tr> 
   <td>name</td> 
   <td><code>find_element_by_name()</code></td> 
  </tr> 
  <tr> 
   <td>class name</td> 
   <td><code>find_element_by_class_name()</code></td> 
  </tr> 
  <tr> 
   <td>tag name</td> 
   <td><code>find_element_by_tag_name()</code></td> 
  </tr> 
  <tr> 
   <td>link text</td> 
   <td><code>find_element_by_link_text()</code></td> 
  </tr> 
  <tr> 
   <td>partial link text</td> 
   <td><code>find_element_by_partial_link_text()</code></td> 
  </tr> 
  <tr> 
   <td>xpath</td> 
   <td><code>find_element_by_xpath()</code></td> 
  </tr> 
  <tr> 
   <td>css selector</td> 
   <td><code>find_element_by_css_selector()</code></td> 
  </tr> 
 </tbody> 
</table>

### 3.2 Xpath定位元素 ###

W3School：[xpath语法][xpath]

#### 3.2.1 定位元素 ####

<table> 
 <thead> 
  <tr> 
   <th>表达式</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>nodename</td> 
   <td>选取此节点的所有子节点。</td> 
  </tr> 
  <tr> 
   <td><code>/</code></td> 
   <td>从根节点选取。</td> 
  </tr> 
  <tr> 
   <td><code>//</code></td> 
   <td>从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置。</td> 
  </tr> 
  <tr> 
   <td><code>.</code></td> 
   <td>选取当前节点。</td> 
  </tr> 
  <tr> 
   <td><code>..</code></td> 
   <td>选取当前节点的父节点。</td> 
  </tr> 
  <tr> 
   <td><code>@</code></td> 
   <td>选取属性。</td> 
  </tr> 
 </tbody> 
</table>

**使用绝对路径**

element = browser.find_element_by_xpath('/html/head/title')			# 定位title
    print(element.text)
    
    element = browser.find_element_by_xpath('/html/body/form/input')
    firstname = element.get_attribute('name')
    print(firstname )
    
    input1= browser.find_element_by_xpath('/html/body/form/input[1]')
    input2= browser.find_element_by_xpath('/html/body/form/input[2]')

**使用相对路径**

element = browser.find_element_by_xpath('//title')			# 
    print(element.text)
    
    input1= browser.find_element_by_xpath('//input')	# 默认返回找到的第一个
    firstname = element.get_attribute('name')
    print(firstname )

**相对路径+绝对路径**：

input1= browser.find_element_by_xpath('//form/input[1]')
    input2= browser.find_element_by_xpath('//form/input[2]')

#### 3.2.2 谓词 ####

谓语用来查找某个特定的节点或者包含某个指定的值的节点。

谓语被嵌在方括号中。

<table> 
 <thead> 
  <tr> 
   <th>路径表达式</th> 
   <th>结果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>/bookstore/book[1]</code></td> 
   <td>选取属于 bookstore 子元素的第一个 book 元素。</td> 
  </tr> 
  <tr> 
   <td><code>/bookstore/book[last()]</code></td> 
   <td>选取属于 bookstore 子元素的最后一个 book 元素。</td> 
  </tr> 
  <tr> 
   <td><code>/bookstore/book[last()-1]</code></td> 
   <td>选取属于 bookstore 子元素的倒数第二个 book 元素。</td> 
  </tr> 
  <tr> 
   <td><code>/bookstore/book[position() &lt; 3]</code></td> 
   <td>选取最前面的两个属于 bookstore 元素的子元素的 book 元素。</td> 
  </tr> 
  <tr> 
   <td><code>//title[@lang]</code></td> 
   <td>选取所有拥有名为 lang 的属性的 title 元素。</td> 
  </tr> 
  <tr> 
   <td><code>//title[@lang='eng']</code></td> 
   <td>选取所有 title 元素，且这些元素拥有值为 eng 的 lang 属性。</td> 
  </tr> 
  <tr> 
   <td><code>/bookstore/book[price&gt;35.00]</code></td> 
   <td>选取 bookstore 元素的所有 book 元素，且其中的 price 元素的值须大于 35.00。</td> 
  </tr> 
  <tr> 
   <td><code>/bookstore/book[price&gt;35.00]/title</code></td> 
   <td>选取 bookstore 元素中的 book 元素的所有 title 元素，且其中的 price 元素的值须大于 35.00。</td> 
  </tr> 
 </tbody> 
</table>

#### 3.2.3 使用统计函数 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk5OTMyNw_size_16_color_FFFFFF_t_70]

--------------------

# 4、ActionChains类与输入事件 #

更多**案例**请点击[Selenium之动作链（ActionChains）][Selenium_ActionChains]

### ActionChains基本用法 ###

首先需要了解`ActionChains`的**执行原理**，当你调用`ActionChains`的方法时，不会立即执行，而是会将所有的操作按顺序存放在一个**队列**里，当你调用`perform()`方法时，队列中的事件会依次执行。

这种情况下我们可以有两种调用方法：

*  链式写法

from selenium.webdriver import ActionChains
    
    menu = driver.find_element_by_css_selector(".nav")
    hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")
    ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()

*  分步写法

menu = driver.find_element_by_css_selector(".nav")
    hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")
    actions = ActionChains(driver)
    actions.move_to_element(menu)
    actions.click(hidden_submenu)
    actions.perform()

### ActionChains方法列表 ###

鼠标事件：

click(on_element=None) 					 ——单击鼠标左键
    click_and_hold(on_element=None)			 ——点击鼠标左键，不松开
    context_click(on_element=None)			 ——点击鼠标右键
    double_click(on_element=None) 			 ——双击鼠标左键
    drag_and_drop(source, target) 			 ——拖拽到某个元素然后松开
    drag_and_drop_by_offset(source, xoffset, yoffset) ——拖拽到某个坐标然后松开
    move_by_offset(xoffset, yoffset) 		 ——鼠标从当前位置移动到某个坐标
    move_to_element(to_element)				 ——鼠标移动到某个元素
    move_to_element_with_offset(to_element, xoffset, yoffset) ——移动到距某个元素（左上角坐标）多少距离的位置
    perform() 								 ——执行链中的所有动作
    release(on_element=None)				 ——在某个元素位置松开鼠标左键

键盘事件：

key_down(value, element=None) 			 		——按下某个键盘上的键
    key_up(value, element=None) 			 		——松开某个键
    send_keys(*keys_to_send) 					    ——发送某个键到当前焦点的元素
    send_keys_to_element(element, *keys_to_send)    ——发送某个键到指定元素

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk5OTMyNw_size_16_color_FFFFFF_t_70 1]

--------------------

# 5、selenium的三种等待方式 #

我们在做WEB自动化时，一般要等待页面元素加载完成后，才能执行操作，否则会报找不到元素的错误，这样就要求我们在有些场景下加等待时间。

我们平常用到的有三种等待方式：

*  强制等待
 *  隐式等待
 *  显示等待

细节请[点击][Link 3]。

--------------------

# 6、处理alter对象 #

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>swich_to_altert()</code></td> 
   <td>切换到alert</td> 
  </tr> 
  <tr> 
   <td><code>accept</code></td> 
   <td>确认</td> 
  </tr> 
  <tr> 
   <td><code>dismiss</code></td> 
   <td>取消</td> 
  </tr> 
  <tr> 
   <td><code>send_keys()</code></td> 
   <td>有输入框才能使用，否则会报错</td> 
  </tr> 
 </tbody> 
</table>

driver.switch_to_alert().accept()  # 点击弹出里面的确定按钮

[Link 1]: https://blog.csdn.net/weixin_43999327/article/details/104364766
[20200218220431755.png]: https://img-blog.csdnimg.cn/20200218220431755.png
[Link 2]: https://selenium.dev/documentation/en/
[xpath]: https://www.w3school.com.cn/xpath/xpath_syntax.asp
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk5OTMyNw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200218112121595.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk5OTMyNw==,size_16,color_FFFFFF,t_70
[Selenium_ActionChains]: https://www.cnblogs.com/lxbmaomao/p/10389786.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk5OTMyNw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200218120123191.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk5OTMyNw==,size_16,color_FFFFFF,t_70
[Link 3]: https://blog.csdn.net/weixin_43999327/article/details/104385095