【Web自动化测试】（六）Selenium中表单、多窗口、多frame、多浏览器等场景处理方法

已于 2022-11-23 13:26:30 修改
阅读量1.4k 收藏 12
点赞数 3
分类专栏： WEB自动化测试 文章标签： selenium python 测试工具
于 2021-10-25 16:28:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gjj920318/article/details/120565627
版权

相关文章链接：
【Web自动化测试】（一）Selenium介绍及安装部署说明
【Web自动化测试】（二）使用selenium编写测试用例
【Web自动化测试】（三）Selenium中控件定位方法
【Web自动化测试】（四）Selenium中WEB控件交互的方法
【Web自动化测试】（五）Selenium中的三种等待方式
【Web自动化测试】（七）selenium中执行JavaScript脚本
【web自动化测试】（八）cookie复用

目录

前言：
本文为在霍格沃兹测试开发学社中学习到的一些技术，写出来分享给大家，希望有志同道合的小伙伴可以一起交流技术，一起进步。

在前面的文章中，我们讲述了WEB控件定位和WEB控件交互的方法，下面就为大家介绍几种我们在进行WEB自动化过程中常见的场景的处理方法。

1.表单操作

  1. 什么是表单
    表单是一个包含表单元素的区域；
    表单元素是允许用户在表单中(比如：文本域、下来列表、单元框、复选框等等)输入信息的元素；
    表单使用表单标签(<form>)定义。例如：<form><input /></form>
    在这里插入图片描述

  2. 操作表单元素的步骤
    首先要定位到表单元素；
    然后去操作元素(清空、输入或者点击等)。

  3. 示例
    测试用例步骤：
    1.打开百度；
    2.点击“登录”；
    3.在弹出的表单中输入用户名和密码；
    4.点击表单中的“登录”，提交表单。

from time import sleep
from selenium import webdriver

class TestDemo:
    def setup(self):
        self.driver=webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)

    def teardown(self):
        self.driver.quit()

    def test_form(self):
        self.driver.get("https://www.baidu.com")

        #点击登录
        self.driver.find_element_by_id("s-top-loginbtn").click()

        #输入账号
        self.driver.find_element_by_id("TANGRAM__PSP_11__userName").send_keys("CSDN_demo")
        #输入密码
        self.driver.find_element_by_id("TANGRAM__PSP_11__password").send_keys("111111")
        #点击表单中的登录
        self.driver.find_element_by_id("TANGRAM__PSP_11__submit").click()

        #停止3秒为了看结果
        sleep(3)

2.多窗口处理

  1. 说明
    点击某些链接，会重新开发一个窗口，对于这种情况，向在新页面上操作，就得先切换窗口了。
    窗口的唯一标识用句柄标识，因此只需要切换句柄，就可以在多个页面灵活操作了。
  2. 处理流程
    第一步：先获取当前的窗口句柄(driver.current_window_handle)；
    第二步：再获取到所有的窗口句柄(driver.window_handles)；
    第三步：判断是想要操作的窗口，如果是，可以对窗口进行操作；如果不是，跳转到另外一个窗口，对另外一个窗口进行操作(driver.switch_to_window)。
  3. 示例
from time import sleep
from selenium import webdriver
from selenium.webdriver import ActionChains


class TestDemo:
    def setup(self):
        self.driver=webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)

    def teardown(self):
        self.driver.quit()

    def test_windows(self):
        self.driver.get("https://www.baidu.com/")
        #shiyong ActionChains进行操作
        action=ActionChains(self.driver)

        #点击百度首页右上角的登录
        element_login =self.driver.find_element_by_link_text("登录")
        action.click(element_login).perform() #点击百度“登录”

        #点击表单中的立即注册
        # 注意：当操作后有新窗口或者浮层出现的话，不能吧所有操作做完之后一起preform  这样会导致窗口无法正常弹出，影响下一个步骤的元素查找
        element_register = self.driver.find_element_by_link_text("立即注册")
        action.click(element_register).perform()
        #会有新窗口呈现 因此立即perform

        #获取当前所有窗口句柄
        windowsall=self.driver.window_handles #获取所有窗口句柄
        #打印获取句柄内容，主要是为了让大家看返回的窗口句柄是啥类型的，可以去掉
        print(windowsall)
        # 切换到注册窗口，即最后一个窗口句柄
        self.driver.switch_to.window(windowsall[-1])

        #输入注册名
        element_username = self.driver.find_element_by_id('TANGRAM__PSP_4__userName')
        element_username.send_keys("CSDN_demo")
        #暂停三秒，主要是为了观察当前页面是个啥情况，可以去掉
        sleep(3)

        #切换到登录窗口，即第一个窗口句柄
        self.driver.switch_to.window(windowsall[0])

        #下面开始进行正常的登录操作
        #输入用户名
        element_userloginname = self.driver.find_element_by_id('TANGRAM__PSP_11__userName')
        element_userloginname.send_keys("CSDN_demo")
        #输入密码
        element_userloginpassword = self.driver.find_element_by_id('TANGRAM__PSP_11__password')
        element_userloginpassword.send_keys("111111")
        #点击登录，提交表单
        element_loginbutton = self.driver.find_element_by_id('TANGRAM__PSP_11__submit')
        action.click(element_loginbutton).perform()
        # 暂停三秒，主要是为了观察当前页面是个啥情况，可以去掉
        sleep(3)

3.多frame处理

  1. 说明
    在web自动化中，如果一个元素定位不到那么很大可能是在iframe中。
    1. 什么是frame？
      frame是和html中的框架，在html中，所谓的框架就是可以在同一个浏览器中显示不止一个页面。
      基于html的框架，有分为垂直框架和水平框架。
    2. frame分类
      fram标签包含frameset、frame、iframe三种；
      frameset和普通标签一样，不会影响正常的定位，可以使用index、id、name、webelement任意种方式定位frame；
      而frame与iframe对selenium定位而言是一样的，selenium有一组方法对frame进行操作。
  2. 多frame切换
    1. frame存在两种
      一种是嵌套的，一种是未嵌套的
    2. 切换frame
      dirver.switch_to.frame()：根据元素id或者index切换frame
      dirver.switch_to.default_content ()：切换到默认frame
      dirver.switch_to.parent_frame() ：切换到父级frame
    3. 处理嵌套的iframe
      处理嵌套的iframe可以先进入到ifame的父frame，再进到子frame，然后可以对子节点里面的对应对象进行处理和操作
  3. 示例
from time import sleep
from selenium import webdriver
from selenium.webdriver import ActionChains


class TestDemo:
    def setup(self):
        self.driver=webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)

    def teardown(self):
        self.driver.quit()

    def test_frame_drag(self):

        self.driver.get("https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable")
        #切换到iframe中
        self.driver.switch_to.frame('iframeResult')
        #定位元素
        el_draggable = self.driver.find_element_by_id('draggable')
        el_droppable = self.driver.find_element_by_id('droppable')

        action = ActionChains(self.driver)
        #使用ActionChains进行拖拽操作
        action.click_and_hold(el_draggable).move_to_element(el_droppable).perform()  # 不要忘记调用perform()
        sleep(3)
        #在将frame切换到默认的frame
        self.driver.switch_to.default_content()
        #点击确定
        el_submit = self.driver.find_element_by_id('submitBTN')
        print(el_submit.text)

4.多浏览器处理

  1. 说明
    在WEB自动化测试中，我们常使用不对的浏览器记性兼容性测试。在代码中传入不同的浏览器参数，即可实现多种类浏览器处理。
  2. 示例
import os
from time import sleep
from selenium import webdriver

class TestDemo:
    def setup(self):
        option = webdriver.ChromeOptions()
        option.add_experimental_option('w3c', False)

        #通过在终端给browser参数赋值，来判断使用使用浏览器运行测试用例
        browser=os.getenv("browser")
        print("browser",browser)
        #值为firefox则使用Firefox运行
        if browser=="firefox":
            self.driver=webdriver.Firefox()
        #值为headless，则使用PhantomJS运行
        elif browser =='headless':
            self.driver=webdriver.PhantomJS()
        #其他情况使用chrome，及默认的话也为chrome
        else:
            self.driver = webdriver.Chrome(options=option)
        self.driver.implicitly_wait(10)
        self.driver.maximize_window()

    def teardown(self):
        self.driver.quit()

    def test_form(self):
        self.driver.get("https://www.baidu.com")

        #点击登录
        self.driver.find_element_by_id("s-top-loginbtn").click()

        #输入账号
        self.driver.find_element_by_id("TANGRAM__PSP_11__userName").send_keys("CSDN_demo")
        #输入密码
        self.driver.find_element_by_id("TANGRAM__PSP_11__password").send_keys("111111")
        #点击表单中的登录
        self.driver.find_element_by_id("TANGRAM__PSP_11__submit").click()

        #停止3秒为了看窗口情况，可以删除
        sleep(3)

在终端中运行结果：
Windows上：

#先set browser
set browser=firefox
#再执行测试用例
pytest test_broswers.py

在这里插入图片描述
Linux/MacOS：

browser=firefox pytest test_browsers.py

在这里插入图片描述

由于无Linux/MacOS环境，因此无法演示，找个图片给大家看一下。大家根据自己的操作系统来进行使用即可。

5.文件上传

  1. 说明
    WEB自动化过程中，我们也会遇到上传文件和上传图片这种情况，如果是input标签的话，我们可以直接使用send_keys(“文件路径”)来进行上传文件操作
  2. 示例
from time import sleep
from selenium import webdriver

class TestDemo:
    def setup(self):
        self.driver=webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)

    def teardown(self):
        self.driver.quit()
     def test_upload(self):
        self.driver.get("https://image.baidu.com/")
        #点击百度图片搜索框中的照相机图标
        self.driver.find_element_by_xpath('//*[@id="sttb"]/img[1]').click()
        #上传图片，使用相对路径
        self.driver.find_element_by_id('stfile').send_keys('../pic/test.jpg')
        #用于查看结果，可删除
        sleep(3)

6.弹框处理

  1. 说明

    • 在页面操作中有时会遇到JavaScript所生成的alert、confirm以及prompt，使用switch_to.alert()方法定位到。然后使用text/accept/dismiss/send_keys等方法就你行操作用。
    • 常用的alert方法：
      switch_to.alert()：获取当前页面上的告警
      text：返回alert、confirm、prompt中的文字信息
      accept()：接收现有的告警窗口
      dismiss()：解散也有的告警窗口
      send_keys(keyToSend)：发送文本至告警框。

  2. 示例

from time import sleep
from selenium import webdriver

class TestDemo:
    def setup(self):
        self.driver=webdriver.Chrome()
        self.driver.maximize_window()
        self.driver.implicitly_wait(5)

    def teardown(self):
        self.driver.quit()
        
    def test_alert(self):
        #打开网址
        self.driver.get('https://www.runoob.com/try/try.php?filename=jqueryui-api-droppable')

        #切换frame
        self.driver.switch_to.frame('iframeResult')

        #定位元素
        el_drag=self.driver.find_element_by_id('draggable')
        el_drop=self.driver.find_element_by_id('droppable')

        #定义actionchains动作
        action=ActionChains(self.driver)
        #进行拖拽操作
        action.drag_and_drop(el_drag,el_drop).perform()
        sleep(5)

        #切换到alert页面，并同意alert内容
        self.driver.switch_to.alert.accept()
        #alert的其他功能
        #self.driver.switch_to.alert.send_keys()  # - keysToSend: The text to be sent to Alert.
        #self.driver.switch_to.alert.dismiss()   #Dismisses the alert available.

        #切换至默认rframe
        self.driver.switch_to.default_content()
        self.driver.find_element_by_id('submitBTN').click()
        sleep(5)

7.浏览器复用

  1. 为什么要复用浏览器？
    1. 在已有浏览器中打开操作，不用重新打开浏览器，节省时间，由于调试的时候，使用很方便；
    2. 可以记录之前操作状态与记录，否则每次打开使用的都是最新的“无痕”浏览器。
  2. 复用浏览器的操作步骤
    第一步：先在终端中启用复用浏览器的端口
    chrome --remote-debugging-port=9222
    第二步：在自动化代码中加入以下代码
    option = webdriver.ChromeOptions()
    option.debugger_address = "127.0.0.1:9222"
    self.driver = webdriver.Chrome(options=option)

TIPS：

  1. 本地浏览器启用的端口和python代码中的端口要一致，否则无法正常复用
  2. 端口号可以更改，不一定是9222
  3. 复用时，需要想要操作的窗口放在最前面，这样复用的时候才能使用
  4. 复用浏览器主要在调试测试代码的时候使用的比较多
  5. 当chrome --remote-debugging-port=9222执行失败，需要配置环境变量
  6. 使用浏览器复用时，需要将当前开启所有浏览器都关闭掉
  1. 示例
    第一步：终端先启动复用端口
    在这里插入图片描述
    终端执行命令前，先将所有开启的chrome浏览器都关闭，然后执行此命令，会发现会自动启动一个chrome。

第二步：执行测试用例：
以下是演示代码。
虽然在代码中我们定义了teardown函数，并且要求在测试用例运行结束后关闭浏览器。但是由于复用的关系，当我们的用例运行结束后，浏览器是不会被自动关闭的。

from time import sleep
from selenium import webdriver

class TestDemo:
    def setup(self):
        option = webdriver.ChromeOptions()
        #复用地址以及端口
        option.debugger_address = "127.0.0.1:9222"
        self.driver = webdriver.Chrome(options=option)
        self.driver.implicitly_wait(5)

    def teardown(self):
        self.driver.quit()

    def test_form(self):
        self.driver.get("https://www.baidu.com")
        #点击登录
        self.driver.find_element_by_id("s-top-loginbtn").click()
        #输入账号
        self.driver.find_element_by_id("TANGRAM__PSP_11__userName").send_keys("CSDN_demo")
        #输入密码
        self.driver.find_element_by_id("TANGRAM__PSP_11__password").send_keys("111111")
        #点击表单中的登录
        self.driver.find_element_by_id("TANGRAM__PSP_11__submit").click()
        #停止3秒为了看结果
        sleep(3)

文末说明
推荐博文： 只需Docker，环境问题再也不是测开路上的『坑』_霍格沃兹测试开发学社的博客-CSDN博客

爱测试的高胖胖
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
selenium Webdriver自动化测试之多窗口及网页frame处理
shifengboy的博客
10-17 501
一、多窗口处理 在进行自动化测试的时候，经常会遇到点击一个连接或按钮后，会打开一个新的页面，需要我们在新的窗口进行操作，这个时候就需要使用Webdriver里的switch_to_window方法了 #!/usr/bin/python # -*- coding: UTF-8 -*- """ @author:chenshifeng @file:test_window.py @time:2020/...
selenium python浏览器多窗口处理代码示例
09-20
在Python自动化测试中，Selenium库是一个非常强大的工具，它允许我们模拟用户行为与网页交互。本篇将深入探讨如何使用Selenium与Python处理浏览器的多窗口情况，这对于某些复杂测试场景是必不可少的。 首先，我们...
自动化处理，web自动化测试处理多窗口+切换iframe框架页总结（超细整理）
分享测试知识
08-06 1777
web 自动化之处理多窗口有些页面的链接打开后，会重新打开一个窗口，想要在新页面上操作，就需要先切换窗口了。获取窗口的唯一标识用句柄表示，所以只需要切换句柄，我们就能在多个页面上灵活自如的操作了。1、元素有属性，浏览器的窗口其实也有属性的，只是你看不到，浏览器窗口的属性用句柄（handle）来识别获取当前窗口的句柄获取所有窗口的句柄2、切换句柄方法一：循环判断是否与首页句柄相等；如果不等，说明是新页面的句柄；获取的新页面句柄后，可以切换到新打开的页面上；
selenium的常见表单元素操作
热门推荐
Liu_Bruce的博客
02-10 1万+
selenium的表单相关操作 selenium是浏览器自动化测试框架，是一个用于Web应用程序测试的工具，可以直接运行在浏览器当中，并可以驱动浏览器执行指定的动作，如点击、下拉、填充数据、删除cookie等操作，还可以获取浏览器当前页面的源代码，就像用户在浏览器中操作一样。该工具所支持的浏览器有IE浏览器、Mozilla Firefox以及Google Chrome等。selenium有很多语言的版本，比如：Java、Ruby、Python等。 操作表单元素 常见的表单元素 § Input § butt
Form表单操作全攻略：自动化测试中的艺术
最新发布
欢迎来到软件测试jeffky博客！在这里，我们将探讨各种与软件测试相关的主题，包括测试策略、方法、工具、最佳实践和行业趋势。我们的目标是帮助读者提高软件质量，确保用户满意度，并分享在软件测试领域的知识和经验。
06-14 314
通过上述步骤，我们可以模拟真实用户在Web应用中对Form表单的操作，这是自动化测试中不可或缺的一环。掌握Form表单的操作不仅能帮助我们发现应用中的缺陷，还能确保应用在实际使用中的用户体验。自动化测试工程师应不断实践这些操作，以提高测试的效率和准确性，从而确保Web应用的质量。
Selenium基础 — iframe表单操作
测试-八戒
10-23 2416
实际上就是HTML页面中使用标签，是在当前页面中引用了其他页面的链接，真正的页面数据并没有出现在当前页面源码中，但是在浏览器中我们时看到的。简单理解可以使页面中开了一个窗口显示另一个页面。我们在Web应用中，经常会遇到这样的iframe表单嵌套页面，Frame标签有frameset、frame、iframe三种，frameset跟其他普通标签没有区别，不会影响到正常的定位。而frame和iframe需要切换进去才能定位到其中的元素，这就相当于frame和iframe是当前页面中嵌套的其他页面。
selenium之js处理日历控件
guiyin1150的博客
09-08 377
selenium之js处理日历控件 在web自动化的过程中，我们会遇到日历控制的场景， 1.可以直接输入日期 2.不能够直接输入日期，只能选择 对于不能直接输入日期的控件，对于自动化用代码写起来太繁琐了，下边介绍一种简单的思路： 基本思路： 利用js去掉readonly属性，然后直接输入时间 以12306网站为例 可以通过手工进行修改如下截图所示： 对于上面的场景用python代码实现如下： #通过js处理日历控件 from selenium import webdriver import time d
在selenium中如何处理多窗口
qq_45376215的博客
12-07 1127
这个多窗口之间跳转处理，在实际selenium自动化测试经常遇到。点击一个链接，这个链接会在一个新的tab打开，然后接下来要查找元素在新tab打开的页面，需要先将driver切换至window，然后再定位，步骤如下：先获取当前的windowhandle操作打开新界面后，获取所有的windowhandles遍历windowhandles，判断和当前的windowhandle不一样则切换至该windowhandlewindow太多则可以按照title、url等其他信息进行判断切换
【Selenium自动化测试】表单切换
How2Code的博客
03-09 603
这里我们先对表单进行定位，然后再传参给该方法。需要注意的是，如果要对表单外的元素进行定位及操作，需要切换回原本默认的表单，否则会找不到元素。表单嵌套的页面，而WebDriver只能在一个页面上对元素进行识别和定位，无法直接定位。可以切换父级表单，即当有多层表单时，可以用此方法退回上一层表单。下面用126网易免费邮箱的登录为例，演示表单的切换。在对Web端进行自动化测试时，会经常遇到。供我们进行表单的切换，
frame，多窗口,多浏览器处理.html
03-05
本文主要整理了selenium自动化测试中用到的frame和Windows窗口，多浏览器使用的方法和实例
selenium+python自动化测试之多窗口切换
09-19
在自动化测试领域，Selenium是一个广泛使用的工具，它支持多种编程语言，包括Python。本篇文章主要探讨了如何利用Selenium和Python进行多窗口切换的自动化测试。在网页应用中，用户常常会点击链接打开新窗口，为了在...
python3 selenium自动化 frame表单嵌套的切换方法
12-31
在web自动化测试中，测试工程师经常会碰到frame表单嵌套结构，直接定位会报错，我们需要切换表单后才能成功定位。 我拿QQ邮箱登录来作为例子说下frame怎么切换。 qq邮箱页面按F12可以看到以下信息： 表单的信息...
webUI自动化测试框架(Python+selenium)
04-06
【Python+Selenium构建WebUI自动化测试框架】 在软件开发过程中，测试是不可或缺的一环，而自动化测试能够极大地提高测试效率，降低人工出错的概率。本文将深入探讨如何使用Python结合Selenium库构建一个WebUI自动...
Selenium 操作表单元素、行为链、操作Cookie和页面等待
weixin_43740011的博客
05-13 558
Selenium是一种自动化测试工具，它可以模拟用户的交互行为，如点击、输入、滚动等。本文将介绍如何使用Selenium操作表单元素、行为链、操作Cookie和页面等待。
WEB自动化之多窗口操作、切换frame、弹窗处理
weixin_46118737的博客
07-26 2085
WEB自动化之多窗口操作、切换frame、弹窗处理
Selenium —— 网页frame与多窗口处理！
HSS919的博客
09-27 149
多窗口处理流程、先获取当前窗口的句柄driver.current_window_handle、再获取所有的窗口句柄driver.windows_handles、然后判断当前窗口是否为需要操作的窗口，如果不是则，切换到下一个窗口，如果是，则在当前窗口进行操作
Python+Playwright自动化测试--标签页操作（tab）
软件测试技术分享官
07-26 1630
标签操作其实也是基于浏览器上下文（）进行操作的，而且宏哥在之前的BrowserContext也有提到过，但是有的童鞋或者小伙伴还是不清楚怎么操作，或者思路有点模糊，因此今天单独来对其进行讲解和分享一下，希望您有所帮助。
web管理系统中使用Vuex与keep-alive将单页面改为多标签页面
emily_www的博客
12-25 810
web项目中使用Vuex和keep-alive 实现多标签写在前面思路遗留的问题效果目录结构上代码 写在前面 web管理系统，页面越来越多，每次只能打开一个，导致比较频繁的来回切换，所以试着实现多标签页。Vue CLI默认创建的是单页面应用，一开始也没有考虑多标签的情况（以前写Java用jsp的时候倒是多标签页）。这是个0.1版本，先这样用着，后续会再查资料看看其他更好的方案，陆续优化（flag立...
【Selenium】提高测试&爬虫效率：Selenium与多线程的完美结合
苟日新，日日新，又日新!!!
06-01 6574
本文章介绍了 Selenium + threading 和 Selenium + ThreadPoolExecutor 结合来创建多个浏览器或多个标签页的操作。提供代码模板，拿来即用
基于selenium的web自动化测试.docx
03-19
然而，Web自动化测试并非一蹴而就，它涉及到测试框架的选择、测试环境的配置、持续集成/持续部署(CI/CD)流程的建立等多个环节。此外，还需要关注用户体验和性能测试，确保网站的响应时间、页面加载速度以及在不同...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值