//div[.
='Sauce Labs Fleece Jacket']/ancestor::div[@class="inventory_item"]//button
This is used as an alternate for an indexing method ....
helpful when doing with the text worst case even alignment also gets changed.
//form/ancestor::div[@class="login-box"]//input[@id="user-name"]
//form/ancestor::div[@class="login-box"]//input[@id="password"]
//ancestor::div[@class="login-box"]//input[@id="login-button"]
//*[local-name()='svg'and @data-icon='shopping-cart']
//span[@class="fa-layers-counter shopping_cart_badge"]
ancestor::div[@class="inventory_details_desc_container"]
//div[@class="inventory_details_name"]/
//div[contains(text(),'Available Test Cases')]
//span[@class="popper__reference" and
.="$|Testcase_name|"]/..//div[@class="ReactVirtualized__Grid__innerScrollContainer"
]//div[@class="ml-3 mr-4 cursor-pointer"]
//div[@data-focus-trap="false"]