Every time I navigate to www.reddit.com and enter a query in the Search field, then press enter to go to the first valid link within a subreddit, sorting options are presented. By default, it is set to BEST but I wish to change it to TOP. My test class code is utilizing Java with BDD and POP:
public void top_most_top_tile_will_be_printed_on_screen() throws Throwable {
redditDetailsPage.changeSorting();
}
Here is my Page code:
@FindBy (id = "CommentSort--SortPicker")
private WebElement sortingOption;
@FindBy (xpath = "/html/body/div[3]/a[2]/button")
private WebElement topOption;
public RedditDetailsPage(WebDriver driver) {
super(driver);
}
public RedditDetailsPage changeSorting(){
sortingOption.click();
topOption.click();
return this;
}
I suspect the issue lies with the xpath for the topOption element. Despite trying various methods such as locating it by parent div class or parent a class name, I consistently receive the following error message:
org.openqa.selenium.NoSuchElementException: Unable to locate element: /html/body/div[3]/a[2]/button
I attempted to use ExpectedConditions, however, it seems that my code is unable to recognize its presence. Upon clicking sortingOption.click(), this div is injected: https://i.stack.imgur.com/12bL8.png
In addition, manual testing reveals that the xpath is valid when performing the action manually and elements are highlighted. I am uncertain of other strategies to sort this list.
Could anyone advise on how to click on Sorting options and select TOP from the list using Selenium?
An interesting observation - while comparing the div obtained from manual testing, the xpath to this element was:
/html/body/div[3]/a[2]/button
However, upon conducting the same from debugging (when the browser from selenium was open), it pointed to:
/html/body/div[4]/a[2]/button
The root cause appears to be related to the xpath, although the exact reason remains unclear. Could someone attempt this on their machines, please?