Javascript 如何在Taiko JS中编写异步动态下拉列表

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

我正在使用Taiko和Gauge创建一个测试框架，但是当我尝试并执行下面的代码时，它会出现错误，因为无法找到名为“teamID”的值

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

步骤（“选择团队”，异步（内容）=>{
等待下拉列表（{name:'teamType'}）。选择（内容）
等待下拉列表（{name:'teamID'}）。选择（'Team1'）
});

我们必须为此创建一个自定义函数，因为大幸不支持无头模式

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