Click on a TAB in the UI.
Object: xPath to the tab.
Developer tools highlights the line that contains the Tab Name. Right-click on this line and select copy xPath to get the xPath that ends with a /div
For example, pasting the value from above provides the following:
//*[@id="dhxLayoutContainer-3515"]/div[1]/div/div[1]/div[2]/div/div[2]/div
Change the XPATH to use the data-qa-locator by modifying and changing the @id to @data-qa-locator
For example: //*[@data-qa-locator="data-qa-locator value"]/div[1]/div/div[1]/div[2]/div/div[2]/div
Data: Label of the Tab as it appears in the UI