如何在 Taiko JS 中编写异步动态下拉菜单

Question

我有一个模态框，它有两个下拉字段。第二个字段取决于在第一个字段中选择的值。

我正在使用 Taiko 和 Gauge 创建一个测试框架，但是当我尝试执行以下代码时，由于无法找到名为“teamID”的值而出错。

step("Select team <content>", async(content) => {
    await dropDown({name:'teamType'}).select(content)
    await dropDown({name:'teamID'}).select('Team1')
});

Answer 1

我们必须为此创建一个自定义函数，因为 taiko 在无头模式下不支持它。

async function selectDropDown(dropdownField, dropDownOption){
    await waitFor(1200)
    await click(dropDown({name:dropdownField}))
    await write(dropDownOption, into(dropDown({name:dropdownField})))
    await click(dropDown({name:dropdownField}))
}