Playwright的wait funtion测试的实现

 更新时间:2026年04月23日 14:33:15   作者:博丽灵梦  
本文主要介绍了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>。

  • 如果底层元素是 <li class="ui-selectitem">PWY</li>,它没有 role="option" 属性。
  • 因此,getByRole('option') 永远返回空,导致 toBeVisible 超时失败。

解决方案

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

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

相关文章

最新评论