# Adding domId to an individual button on the menu component

**URL:** <https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139>\
**Category:** Automated Testing\
**Tags:** perspective\
**Created:** [May 30, 2024, 1:19pm UTC](https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139 "2024-05-30T13:19:28Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![huy\_sam](https://avatars.discourse-cdn.com/v4/letter/h/dfb087/32.png) [@huy\_sam](https://forum.inductiveautomation.com/u/huy_sam)\
**Post date:** [May 30, 2024, 1:19pm UTC](https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139/1 "2024-05-30T13:19:28Z")

</div>

Hello,

Does anyone know how to add domId to an individual button on the menu component for automated testing?

thanks in advance!

---

<div class="post-metadata">

**Author:** ![Noah\_Casey](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@Noah\_Casey](https://forum.inductiveautomation.com/u/Noah_Casey)\
**Post date:** [May 30, 2024, 1:28pm UTC](https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139/2 "2024-05-30T13:28:56Z")

</div>

I believe you are able to add the domID to any component.  
Scroll down to the meta section.  
click add meta property.  
Hover over properties.  
Click domID  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/2/82845112347cd92e174c861e3a4539b38c23011e.png)

---

<div class="post-metadata">

**Author:** ![James\_Caudle](https://avatars.discourse-cdn.com/v4/letter/j/5f9b8f/32.png) [@James\_Caudle](https://forum.inductiveautomation.com/u/James_Caudle)\
**Post date:** [May 30, 2024, 2:59pm UTC](https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139/3 "2024-05-30T14:59:56Z")

</div>

Thanks Noah but I think the issue here is each individual button in the component cannot be uniquely IDed.

Do you have any advice for that challenge?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 30, 2024, 3:38pm UTC](https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139/4 "2024-05-30T15:38:40Z")

</div>

You are not able to add an HTML `id` attribute to individual items of a Menu Tree. If you're using version 8.1.34 or newer, you can target individual items by text with `[data-label="MyItemText"]` This of course assumes that item text is unique among all items in the Menu Tree. You can provide a bit more to the locator in order to specify sub-menu items if needed...

Sub-menu item:  
`div.submenu-group [data-label="MyItemText"]`

Or, you could use the libraries we provide for automated testing of Perspective content: [GitHub - inductiveautomation/ignition-automation-tools](https://github.com/inductiveautomation/ignition-automation-tools)

---

<div class="post-metadata">

**Author:** ![huy\_sam](https://avatars.discourse-cdn.com/v4/letter/h/dfb087/32.png) [@huy\_sam](https://forum.inductiveautomation.com/u/huy_sam)\
**Post date:** [May 30, 2024, 5:01pm UTC](https://forum.inductiveautomation.com/t/adding-domid-to-an-individual-button-on-the-menu-component/91139/5 "2024-05-30T17:01:23Z")

</div>

Thank you cmallonee
