我要评论强制等待
/**
* 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测试内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论