Recognizing data tags

hello

Not entirely sure where to post this, but I’m running into an issue where I can’t seem to use this in my project, as the navigation’s classes are mostly generic.

I’ve added a few data tags to be able to test this manually however it’d be pretty cool if there was a way for the extension to recognize this.

Example html:

<div class="menu-login" data-cy="my-button">
<dev-extreme-wrapper>
<dev-extreme-button class="some-generic-class"></dev-extreme-button>
</dev-extreme-wrapper>
</div>

the test recorder is trying to do:

cy.get(‘.some-generic-class’).click();

whereas I’d expect:

cy.get(‘[data-cy=my-button]’)

I could change this manually of course, but I’m wondering whether it’s possible to include the option for the extension to recognize any data-x tag when it is recording.

[aviyadeveloper]

Just adding some support to this. A setting that allows to give some priority to specific data tags would be great!

[adam-stover]

PR From @estruyf has added support for data-cy, data-test, and data-testid attributes. Will work on ability to customize!