python

关注公众号 jb51net

关闭
首页 > 脚本专栏 > python > Playwright wait funtion测试

Playwright的wait funtion测试的实现

作者:博丽灵梦

本文主要介绍了Playwright的wait funtion测试的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

强制等待

/**
 * Selects an option from a PrimeFaces/JSF dropdown menu.
 * @param {*} page 
 * @param {*} locator 
 * @param {*} option 
 * @param {*} timeout 
 */
const selectDropDown = async (page, locator, option, timeout = 500) => {
  await page.locator(locator).click();
  await page.waitForTimeout(timeout);
  await page.getByRole('option', { name: option }).click();
  await page.waitForTimeout(timeout);
}

等待元素加载

/**
 * Selects an option from a PrimeFaces/JSF dropdown menu.
 * @param {*} page 
 * @param {*} locator 
 * @param {*} option 
 * @param {*} timeout 
 */
const selectDropDown = async (page, locator, option, timeout = 500) => {
  // 1. Click the dropdown trigger
  await page.locator(locator).click();
  // 2. Wait for the option text to be visible anywhere on the page
  // This is robust for PrimeFaces where options are often divs/li with text content
  const optionLocator = page.getByText(option, { exact: true }).first();
  // Wait up to 5 seconds for the option to appear
  await expect(optionLocator).toBeVisible({ timeout: 5000 });
  // 3. Click the option
  await optionLocator.click();
}

执行结果

根本原因分析

role="option"不适用于 PrimeFaces/JSF 组件

你之前的代码使用了 `page.getByRole('option', { name: option })。

标准 HTML <select> :浏览器会自动给 <option> 标签赋予 role="option"。

PrimeFaces/JSF 自定义下拉框: 这些框架通常使用 <div>, <li>, 或 <span> 来模拟下拉菜单,而不是原生的 <select>。

解决方案

我们需要放弃 getByRole('option'),改用更通用的文本匹配或 CSS 类匹配。

到此这篇关于Playwright的wait funtion测试的实现的文章就介绍到这了,更多相关Playwright wait funtion测试内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文