How to set a data-testid for the following components: Dialog, Window?

[Youniss]

Hello,

 

We are running end-to-end tests against the following components:

- Dialog: https://www.telerik.com/kendo-react-ui/components/dialogs/dialog

- Window: https://www.telerik.com/kendo-react-ui/components/dialogs/window

 

How do we set a `data-testid` for the following components?

`data-testid` seems to be ignored when giving it as props to the components.

 

Thank you in advance

[Vessy]

Hi, Youniss,

The setup of any custom attribute to Kendo React Editor can be done by using its 'ref' definition:

• https://www.telerik.com/kendo-react-ui/components/inputs/custom-attributes/ 

The below example showcases this approach:

• https://stackblitz.com/edit/react-jwuwbvj9?file=app%2Fapp.tsx 

I hope this helps but let em know should I can assist you any further on this matter.

Regards,
Vessy
Progress Telerik

[Youniss]

Thank you, it works!

[Vessy]

You are most welcome, Youniss :)