51Testing软件测试论坛

标题: 相对定位器方法的封装 Selenium 4建议收藏！ [打印本页]
作者: 韶光暗淡    时间: 2022-8-25 14:55
标题: 相对定位器方法的封装 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)

  11.         return self.driver.find_element(getattr(locate_with(by_target, value_target),
  12.                                                 directions.get(direction))(origin_element))

  14. relative_locate('css selector', 'input[name="btnI"]', 'css selector',
  15.                      'center:nth-child(1) input[name="btnK"]', 'right').click()
  16. </font>
复制代码







欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2