0

I am trying to select the drop down value inside my shadow element using below code, I went to last point but the selection has not happened, I want to select any dropdown item from the screen based on text (trip.com, priceline.com etc), please help.

```WebElement shadowRoot1 = expandRootElement(root1);

            WebElement root2 = shadowRoot1.findElement(By.id("hotels-search"));
            WebElement shadowRoot2 = expandRootElement(root2);

            WebElement root3 = shadowRoot2.findElement(By.id("detail"));
            WebElement shadowRoot3 = expandRootElement(root3);

            WebElement root4 = shadowRoot3.findElement(By.id("rates"));
            WebElement shadowRoot4 = expandRootElement(root4);
            WebElement root5 = shadowRoot4.findElement(By.tagName("hotel-rates-sort-bar"));
            WebElement shadowRoot5 = expandRootElement(root5); 
            WebElement element = shadowRoot5.findElement(By.cssSelector("#__providersDropdown > div.dropdown > div"));  
            Select select= new Select(element);
            select.selectByIndex(2);```

My elements in the below screenshot enter image description here

  • is the webpage built using the PolymerJS framework? – Alok Mar 25 at 3:50
  • Yes Alok,as per developer they are using PolymerJS – Sinu Reddy Mar 25 at 4:10
  • Any suggestion how to handle this scenario? – Sinu Reddy Mar 25 at 10:24
  • How to handle Shadow root this link should be helpful to you. – Alok Mar 26 at 6:17
  • Thanks Alok,i am able to handle all other functions,except the drop down i tried same way which provided in docs,is there any specific tutorial or doc related to shadow elements for all functions? – Sinu Reddy Mar 26 at 6:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.