如何在Taiko JS中编写异步动态dropDown

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在headless模式下不支持它。

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}))
}