掌握 Playwright：元素操作技巧大揭秘

原创

霍格沃兹测试开发Muller老师

发布于 2024-05-12 10:36:04

1730

发布于 2024-05-12 10:36:04

文章被收录于专栏：muller的测试分享muller的测试分享

简介

在自动化测试和网页爬取中，与页面元素的交互是至关重要的。Playwright 提供了丰富的 API 来执行各种元素操作，包括点击、输入文本、获取属性等。在本文中，我们将介绍如何使用 Playwright 进行元素操作。

点击元素

点击页面元素是最常见的操作之一。Playwright 提供了 locator 对象的 click() 方法来实现点击操作。以下是一个示例：

from playwright.sync_api import sync_playwright

def main():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto('https://example.com')
        button = page.locator('button')
        button.click()
        browser.close()

if __name__ == "__main__":
    main()

在这个示例中，我们使用 click() 方法点击页面中的按钮元素。这将触发按钮的点击事件，就像用户在浏览器中点击一样。

输入文本

输入文本是另一个常见的元素操作。Playwright 提供了 locator 对象的 fill() 方法来模拟用户在表单字段中输入文本的操作。以下是一个示例：

from playwright.sync_api import sync_playwright

def main():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto('https://example.com')
        input_field = page.locator('input[type="text"]')
        input_field.fill('Hello, Playwright!')
        browser.close()

if __name__ == "__main__":
    main()

在这个示例中，我们使用 fill() 方法向页面中的文本输入框输入了文本 "Hello, Playwright!"。

获取属性值

有时候，我们可能需要获取元素的属性值，比如链接的 URL 或者图片的地址。Playwright 提供了 locator 对象的 get_attribute() 方法来获取元素的属性值。以下是一个示例：

from playwright.sync_api import sync_playwright

def main():
    with sync_playwright() as p:
        browser = p.chromium.launch()
        page = browser.new_page()
        page.goto('https://example.com')
        link = page.locator('a')
        href = link.get_attribute('href')
        print("Link URL:", href)
        browser.close()

if __name__ == "__main__":
    main()

在这个示例中，我们使用 get_attribute() 方法获取了链接元素的 href 属性值，并打印输出。