如何在Playwright中实现类似Selenium的多条件定位并等待首个元素

页面上可能会出现多个按钮中的一个，我需要等待首个出现的按钮并执行操作。在Selenium中我通过以下代码实现：

element = WebDriverWait(driver, 20).until(
    lambda driver: \
        driver.find_element(By.NAME, "Confirm") or \
        driver.find_element(By.NAME, "Edit") or \
        driver.find_element(By.NAME, "Submit")
)

请问在Playwright中有没有等效的实现方式？

Playwright提供了两种简洁的方式实现这个需求：

方法一：使用CSS多选择器等待 #

直接用逗号分隔多个CSS选择器，让Playwright等待其中任意一个元素出现并满足可见状态（默认行为）：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    # 等待20秒内任意目标按钮出现
    target_button = page.wait_for_selector(
        'button[name="Confirm"], button[name="Edit"], button[name="Submit"]',
        timeout=20000
    )
    # 执行操作，比如点击
    target_button.click()
    browser.close()

方法二：使用Locator的OR逻辑（推荐） #

Playwright的Locator支持通过or_方法组合多个定位器，并且Locator自带自动等待能力，调用操作（如click）时会自动等待元素可交互，无需额外的等待步骤：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    # 组合多个定位器，匹配任意一个按钮
    target_locator = (
        page.locator('button[name="Confirm"]')
        .or_(page.locator('button[name="Edit"]'))
        .or_(page.locator('button[name="Submit"]'))
    )
    # 自动等待元素可交互并点击，超时20秒
    target_locator.click(timeout=20000)
    browser.close()

两种方式都会优先返回首个出现的元素，完全等效于你在Selenium中实现的逻辑。

内容的提问来源于stack exchange，提问作者kshnkvn