选择器无法访问 Vuetify 的 v-data-table 的 "Row"

Question

Selector() 无法访问 Vuetify 的 v-data-table 中的 Row 组件。

Issue in GitHub

谁能帮我解决这个问题？

环境

• Chrome 89.0.4389.128 / macOS 11.2.3
• 节点：v14.15.5
• 纱线：1.22.10
• 测试咖啡馆：1.14.0
• testcafe-vue-选择器：3.1.0
• vuetify: 2.4.2

已尝试测试代码

const transfersTableRow = VueSelector('Transfer SingleAccountStatus v-data-table row');
const transfersTableRow = VueSelector('Transfer SingleAccountStatus v-data-table row').nth(0);
const transfersTableRow = VueSelector('Transfer SingleAccountStatus v-data-table Row');
const transfersTableRow = VueSelector('Transfer SingleAccountStatus v-data-table Row').nth(0);

结果

 1) The specified selector does not match any element in the DOM tree.

       > | Selector([function])

      Browser: Chrome 89.0.4389.128 / macOS 11.2.3

         18 |    .typeText(amountInput, amount, { replace: true, paste: true })
         19 |    .click(transferButton)
         20 |    .click(proceedButton);
         21 |
         22 |  const transfersTableRow = VueSelector('Transfer SingleAccountStatus v-data-table row');
       > 23 |  await t.hover(transfersTableRow);

Answer 1

这是 testcafe-vue-selectors 模块的问题。您应该等到 https://github.com/DevExpress/testcafe-vue-selectors/issues/51 修复。