断言动态类 Tescafe 和 vue-virtual-scroll-list

如何解决断言动态类 Tescafe 和 vue-virtual-scroll-list

案例： testcafe 的新手，如果有人能提供帮助，我将不胜感激。

我想循环浏览具有动态类的按钮列表，单击它们并检查类是否已更改。

我无法循环并断言类已更改。 （匹配指定选择器的元素不可见。）

fixture`The Loop`.beforeEach(async (t) => {
  await t.useRole(loginUser);
})
test("Summary List check marks",async (t) => {

  // const markStop = Selector('div.btn-group-y').find('[data-attribute="markStopBtn"]')
  await t.click(selector.driverReadyBtn);

  let markStopBtn = await selector.markStopBtn
  let markStopBtnCount = await markStopBtn.count;

  for(let i=0; i < markStopBtnCount; i++){
    if(markStopBtn.nth(i).exists && markStopBtn.nth(i).visible) {
      await t
      .click(markStopBtn.nth(i))
      // .expect(markStopBtn.withAttribute('class','btn-primary').exists).ok()
    }
  }
});



File.Vue///
          <div
              data-attribute="markStopBtn"
              :class="[
                'btn btn-icon btn-secondary-outline p-4',{
                  ['btn-primary']: completed,['btn-cancelled']: issued,['btn-blueDark-inverse']: !issued && !completed,},]"
              @click="clickCompleteStop"
            >

Trows 错误 （匹配指定选择器的元素不可见。）

 |    if(markStopBtn.nth(i).exists && markStopBtn.nth(i).visible) {
         23 |      await t
       > 24 |      .click(markStopBtn.nth(i))
         25 |      // .expect(markStopBtn.withAttribute('class','btn-primary').exists).ok()
         26 |    }