相对定位历史

  • 2021-10-13 发布的 selenium 4.0 开始引入，selenium 3.X是没有的
implement relative locator for find_element (#9902)
  • 4.10维护了下
Improve near relative locator behavior (#11290)

其他都是文档、异常信息方面的处理

实例演示

D:\selenium\demo\relative.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>relative</title>

</head>

<body>

    DATE:<input id="date" type="text">

    USER:<input id="username" type="text"><br>

    CODE:<input id="code" type="text">

    PASS:<input id="password" type="text">

</body>

</html>

如下界面

实例代码

from selenium.webdriver.common.by import By

from selenium.webdriver.support.relative_locator import locate_with

from selenium import webdriver

from time import sleep

driver = webdriver.Chrome()

driver.get(r'D:\selenium\demo\relative.html')

ele_date = driver.find_element('id','date')

ele_code = driver.find_element('id','code')

ele_user = driver.find_element('id','username')

ele_password = driver.find_element('id','password')

driver.find_element(locate_with(By.CSS_SELECTOR, "input").above(ele_code)).send_keys('code aboe')

driver.find_element(locate_with(By.CSS_SELECTOR, "input").below(ele_user)).send_keys('user below')

driver.find_element(locate_with(By.CSS_SELECTOR, "input").to_left_of(ele_password)).send_keys('pass left')

driver.find_element(locate_with(By.CSS_SELECTOR, "input").to_right_of(ele_date)).send_keys('date right')

driver.find_element(locate_with(By.CSS_SELECTOR, "input").near(ele_code)).send_keys('code near')

执行效果

相关源码说明

find_element

在find_element的源码中有这么一段

    def find_element(self, by=By.ID, value=None) -> WebElement:

        if isinstance(by, RelativeBy):

            elements = self.find_elements(by=by, value=value)

            if not elements:

                raise NoSuchElementException(f"Cannot locate relative element with: {by.root}")

            return elements[0]

也就是说你传入的by不仅仅可以是下面这8个，还可以是RelativeBy对象

class By:

    """

    Set of supported locator strategies.

    """

    ID = "id"

    XPATH = "xpath"

    LINK_TEXT = "link text"

    PARTIAL_LINK_TEXT = "partial link text"

    NAME = "name"

    TAG_NAME = "tag name"

    CLASS_NAME = "class name"

    CSS_SELECTOR = "css selector"

那如果是RelativeBy对象的话，会去调用find_elements，self.find_elements(by=by, value=value)

    def find_elements(self, by=By.ID, value=None) -> List[WebElement]:

    	if isinstance(by, RelativeBy):

            _pkg = '.'.join(__name__.split('.')[:-1])

            raw_function = pkgutil.get_data(_pkg, 'findElements.js').decode('utf8')

            find_element_js = f"return ({raw_function}).apply(null, arguments);"

            return self.execute_script(find_element_js, by.to_dict())

if语句下的2行代码就是在加载findElements.js

最后两句就是构造一个js然后去执行它，细节就不追究了

RelativeBy

这个class位于selenium\webdriver\support\relative_locator.py

class RelativeBy:

    def __init__(self, root: Dict[By, str] = None, filters: List = None):

        self.root = root

        self.filters = filters or []

    def above(self, element_or_locator: Union[WebElement, Dict] = None) -> "RelativeBy":

        if not element_or_locator:

            raise WebDriverException("Element or locator must be given when calling above method")

        self.filters.append({"kind": "above", "args": [element_or_locator]})

        return self

这个类提供了6个实例方法：above below to_left_of to_right_of near

可以看到RelativeBy对象的实例化需要2个参数，一个是root：dict类型，一个是filters ： 列表类型

可以看到above这样的方法其实没做啥，关键是对self.filters的一个处理，增加一个对应kind(与方法同名)和args，这个args操作你要去参考的元素的定位器或WebElement

locate_with

在实例代码中，我们用到了locate_with这个函数，这个函数跟RelativeBy在同一个文件中

代码如下

def locate_with(by: By, using: str) -> "RelativeBy":

    assert by is not None, "Please pass in a by argument"

    assert using is not None, "Please pass in a using argument"

    return RelativeBy({by: using})

可以看到它确实是返回了一个RelativeBy的实例对象

而它的用法跟我们的find_element就一致了，唯一的不同就是参数名，这边是using，find_element是value

为何用它的另一方面原因是在RelativeBy的doc中这样的一段描述

        Example:

            lowest = driver.find_element(By.ID, "below")

            elements = driver.find_elements(locate_with(By.CSS_SELECTOR, "p").above(lowest))

说在最后

这东西我在工作中没有用过，因为它出生后我就进入了...

使用过一些常见去测试它的效果，并不理想，不过是在早期的版本中做的，现在不清楚是否好用一些

溯源的话应该可以追溯到js中吧，有空找下，或者哪个大佬知道的可以指点下

谈谈selenium4.0中的相对定位的更多相关文章

  1. 谈谈PBOC3.0中使用的国密SM2算法

    转载请注明出处 http://blog.csdn.net/pony_maggie/article/details/39780825 作者:小马 一 知识准备 SM2是国密局推出的一种他们自己说具有自主 ...

  2. Core 1.0中的管道-中间件模式

    ASP.NET Core 1.0中的管道-中间件模式 SP.NET Core 1.0借鉴了Katana项目的管道设计(Pipeline).日志记录.用户认证.MVC等模块都以中间件(Middlewar ...

  3. (转)谈谈RTP传输中的负载类型和时间戳

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://ticktick.blog.51cto.com/823160/350142 最近被 ...

  4. 谈谈Vue/React中的虚拟DOM(vDOM)与Key值

    谈谈Vue/React中的虚拟DOM(vDOM)与Key值 一.DocumentFragment 在了解虚拟DOM前,先来了解DOM的一个对象属性--DocumentFragment. 在一次操作中, ...

  5. Fixed-Length Frames 谈谈网络编程中应用层(基于TCP/UDP)的协议设计

    http://blog.sina.com.cn/s/blog_48d4cf2d0101859x.html 谈谈网络编程中应用层(基于TCP/UDP)的协议设计 (2013-04-27 19:11:00 ...

  6. 【FFMPEG】谈谈RTP传输中的负载类型和时间戳

    谈谈RTP传输中的负载类型和时间戳 最近被RTP的负载类型和时间戳搞郁闷了,一个问题调试了近一周,终于圆满解决,回头看看,发现其实主要原因还是自己没有真正地搞清楚RTP协议中负载类型和时间戳的含义.虽 ...

  7. 【原】谈谈对Objective-C中代理模式的误解

    [原]谈谈对Objective-C中代理模式的误解 本文转载请注明出处 —— polobymulberry-博客园 1. 前言 这篇文章主要是对代理模式和委托模式进行了对比,个人认为Objective ...

  8. [译] C# 5.0 中的 Async 和 Await （整理中...）

    C# 5.0 中的 Async 和 Await [博主]反骨仔 [本文]http://www.cnblogs.com/liqingwen/p/6069062.html 伴随着 .NET 4.5 和 V ...

  9. Spring.Net在Mvc4.0中应用的说明

    案例Demo:http://yunpan.cn/cJ5aZrm7Uybi3 访问密码 414b Spring.Net在Mvc4.0中应用的说明 1.引用dll 2.修改Global文件 (Spring ...

  10. WCF学习之旅—WCF4.0中的简化配置功能（十五）

    六 WCF4.0中的简化配置功能 WCF4.0为了简化服务配置,提供了默认的终结点.绑定和服务行为.也就是说,在开发WCF服务程序的时候,即使我们不提供显示的 服务终结点,WCF框架也能为我们的服务提 ...

随机推荐

  1. NumPy(1)-常用的初始化方法

    一.NumPy介绍 NumPy是Python中科学计算的基础包,它是一个Python库,提供多维数组对象,各种派生对象(如掩码数组和矩阵),以及用于数组快速操作的各种API,有包括数学.逻辑.形状操作 ...

  2. 【最新】Delphi XE7 绿色版下载，亲测可用！

    最后更新时间 2017-12-05. 本文整理自2ccc盒子iny的帖子 → 链接到原贴 破解 → 链接 一.绿色版介绍 绿色版除了不包含 FastReport(RAD Studio自带的FastRe ...

  3. 微信小程序+web数据库的开发实践

    前言 生活中使用微信小程序的场景越来越多,它实现了用户对于应用"触手可及.用完即走"的理想需求.微信小程序的开发难度也低于APP的开发制作,使用它会更便利.低成本.高经济效益. 但 ...

  4. 二 APPIUM Android自动化 环境搭建（转）

    1.安装JAVA运行环境 2.安装Android开发环境 3.安装nodejs 下载地址:https://nodejs.org/en/ 下载完成之后双击安装. 4.安装APPIUM,Appium服务端 ...

  5. 【分享】如何才能简洁高效不失优雅的爆破ZIP文件？

    0x01 前言 在CTF比赛中,压缩包密码的爆破一直是一个热门话题.在这个过程中,简洁高效的方法是至关重要的.本文将介绍一些实用的技巧和工具,帮助您高效地爆破ZIP文件密码,而不失优雅.我们将探讨一些 ...

  6. 日志监控平台搭建（Loki+promtail+grafana）

    搭建Loki+promtail+grafana日志监控平台,可以直接在grafana的UI界面查看系统应用日志,使日志查看起来更方便.快捷.   Loki:主服务器,负责存储日志和处理查询. Prom ...

  7. 【故障公告】多年的故障老朋友又来了：数据库服务器 CPU 100%

    数据库服务器 CPU 100% 问题几乎每年都要来几次,从来都不事先打一声招呼,今年的第2次在我们正忙着会员救园的时候来了. 今天 13:35 首先收到我们自己的异常告警通知: Execution T ...

  8. 《CTFshow-Web入门》05. Web 41~50

    @ 目录 web41 题解 原理 web42 题解 原理 web43 题解 原理 web44 题解 原理 web45 题解 原理 web46 题解 原理 web47 题解 web48 题解 web49 ...

  9. (2023.7.24)软件加密与解密-2-1-程序分析方法[XDbg].md

    body { font-size: 15px; color: rgba(51, 51, 51, 1); background: rgba(255, 255, 255, 1); font-family: ...

  10. 交叉编译 Qt5.12 armv8(aarch64) 带 WebEngine - NVIDIA JETSON TX2

    编译平台 Windows10 WSL2 Debian,目标平台 NVIDIA JETSON TX2 (注:Ubuntu <= 16.04 会出现 libclang < 3.8 的问题) 下 ...