unable to access dynamic attributes

[edenhanan]

<button id="__xmlview0--objectPage-anchBar-__section1-__xmlview0--objectPage-2-anchor-internalSplitBtn-arrowButton" 
data-sap-ui="__xmlview0--objectPage-anchBar-__section1-__xmlview0--objectPage-2-anchor-internalSplitBtn-arrowButton" 
data-sap-ui-render="" 
data-ui5-accesskey="" 
aria-label="פתח תפריט" 
class="sapMBtnBase sapMBtn sapMSBArrow" 
tabindex="-1" 
aria-expanded="true" 
role="none" 
aria-controls="__menu12">
</button>

I have a button element that opens a menu, the only connection between them in the HTML is an attribute called aria-controls that holds the ID of the menu(I cannot know the ID in advance as it is dependent on the number of menus in the screen) but that attribute only appears when the menu is already expanded.

self.click('//div[@aria-posinset="2"]//div[@class="sapMSBInner"]//button[@aria-label="פתח תפריט"]')
menu_id = self.get_attribute(
'//div[@aria-posinset="2"]//div[@class="sapMSBInner"]//button[@aria-label="פתח תפריט"]', 'aria-controls')

I tried the code above to get the value from "aria-controls" but got an error that the attribute does not exist

this is the menu element for reference

<div id="__menu12" 
data-sap-ui="__menu12" 
data-sap-ui-render="" 
tabindex="-1" 
hidefocus="true" 
class="sapUiMnu sapUiMnuCozySupport sapMMenu sapUiShd" 
data-sap-ui-popup="id-1700648347842-65" >
<ul role="menu" class="sapUiMnuLst sapUiMnuNoIco sapUiMnuNoSbMnu"></ul>
</div>

[mdmintz]

Have you tried simplifying the selector to 'button[aria-label="פתח תפריט"]'? (That should work as a CSS Selector)

attribute = self.get_attribute('button[aria-label="פתח תפריט"]', 'aria-controls')

Or if it's already visible, you can use this to click it:

self.click('button[aria-label="פתח תפריט"]')

If it's hidden, you can use js_click() to click it:

self.js_click('button[aria-label="פתח תפריט"]')

Whenever there's a hidden menu item under a dropdown menu, use self.js_click(selector) to click it directly.

[edenhanan]

hey thank you for the fast replay
yes I tried but unfortunately, there are a couple of elements with this "aria-label"

[mdmintz]

It may help to use :nth-of-type(n) in the selector. For example:

self.js_click('button[aria-label="פתח תפריט"]:nth-of-type(1)')

self.js_click('button[aria-label="פתח תפריט"]:nth-of-type(2)')

self.js_click('button[aria-label="פתח תפריט"]:nth-of-type(3)')

Without seeing the rest of the html, it is difficult to find the best selector.

Since self.js_click(selector) also works on hidden elements, you could also try clicking the final button that you want directly.

[edenhanan]

the problem is that the menu element and the attribute "aria-controls" are generated after I click this button element "//div[@aria-posinset="2"]//div[@Class="sapMSBInner"]//button[@aria-label="פתח תפריט"]".
and when I try to get the value in the attribute "aria-controls", I get an error "attribute not found" or the value "None" when I know the attribute exists.

for example, I tried the selector you suggested with find_elements() and iterated through the list of elements to find the "aria-controls" attribute but got an empty list:

another example I tried using self.get_attribute() but got an error

self.click('//div[@aria-posinset="2"]//div[@class="sapMSBInner"]//button[@aria-label="פתח תפריט"]')
menu_id = self.get_attribute(
'//div[@aria-posinset="2"]//div[@class="sapMSBInner"]//button[@aria-label="פתח תפריט"]', 'aria-controls')

Exception: Element {//div[@aria-posinset="2"]//div[@class="sapMSBInner"]//button[@aria-label="פתח תפריט"]} has no attribute {aria-controls}!

if it helps by any chance this is the element with the attribute I'm trying to get

[mdmintz]

Let the SeleniumBase Recorder generate the script for you. It might find a better selector to use.

Also, if there's text in the button, then you can also use SeleniumBase's special TAG:contains("TEXT") selector. Example:

self.click('button:contains("Tel Aviv")')

[edenhanan]

thank you
eventually, i found if I use find_visible_elements() instead of find_elements() I get only the open list

self.click('//div[@aria-posinset="2"]//div[@class="sapMSBInner"]//button[@aria-label="פתח תפריט"]')
            menu_list_2 = self.find_visible_elements('//ul[@role="menu"]//li')
            for i in menu_list_2:
                if i.text == 'personal-info':
                    i.click()
                    break