Search code examples
testingautomated-testsui-automatione2e-testingtestcafe

Selector fails to access "Row" of v-data-table of Vuetify

Selector() failed to access Row component in v-data-table of Vuetify.

Issue in GitHub

Can anyone help me out to resolve this?

Environments

  • Chrome 89.0.4389.128 / macOS 11.2.3
  • node: v14.15.5
  • yarn: 1.22.10
  • testcafe: 1.14.0
  • testcafe-vue-selectors: 3.1.0
  • vuetify: 2.4.2

Test Codes tried

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

image

Results

 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);
Solution

  • This is an issue with the testcafe-vue-selectors module. You should waiting until the https://github.com/DevExpress/testcafe-vue-selectors/issues/51 is fixed.