你正在学 Web 自动化测试？Selenium 基本操作你了解嘛？

旧城等待， 2022-12-03 02:25 125阅读 0赞

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

在自动化测试中，我们都知道是通过定位元素来实现的，那么有时候我们定位元素定位不到是为什么呢？  
1、页面出现了 iframe；  
2、出现了新的窗口，没有实现句柄的切换；  
3、三种等待方式，没有选择其中之一来使用，元素没有被加载出来。

**iframe**  
iframe 既是一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。  
通俗点就是网页中的嵌套网页，如果我们在做自动化测试中，需要定位的元素包含在了 iframe 内联框架里，那么我们就需要跳进 iframe ，如果说还需要做后续的操作，但后续的元素不在 iframe 中，这时候就需要再跳出 iframe 。

**我们现在都知道了什么是 iframe ，那么接下来我们拿126邮箱登录做下示例。**

我们看看网页中的 iframe 长什么样：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 1]

可以清楚的看到，当我把鼠标放到这里时，iframe 元素的将整个登录覆盖到了，那么这时候，就需要用到 Iframe 的跳入。

**iframe 的跳入，我这里简单归纳了三种，其中两种以126登录为例，一种为一号店登录方式为QQ中的账号密码登录。**

**方式一：**

from selenium import webdriver
    #实例化驱动
    driver =webdriver.Chrome()
    #隐式等待：
    driver.implicitly_wait(20)
    # 打开网页：
    driver.get('https://www.126.com/')
    #跳进iframe,根据获取标签名来通过下标跳进
    
    iframes=driver.find_elements_by_tag_name('iframe')
    driver.switch_to.frame(iframes[0])
    
    inputs = driver.find_elements_by_tag_name('input')
    for i in inputs:
        if i.get_attribute('placeholder') =='邮箱帐号或手机号码':
            i.send_keys('123456')
        elif i.get_attribute('placeholder') =='输入密码':
            i.send_keys('456789')
            break
    driver.find_element_by_id('dologin').click()

**方式二：**

from selenium import webdriver
    #实例化驱动
    driver =webdriver.Chrome()
    #隐式等待：
    driver.implicitly_wait(20)
    # 打开网页：
    driver.get('https://www.126.com/')
    #跳进iframe,方式二，逐层定位，跳进iframe，先定为父级唯一元素，再定位包含子元素来跳进
    
    divs = driver.find_element_by_id('loginDiv')
    driver.switch_to.frame(divs.find_element_by_tag_name('iframe'))
    
    inputs = driver.find_elements_by_tag_name('input')
    for i in inputs:
        if i.get_attribute('placeholder') =='邮箱帐号或手机号码':
            i.send_keys('123456')
        elif i.get_attribute('placeholder') =='输入密码':
            i.send_keys('456789')
            break
    driver.find_element_by_id('dologin').click()

**方式三：**  
因为126登录中，我尝试了用 get\_attribute 方式来跳进，但是通过获取 frameborder=“0” 这个元素名与值在 iframe 中跳进是不支持的，而且它的其他元素，比如 ID 是自增类型，那么我们在实际操作中，如果存在很多iframe，但有些元素是唯一的，那么还是可以更便捷一点，这里举例一号店登录方式中的QQ登录，以账户密码登录方式。

from selenium import webdriver
    #实例化驱动
    driver = webdriver.Chrome()
    #隐式等待
    driver.implicitly_wait(20)
    #打开126登录页面：
    driver.get('https://passport.yhd.com/passport/login_input.do')
    #点击QQ登录
    driver.find_element_by_class_name('iconfont').click()
    #句柄切换：
    driver.switch_to.window(driver.window_handles[-1])
    #跳进iframe方式三：先获取所有的iframe的标签名
    iframes = driver.find_elements_by_tag_name('iframe')
    for i in iframes:
        #循环查找符合条件的那一组iframe
        if i.get_attribute('width') =='370':
            #跳进我想要跳进的iframe
            driver.switch_to.frame(i)
    #点击账号密码登录
    driver.find_element_by_id('switcher_plogin').click()

**跳出 iframe**

#跳出iframe： 回到默认的上下文
    driver.switch_to.default_content()

**总结：**  
其实，只要定位到了 iframe 元素，无论那种方式，都可以跳进或者你有更好的办法都可以，我相信大家都会有比我更敏捷的方法！

**什么是句柄？**

通俗点讲，句柄就是浏览器中的窗口。我们都知道，一个浏览器可以打开很多个页面，那么在没有关闭的情况下，它会一个个展示在浏览器的上方，我们可以通过点击它来切换回历史打开的窗口。

那么在自动化测试中，是叫做句柄，也就是说，在打开很多个窗口的时候，我们的测试工具它是不知道具体你要操作的是哪一个窗口？  
所以这里，就涉及到了句柄切换。

这里也是拿一号店来举例，我们在进入一号店登录页面后，点击QQ的方式来登录，就会弹出新的窗口，这时候就需要切换到我们具体想要操作的窗口：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 2]  
那么，我想要切进QQ账号安全登录应该怎么做呢？

**代码演示：**

from selenium import webdriver
    #实例化驱动
    driver = webdriver.Chrome()
    #隐式等待
    driver.implicitly_wait(20)
    #打开126登录页面：
    driver.get('https://passport.yhd.com/passport/login_input.do')
    #点击QQ登录
    driver.find_element_by_class_name('iconfont').click()
    #句柄切换： 这里先是收集所有的窗口，以列表的形式展示
    wins = driver.window_handles
    #这里打印下它（具体操作不需要打印，这里是为了更直观的让您了解它）
    print(wins) 
    #之后具体切换我们想要的哪一个，比如你想要将操作实时保持在最前，那-1就可以咯
    driver.switch_to.window(wins[-1])

**句柄打印结果：**  
![在这里插入图片描述][20200901162438228.png_pic_center]  
如果还想要切换回去，那么你就根据下标来切换就好啦。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 3]  
**Select下拉框**

在自动化测试中，我们有三种方法可以进行下拉选择：  
这里举例携程网中国内酒店的三个下拉框：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 4]  
在下拉框中有三种定位方式：

**方式一**

代码展示：

from selenium import webdriver
    #实例化驱动
    driver = webdriver.Chrome()
    #隐式等待
    driver.implicitly_wait(20)
    #打开携程页面：
    driver.get('https://www.ctrip.com/')
    from selenium.webdriver.support.ui import Select  #导入Select下拉框
    #方式一： 根据index下标来选择房间数：
    
    #先定位到房间数
    fj = driver.find_element_by_id('J_roomCountList')
    
    #实例化select
    select1 = Select(fj)
    
    #根据下标来选择房间数为2的 因为第一个下标为0，房间数为1，所以第二个下标为1，房间数为2
    select1.select_by_index(1)

**方式二，根据Value元素值来切换**

元素信息展示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 5]  
**代码实现**

from selenium import webdriver
    #实例化驱动
    driver = webdriver.Chrome()
    #隐式等待
    driver.implicitly_wait(20)
    #打开携程页面：
    driver.get('https://www.ctrip.com/')
    from selenium.webdriver.support.ui import Select  #导入Select下拉框
    #方式二： 根据value值来选择房间数：
    
    #先定位到房间数
    fj = driver.find_element_by_id('J_roomCountList')
    
    #实例化select
    select1 = Select(fj)
    
    #根据元素value的值来进行房间数的切换，这里切换为value值2的，也是
    #房间数为2
    select1.select_by_value('2')

**方式三**

使用 visible\_text() 文本信息输入的方式来进行下拉框选择：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 6]  
**代码实现**

from selenium import webdriver
    #实例化驱动
    driver = webdriver.Chrome()
    #隐式等待
    driver.implicitly_wait(20)
    #打开携程页面：
    driver.get('https://www.ctrip.com/')
    from selenium.webdriver.support.ui import Select  #导入Select下拉框
    #方式三： 根据文本内容来选择房间数：
    
    #先定位到房间数
    fj = driver.find_element_by_id('J_roomCountList')
    
    #实例化select
    select1 = Select(fj)
    
    #复制页面中的文本信息就可以,使用visible_text方式
    select1.select_by_visible_text('3间')

\*\*

## Alert弹窗处理 ##

\*\*  
对页面进行操作后，出现的弹窗提示进行处理。  
这里我拿首页百度中的----设置—搜索设置–保存设置—对弹窗处理，这一个流程做示例；  
首先要悬浮到这个元素：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 7]  
点击搜索设置，之后点击保存设置，对弹窗进行处理。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 8]  
在Alter中，有两种处理方式，一个为确定，一个为取消。

对弹出框进行确定操作，代码演示：

from selenium import webdriver
    #实例化驱动
    driver = webdriver.Chrome()
    #隐式等待
    driver.implicitly_wait(20)
    #打开携程页面：
    driver.get('http://www.baidu.com')
    from selenium.webdriver.common.action_chains import ActionChains #导入鼠标悬浮模块
    #将鼠标悬浮在设置上
    set = driver.find_element_by_id('s-usersetting-top')
    ActionChains(driver).move_to_element(set).perform()
    #点击搜索设置
    driver.find_element_by_class_name('setpref').click()
    #点击保存设置
    driver.find_element_by_class_name('prefpanelgo').click()
    #对弹窗进行确定操作
    alert = driver.switch_to.alert
    alert.accept()

**对弹出框做取消操作**

代码演示：

#对弹窗进行取消操作
    alert = driver.switch_to.alert
    alert.dismiss()

以上就是Selenium的几种常见操作整理。  
【END】  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 9]

上面是我收集的一些视频资源，在这个过程中帮到了我很多。如果你不想再体验一次自学时找不到资料，没人解答问题，坚持几天便放弃的感受的话，可以加入我们群【1033482984】，里面有各种软件测试资源和技术讨论。

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

当然还有面试，面试一般分为技术面和hr面，形式的话很少有群面，少部分企业可能会有一个交叉面，不过总的来说，技术面基本就是考察你的专业技术水平的，hr面的话主要是看这个人的综合素质以及家庭情况符不符合公司要求，一般来讲，技术的话只要通过了技术面hr面基本上是没有问题（也有少数企业hr面会刷很多人）  
我们主要来说技术面，技术面的话主要是考察专业技术知识和水平，上面也是我整理好的精选面试题。  
加油吧，测试人！如果你需要提升规划，那就行动吧，在路上总比在起点观望的要好。事必有法，然后有成。  
资源不错就给个推荐吧~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/83d89dfa240249dc82a74da0a8ce8a7b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/3611539bd2c24d33b431d957accc6160.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/44af1393732e4c8ebc563495d23d04f6.png
[20200901162438228.png_pic_center]: /images/20221123/4a79337bb9dc40989677eb29c207535a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/e115115137b341c89757e009f587decf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/eeb1bc06e4a94e0ca5eccead69a59a0a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/c2e80f8ee2f64a4ab138204a246e9929.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/c9b2d913fcc442fab9005f3ed7777ddd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/9c8482c81b2e4d2ab4af66ce29eea989.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/aa20c5d859da4fc6aa00fe563091f116.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/765f42bccfbf4a68b6fbcee3fcf4bf35.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUX0xhblRpYW4_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/93a798260e664622a1c358c7d3a37d91.png