Find an element within element using @FindBy Annotation.

Question

For Example,

WebElement parentEle = driver.findElement(By.id("xyz"));
WebElement childEle = parentEle.findElement(By.id("abc"));
childEle.click();

In the above example, We are finding childEle with in parentEle. How can we achieve this using @FindBy annotation (in conjunction with PageFactory)

Answer 1

First of all why do you need to find child from a parent if the child has a UNIQUE id? The main purpose of id is to provide the flexibility of finding the element with a unique selector.

In case if the child element is really nested to other, find that with xpath. I often use that.

@FindBy(how = How.XPATH, using = "//something/something")
private WebElement TestElement;

Or with ID

@FindBy(how = How.ID, using = "abc")
private WebElement TestElement;

Answer 2

This can be achieved in couple of steps:

//identify parent element with @FindBy annotation
    1) @FindBy(className="locator")
       List<WebElement> parent;

//loop through each parent to get child(<li> in your case) of each parent    
    2) for(WebElement list_items:Parent){
       list_items.findElement(By.xpath("child locator"));

I had used this approach and was able to achieve the desired results. Hope this explains your query as well.