Recognizing data tags

[kabalabs]

Recognizing data tags

[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!

[adam-stover]

@Fasani Correct! The PR from @estruyf has been merged and this version (1.0.5) is live on the Chrome Store.

[kassuro]

Would love this feature as well, since it detects only the ids for us, but those are generated from the ui library we use, so I would need to rewrite most of the script to use the data tags instead 😞

[Fasani]

To understand this better.

Assuming I want to test a login. I could add ‘data-cy’ attributes to my login and password inputs as well as the submit button.

And the recorder would use those elements via their data attr so I end up with generated code which would be more like below:
cy.get('[data-cy=username]')
cy.get('[data-cy=password]')
cy.get('[data-cy=button]')

Which would mean that when I refactor my code later on... as long as I keep the data attributes, my tests would quite likely not need to be refactored? Correct?

[Fasani]

Also the PR from @estruyf was merged or not yet?

[Fasani]

@adam-stover ty

[aviyadeveloper]

this is great!

[adam-stover]

Thanks for the requests. Thanks as well @estruyf for the implementation. Merged in #150 and released in https://github.com/KabaLabs/Cypress-Recorder/releases/tag/v1.0.5