+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2019-04(1)

2019-06(2)

2019-07(2)

2019-08(87)

2019-09(90)

Selenium学习之元素属性值、坐标位置、大小

发布于2020-08-01 15:16     阅读(328)     评论(0)     点赞(3)     收藏(2)


   在自动化测试过程中,我们可能需要获取元素的属性值以及坐标位置、大小,那么怎么获取这些信息呢?在这一篇我做了下简单记录。

(一)get_attribute 获取元素的给定属性或属性

       首先,先来说一下,如何获取元素的给定属性或属性。在Selenium中提供了一个get_attribute()的方法,通过在方法中设置不同的参数内容可以获取到相应的信息,其中给定属性提供了下面三种:

(1)获取元素的文本内容get_attribute(‘textContent’)

(2)获取元素的内部HTMLget_attribute('innerHTML')

(3)获取元素的外部HTMLget_attribute('outerHTML')

       除了给定属性外,非给定属性的话,则根据不同元素而定,比如get_attribute('id')可以拿到元素的id,get_attribute('class')可以拿到元素的class等等。这里拿百度首页的“新闻”元素的父元素来举例,这是我将要测试的父元素的部分html截图,显示如下:

具体代码操作:获取百度首页的“新闻”元素的父元素中的文本内容、内部HTML、外部HTML、新闻元素的href属性值。

测试代码如下:

  1. from selenium import webdriver
  2. from time import sleep
  3. class TestCase(object):
  4. def __init__(self):
  5. self.driver = webdriver.Chrome()
  6. self.url = 'http://www.baidu.com'
  7. self.driver.maximize_window()
  8. self.driver.get(self.url)
  9. def test_get_attribute(self):
  10. dad = self.driver.find_element_by_id('s-top-left')
  11. news = self.driver.find_element_by_css_selector('#s-top-left .a')
  12. print('innerHTML =', dad.get_attribute('innerHTML'))
  13. print('outerHTML =', dad.get_attribute('outerHTML'))
  14. print('text =', news.get_attribute('textContent'))
  15. print('news href=', news.get_attribute('href'))
  16. if __name__ == '__main__':
  17. test = TestCase()
  18. test.test_get_attribute()

    控制台显示结果如下:

       可以看到的是get_atrribute('innerHTML')返回的结果不会包括父元素的HTML代码,而get_atrribute('outerHTML')返回的结果包括,这个通过红框显示新闻元素是否有被其他元素包含可以看出。另外,通过get_atrribute('textContent')拿到了新闻元素的文本内容——“新闻”,同时根据href这个属性名称拿到了该属性的值。

(二)获取元素的坐标位置和大小

        在上一篇的ActionChains模块的move_to_element_by_offset()方法中其实我已经有运用到了,附上代码和控制台结果:

  1. from selenium import webdriver
  2. from time import sleep
  3. from selenium.webdriver import ActionChains
  4. class TestCase(object):
  5. def __init__(self):
  6. self.driver = webdriver.Chrome()
  7. self.url = 'http://www.baidu.com'
  8. self.driver.maximize_window()
  9. self.driver.get(self.url)
  10. def test_move_to_element_with_offset(self):
  11. kw = self.driver.find_element_by_id('kw')
  12. kw_x = kw.location.get('x')#百度搜索框的x坐标
  13. kw_y = kw.location.get('y')#百度搜索框的y坐标
  14. print(kw.location, ',kw_x = ', kw_x, ',kw_y = ', kw_y)
  15. more = self.driver.find_element_by_css_selector('#s-top-left > .s-top-more-btn > a') #“更多”元素
  16. more_x = more.location.get('x') #“更多”元素的x坐标
  17. more_y = more.location.get('y') #“更多”元素的y坐标
  18. print(more.location, ',more_x = ', more_x, ',more_y = ', more_y)
  19. more_w = more.size.get('width') #“更多”元素的宽
  20. more_h = more.size.get('height') #“更多”元素的高
  21. print(more.size, ',more_w = ', more_w, ',more_h = ', more_h)
  22. xoffset = kw_x - more_x - more_w / 2
  23. yoffset = kw_y - more_y - more_h / 2
  24. ActionChains(self.driver).move_to_element_with_offset(more, xoffset, yoffset).perform()
  25. sleep(3)
  26. more_hide_window = self.driver.find_element_by_id('s-top-more')
  27. print(more_hide_window)
  28. if __name__ == '__main__':
  29. test = TestCase()
  30. test.test_move_to_element_with_offset()

控制台显示结果如下:

        从上面的代码中,我们可以看到使用了location()方法分别拿到百度搜索框和“更多”元素的坐标位置,元素的坐标返回的是一个json字符串,例如:{'x':633,'y':222} 。通过get('x')和get('y')分别拿到x坐标和y坐标(这个坐标是相对于浏览器左上角的偏移量)。要注意的是:获取元素坐标位置,一定记得先把浏览器窗口最大化

        使用size()方法拿到“更多”元素的大小,元素的大小返回的也是一个json字符串:{'height':15,'width':26},然后通过get('width')和get('height')方法分别拿到元素的宽和高。

以上,就是Selenium中获取元素属性值、坐标位置、大小的全部记录,有不对的地方欢迎指正~



所属网站分类: 技术文章 > 博客

作者:智慧星辰

链接: https://www.pythonheidong.com/blog/article/468386/

来源: python黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

3 0
收藏该文
已收藏

评论内容:(最多支持255个字符)