经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » Python » 查看文章
《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动滚动到元素出现的位置 - 北京-宏哥
来源:cnblogs  作者:北京-宏哥  时间:2024/5/24 10:26:16  对本文有异议

1.简介

在我们日常工作中或者生活中,经常会遇到我们的页面内容较多,一个屏幕范围无法完整展示内容,我们就需要滚动滚动条去到我们想要的地方,如下图页面,我们虽然在豆瓣首页,但是内容并不完整,如果我们想要直接点击电影模块中的选电影按钮,是需要往下滑动的。当页面超过屏幕的高度时候,需要滚动到元素出现的位置,让元素处于可视的窗口上才能去操作元素。

2.click()操作

如果我们使用之前的思路:要点击没有出现的或者没有加载出来的元素,我们需要滚动滚动条到元素出现的位置,然后我们才能click(),进行操作。

 但是我们这里使用playwright,就不需要这么啰嗦麻烦,只需要点击即可。

3.Playwright操作

3.1代码设计

3.2参考代码

  1. # coding=utf-8??
  2.  
  3. # 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行
  4.  
  5. # 2.注释:包括记录创建时间,创建人,项目名称。
  6. '''
  7. Created on 2023-12-16
  8. @author: 北京-宏哥
  9. 公众号:北京宏哥
  10. Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动滚动到元素出现的位置
  11. '''
  12.  
  13. # 3.导入模块
  14. from playwright.sync_api import Playwright, sync_playwright, expect
  15. def run(playwright: Playwright) -> None:
  16. browser = playwright.chromium.launch(headless=False)
  17. context = browser.new_context()
  18. page = context.new_page()
  19. page.goto("https://www.w3cschool.cn/")
  20. page.wait_for_timeout(2000)
  21. # 点击的时候会自动滚动
  22. page.locator('[alt="软件测试教程"]').click()
  23. page.wait_for_timeout(5000)
  24. # #page.pause()
  25. context.close()
  26. browser.close()
  27. with sync_playwright() as playwright:
  28. run(playwright)

3.3运行代码

1.运行代码,右键Run'Test',控制台输出,如下图所示:

2.运行代码后电脑端的浏览器的动作。如下图所示:

4.scroll_into_view_if_needed()

如果我们仅仅是让元素出现到窗口的可视范围,可以使用scroll_into_view_if_needed() 方法,它会让元素出现在屏幕的正中间。

4.1代码设计

4.2参考代码

  1. # coding=utf-8??
  2.  
  3. # 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行
  4.  
  5. # 2.注释:包括记录创建时间,创建人,项目名称。
  6. '''
  7. Created on 2023-12-16
  8. @author: 北京-宏哥
  9. 公众号:北京宏哥
  10. Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动滚动到元素出现的位置
  11. '''
  12.  
  13. # 3.导入模块
  14. from playwright.sync_api import Playwright, sync_playwright, expect
  15. def run(playwright: Playwright) -> None:
  16. browser = playwright.chromium.launch(headless=False)
  17. context = browser.new_context()
  18. page = context.new_page()
  19. page.goto("https://www.douban.com/")
  20. page.wait_for_timeout(2000)
  21. # 点击的时候会自动滚动
  22. page.get_by_text('选电影').scroll_into_view_if_needed()
  23. page.wait_for_timeout(5000)
  24. # #page.pause()
  25. context.close()
  26. browser.close()
  27. with sync_playwright() as playwright:
  28. run(playwright)

4.3运行代码

1.运行代码,右键Run'Test',控制台输出,如下图所示:

2.运行代码后电脑端的浏览器的动作。如下图所示:

5.hover()

hover()方法是将鼠标悬停在元素上,它也会自动去页面上找到元素,让它出现在可视窗口.

5.1代码设计

5.2参考代码

  1. # coding=utf-8??
  2.  
  3. # 1.先设置编码,utf-8可支持中英文,如上,一般放在第一行
  4.  
  5. # 2.注释:包括记录创建时间,创建人,项目名称。
  6. '''
  7. Created on 2023-12-16
  8. @author: 北京-宏哥
  9. 公众号:北京宏哥
  10. Project: 《最新出炉》系列入门篇-Python+Playwright自动化测试-47-自动滚动到元素出现的位置
  11. '''
  12.  
  13. # 3.导入模块
  14. from playwright.sync_api import Playwright, sync_playwright, expect
  15. def run(playwright: Playwright) -> None:
  16. browser = playwright.chromium.launch(headless=False)
  17. context = browser.new_context()
  18. page = context.new_page()
  19. page.goto("https://www.douban.com/")
  20. page.wait_for_timeout(2000)
  21. # 点击的时候会自动滚动
  22. page.get_by_text('选电影').hover()
  23. page.wait_for_timeout(3000)
  24. # #page.pause()
  25. context.close()
  26. browser.close()
  27. with sync_playwright() as playwright:
  28. run(playwright)

5.3运行代码

1.运行代码,右键Run'Test',控制台输出,如下图所示:

2.运行代码后电脑端的浏览器的动作。如下图所示:

 6.小结

今天主要分享和介绍了playwright的滑动操作元素的操作,playwright对于滑动查找元素的操作比selenium更加方便,不需要我们操作滑块就可以完成操作。

 好了,今天时间也不早了,宏哥就讲解和分享到这里,感谢您耐心的阅读,希望对您有所帮助。

原文链接:https://www.cnblogs.com/du-hong/p/17880964.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号