前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >软件测试|web自动化测试神器playwright教程(十九)

软件测试|web自动化测试神器playwright教程(十九)

原创
作者头像
霍格沃兹测试开发Muller老师
发布2023-07-31 18:19:04
2370
发布2023-07-31 18:19:04
举报

前言

我们日常工作中,经常会遇到我们的页面内容较多,一个屏幕范围无法完整展示内容,我们就需要滚动屏幕去到我们想要的地方,如下页面,我们想要在豆瓣首页,内容并不完整,如果我们想要直接点击电影模块中的选电影按钮,是需要往下滑动的。

click 点击操作

如下图,我们要在豆瓣首页点击选电影按钮,就需要先滑动右侧滑块,滑动至其出现,方可点击,如下图:

如果我们使用的是playwright,就不需要滑动,可以直接进行点击,代码如下:

代码语言:python
复制
from playwright.sync_api import sync_playwright

with sync_playwright() as pw:
    browser = pw.chromium.launch(headless=False, slow_mo=2000)
    page = browser.new_page()

    page.goto("https://www.douban.com/")

    # 点击的时候会自动滚动
    page.get_by_text('选电影').click()

    browser.close()

滚动到元素出现位置

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

代码语言:python
复制
from playwright.sync_api import sync_playwright

with sync_playwright() as pw:
    browser = pw.chromium.launch(headless=False, slow_mo=2000)
    page = browser.new_page()

    page.goto("https://www.douban.com/")

    # 点击的时候会自动滚动
    page.get_by_text('选电影').scroll_into_view_if_needed()

    browser.close()

hover 方法

将鼠标悬停在元素上,它也会自动去页面上找到元素,让它出现在可视窗口

代码语言:python
复制
from playwright.sync_api import sync_playwright

with sync_playwright() as pw:
    browser = pw.chromium.launch(headless=False, slow_mo=2000)
    page = browser.new_page()

    page.goto("https://www.douban.com/")

    # 点击的时候会自动滚动
    page.get_by_text('选电影').hover()
    browser.close()

总结

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • click 点击操作
      • 滚动到元素出现位置
        • hover 方法
          • 总结
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档