testing - 选择器无法访问 Vuetify 的 v-data-table 的“行”

Question

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

GitHub 中的问题

谁能帮我解决这个问题？

环境

• 铬 89.0.4389.128 / macOS 11.2.3
• 节点：v14.15.5
• 纱线：1.22.10
• 测试咖啡馆：1.14.0
• testcafe-vue-选择器：3.1.0
• 验证：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);

标签： testingautomated-testsui-automatione2e-testingtestcafe

Answer 1

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