TestCafe测试脚本无法进入for循环问题求助

我是TestCafe新手，正在为一款Web应用编写自动化测试。页面包含若干由单选按钮和链接组成的radio-box，默认仅选中其中一个。我尝试遍历所有radio-box以识别选中项，但测试执行成功却始终无法进入for循环，恳请帮忙排查问题。

测试执行结果：

代码片段：

test('Test1', async t => {
    await t
          .maximizeWindow()
        //test actions to reach the radio-boxes
          
          //identifying the selected radio-box
        console.log("Before Loop");
            for (let serviceCount = 0; serviceCount < serviceOptions.count; serviceCount++) {
         console.log("Inside Loop");
                if ((await serviceOptions.nth(serviceCount).contains('months or km')) && checkboxRadiobutton.nth(serviceCount).checked) {
                console.log("pass");
                } else {
                console.log("fail");
            }
           
      //Open the link provided in the radio-box
            await t.click(serviceDetailsLink.nth(serviceCount));
  }
});

问题核心原因 #

1. serviceOptions.count未正确取值：TestCafe的Selector对象的count是异步属性，直接使用serviceOptions.count拿到的是Promise对象而非实际数字，导致循环条件serviceCount < serviceOptions.count不成立，无法进入循环。
2. 单选框状态未异步获取：checkboxRadiobutton.nth(serviceCount).checked同样是异步属性，不加await会拿到Promise对象，后续判断逻辑也会出错。

修复后的代码 #

test('Test1', async t => {
    await t.maximizeWindow();
    // test actions to reach the radio-boxes
          
    // identifying the selected radio-box
    console.log("Before Loop");
    // 先异步获取元素总数
    const serviceTotal = await serviceOptions.count;
    for (let serviceCount = 0; serviceCount < serviceTotal; serviceCount++) {
        console.log("Inside Loop");
        // 异步获取文本检查结果和单选框选中状态
        const hasTargetText = await serviceOptions.nth(serviceCount).contains('months or km');
        const isChecked = await checkboxRadiobutton.nth(serviceCount).checked;
        
        if (hasTargetText && isChecked) {
            console.log("pass");
        } else {
            console.log("fail");
        }
           
        // Open the link provided in the radio-box
        await t.click(serviceDetailsLink.nth(serviceCount));
    }
});

关键注意事项 #

• TestCafe中Selector的多数属性（如count、checked、textContent等）均为异步类型，必须通过await获取实际值，不能直接使用。
• 建议将异步操作提前赋值给变量，避免在循环条件或判断逻辑中直接使用Promise，引发逻辑错误。

内容的提问来源于stack exchange，提问作者Ansh Aggarwal