相对定位器方法的封装 Selenium 4建议收藏！

韶光暗淡

关于相对定位器，Selenium官网文档的介绍
介绍了五种相对定位器：
above, below, left of, right of, near

并给出了例子：

1. <font size="4">email_locator = locate_with(By.TAG_NAME, "input").above({By.ID: "password"})
   
2. </font>

复制代码

其中相对定位器(relative locator)方法(此处即above())，参数既可以传元素对象也可以传locator。官网的例子统一只用了locator，直接传一个之前定位好的element也是可以的：

1. <font size="4">origin_element = driver.find_element(By.ID, "password")
   
2. email_locator = locate_with(By.TAG_NAME, "input").above(origin_element)
   
3. </font>

复制代码

那么，为了更方便地使用这个方法，我们可以在框架中对其进行二次封装
首先观察确定调用时所需要的参数，不妨先把它完整地写出来：

1. <font size="4">driver.find_element(locate_with(By.TAG_NAME, "input").above({By.ID: "password"}))
   
2. </font>

复制代码

由此可以看出，我们需要的参数分别为：

目标元素的 by: By.TAG_NAME

目标元素的 value: "input"

原本元素的 by: By.ID

原本元素的 value: "password"

*目标元素为需要被定位的元素，原本元素为已经定位了的元素

除了以上4个之外，above, below, left of, right of, near 5种位置也可以作为参数以提高代码复用性

到这里就能看出，如果封装成一个 relative_locate() 方法，最简单的调用方式就是：

1. <font size="4">relative_locate('tag name', 'input', 'id', 'password', 'above').click()
   
2. </font>

复制代码

5种位置可以定义成一个字典：

1. <font size="4">directions = {
   
2.             'above': 'above',
   
3.             'below': 'below',
   
4.             'left': 'to_left_of',
   
5.             'right': 'to_right_of',
   
6.             'near': 'near'
   
7.         }
   
8. </font>

复制代码

然后就剩下如何由字典的 value 调用相应的位置方法了，可以用 Python 内置的 getattr() 函数

1. <font size="4">getattr(locate_with(by, value), directions.get(direction))()
   
2. </font>

复制代码

完整的封装代码以及调用如下，仅供参考：

1. <font size="4">    def relative_locate(self, by_target, value_target, by_origin, value_origin, direction):
   
2.         directions = {
   
3.             'above': 'above',
   
4.             'below': 'below',
   
5.             'left': 'to_left_of',
   
6.             'right': 'to_right_of',
   
7.             'near': 'near'
   
8.         }
   
9.         origin_element = self.locate(by_origin, value_origin)
   
10. 
    
11.         return self.driver.find_element(getattr(locate_with(by_target, value_target),
    
12.                                                 directions.get(direction))(origin_element))
    
13. 
    
14. relative_locate('css selector', 'input[name="btnI"]', 'css selector',
    
15.                      'center:nth-child(1) input[name="btnK"]', 'right').click()
    
16. </font>

复制代码