css - TestCafe selector for a Classname with multiple matching nodes

Question

I'm looking for a valid TestCafe selector that finds an element appearing many times in my HTML code with the same class name as follows:

I have tried all the selectors below and it always fail with element not found in the DOM

this.policyretrieve_item2=Selector('.c-text u-text-sm--right  u-weight--600')

this.policyretrieve_item2=Selector('.c-text u-text-sm--right').nth(4)

this.policyretrieve_item2=Selector('.c-text u-text-sm--right')


Then i expect with the following code if the element exist

.expect(this.policyretrieve_item2.exists).ok('Some values after policy search are not displayed', { timeout: config.general.shortTimeout })
   

question from:https://stackoverflow.com/questions/65878551/testcafe-selector-for-a-classname-with-multiple-matching-nodes

Answer 1

Try

Selector('.c-text.u-text-sm--right').withText('Daniel Hancox')

https://devexpress.github.io/testcafe/documentation/reference/test-api/selector/withtext.html