12新一代自动化测试神器playwright+python系列课程_playwright_frame中元素定位

Playwright frame中元素定位

网页中经常嵌套frame框架，在网页中标签为iframe或frame的元素就是frame框架

如图

或者

在frame框架中的元素时不能直接定位的，elenium处理frame，需要切换到frame中，然后再切换出来，操作比较麻烦，那么playwright对于frame的操作会不会更加简单呢？

答案是肯定的，playwright不需要切换frame，直接定位元素即可。下面我们来介绍一下playwright的frame处理。

iframe定位

要处理frame，我们需要先定位frame，在playwright中，我们可以使用page.frame_locator()或locator.frame_locator()方法创建 FrameLocator 捕获足该 iframe 中检索和定位元素。

示例如下：

page.frame_locator("my-frame").get_by_text("Submit").click()

使用frame_locator() 定位到iframe上，然后继续在上面使用locator方法定位元素

iframe 定位器是严格的。这意味着如果有多个元素与给定的选择器匹配，则对 iframe 定位器的所有操作都会抛出异常。示例如下：

# 一个DOM中有多个frame:

page.frame_locator('.result-frame').get_by_role('button').click()# 多个frame中，取第一个，即可正常生效:page.frame_locator('.result-frame').first.get_by_role('button').click()

在带有 id 的 iframe 中定位带有文本“提交”的元素my-frame，例如

locator = frame.frame_locator("#my-iframe").get_by_text("Submit")

locator.click()

当匹配到多个结果时，我们可以使用first,last,nth()定位到指定的frame。示例如下：

# 匹配第一个

frame_locator().first

# 匹配最后一个

frame_locator().last

# 使用index索引

frame_locator().nth(index)

获取页面上的所有frame

frame() 定位方法

playwright提供了一种frame() 定位方法 ，可以根据name属性和url属性匹配。代码如下：

frame = page.frame(name="frame-name")

frame = page.frame(url=r".*domain.*")

page.frame 和 page.frame_locator 使用差异

page.frame_locator(‘’) 返回的对象只能用locator() 方法定位元素然后click()等操作元素

page.frame() 返回的对象能直接使用fill() 和 click() 方法

'''

author: 测试-老姜   交流微信：jnc148283

欢迎添加微信，加入学习群共同学习交流。

'''

from playwright.sync_api import Playwright, sync_playwright, expect

def run(playwright: Playwright) -> None:

browser = playwright.chromium.launch(headless=False)

context = browser.new_context()

page = context.new_page()

page.goto("http://127.0.0.1/")

page.get_by_role("link", name="开源版").click()

page.locator("#account").click()

page.locator("#account").fill("admin")

page.locator("input[name=\"password\"]").click()

page.locator("input[name=\"password\"]").fill("Deshifuzhi01")

page.get_by_role("button", name="登录").click()

page.locator("a").filter(has_text=re.compile(r"^测试$")).click()

page.frame_locator("iframe[name=\"app-qa\"]").get_by_role("link", name="Bug").click()

page.frame_locator("iframe[name=\"app-qa\"]").get_by_role("link", name=" 提Bug").click()

page.frame_locator("iframe[name=\"app-qa\"]").get_by_role("cell", name="影响版本 创建发布  所有 *").locator("div").nth(2).click()

page.frame_locator("iframe[name=\"app-qa\"]").get_by_title("主干").click()

page.frame_locator("iframe[name=\"app-qa\"]").locator("input[name=\"title\"]").click()

page.frame_locator("iframe[name=\"app-qa\"]").locator("input[name=\"title\"]").fill("weet")

page.frame_locator("iframe[name=\"app-qa\"]").get_by_role("button", name="保存", exact=True).click()

# ---------------------

context.close()

browser.close()

with sync_playwright() as playwright:

run(playwright)

总结

本文主要介绍了playwright对于frame的处理，相比selenium，playwright对于frame的处理更加方便快捷，减少了selenium的切换的步骤，这对于提升我们的自动化测试执行效率有很大帮助。