深入玩转Playwright：高级操作解析与实践

news2024/11/15 23:47:29

playwright高级操作

iframe切换

很多时候，网页可能是网页嵌套网页，就是存在不止一个html标签，这时候我们的selenium或者playwright一般来说定位不到，为什么呢？

因为默认是定位到第一个标准的html标签内部。

from playwright.sync_api import sync_playwright
p = sync_playwright().start()

browser = p.chromium.launch(headless=False)
page = browser.new_page()

page.goto("https://cdn2.byhy.net/files/selenium/sample2.html")

lcs = page.locator('.plant').all()
for lc in lcs:
    print(lc.inner_text(timeout=1000))# 默认是等30s,我们修改为1s

在这里插入图片描述

接下来我们好好分析一下这个网页结构，发现存在一个iframe标签，有过前端开发基础的同学应该能看出来了，就是实现了网页的嵌套。

在这里插入图片描述

但是我们需要的内容，在这个iframe标签中，所以需要切换到其中。

可以使用 Page 或者 Locator 对象的 frame_locator 方法定位到你要操作的frame。

frame_locator() - 帧定位器 |剧作家 Python — FrameLocator | Playwright Python

使用 iframe 时，您可以创建一个帧定位器，该定位器将进入 iframe 并允许选择该 iframe 中的元素。

# selector 为css选择器或者xpath选择器
frame_locator.frame_locator(selector)

现在我们对上面的案例进行修改：

from playwright.sync_api import sync_playwright
p = sync_playwright().start()

browser = p.chromium.launch(headless=False)
page = browser.new_page()

page.goto("https://cdn2.byhy.net/files/selenium/sample2.html")
#------------------修改的代码------------------------------------
# 产生一个  FrameLocator 对象
frame = page.frame_locator("iframe[src='sample1.html']")
# 再 在其内部进行定位
lcs = frame.locator('.plant').all()
for lc in lcs:
    print(lc.inner_text(timeout=2000))

在这里插入图片描述

窗口切换：

在playwright的使用过程中，可能会涉及不同页面的切换，则会使用需要BrowserContext 来切换浏览器对象的上下文，不然你获取的对象还是之前的。

from playwright.sync_api import sync_playwright
p = sync_playwright().start()

browser = p.chromium.launch(headless=False)
page = browser.new_page()

page.goto("https://cdn2.byhy.net/files/selenium/sample3.html")

# 点击链接，打开新窗口  会切换到bing
page.locator("a").click()

# 打印网页窗口标题
print(page.title())

但是显然结果并没有发生变化，这是因为上下文对象没有变化。

在这里插入图片描述

from playwright.sync_api import sync_playwright
pw = sync_playwright().start()
browser = pw.chromium.launch(headless=False)
# 创建 BrowserContext 对象
context = browser.new_context()

# 通过context 创建page
page = context.new_page()
page.goto("https://cdn2.byhy.net/files/selenium/sample3.html")
# 点击链接，打开新窗口
page.locator("a").click()
# 等待2秒， 不能用 time.sleep
page.wait_for_timeout(2000)

# pages属性是 所有窗口对应Page对象的列表
newPage = context.pages[1]
# 打印新网页窗口标题
print(newPage.title())
# 打印老网页窗口标题
print(page.title())
print(context.pages)

结果：

必应
白月黑羽测试网页3
[<Page url='https://cdn2.byhy.net/files/selenium/sample3.html'>, <Page url='https://cn.bing.com/'>]

BrowserContext 对象有个 pages 属性，这是一个列表，里面依次为所有窗口对应Page对象。

关闭网页：

Browser对象有close 方法，可以实现关闭整个浏览器。

如果只是要关闭某个网页窗口，可以调用该窗口对应的Page对象的 close 方法。

page.close()
page.close(**kwargs)

移动网页：

假如我们有多个网页，但是想切换某个网页到最前面，需要怎么设置呢？

将页面放在前面（TAB）:

page.bring_to_front()

固定界面：

定时器+debugger 执行js代码：卡住页面

setTimeout(function(){debugger}, 5000)

截屏：

playwright和selenium都可以实现截屏，当然这个方法主要用于验证码，将图片交给第三方打码平台然后就可以实现滑块，点选等等。

网页截屏：

# 窗口大小
page.screenshot(path='ss1.png')

# 截屏完整页面，页面内容长度超过窗口高度时，包括不可见部分，包括滑动。
page.screenshot(path='ss1.png', full_page=True)

当然也可以对某个部分进行截图：

tag=page.locator('input[type=file]')
tag.screenshot(path='ss2.png')

拖拽：

drag_and_drop()

总结：

在本文中，我们深入探索了Playwright的高级操作。我们学习了如何在应用中切换iframe，以及如何处理多个窗口的切换。我们还了解了如何关闭网页和移动网页位置，以及如何固定界面，以便进行更精确的测试。此外，我们还学习了如何使用Playwright进行屏幕截图和拖拽操作。

通过掌握这些高级操作，我们可以更好地利用Playwright的强大功能来自动化测试和模拟用户交互。这些技巧可以帮助我们处理各种复杂的场景，例如在应用中嵌套的iframe、多个窗口之间的切换以及拖拽操作。

Playwright的灵活性和易用性使其成为一个强大的自动化测试工具。通过学习并掌握这些高级操作，我们可以更好地利用Playwright的功能，提高测试效率和准确性。

希望本文对你了解和应用Playwright的高级操作有所帮助，并能够在你的测试工作中发挥作用。

温馨提示：

整理源于：快速上手 | 白月黑羽 (byhy.net)，如有侵权，请及时联系删除！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1421002.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！