Selenium Wait for anyone of Element to visible

Question

While Clicking a particular button - my test site will open modal window.

But the modal window opens are differ, either it opened with modal window 1 or modal window 2

Both are having different title, different options and different locators. Now I should have to wait until the modal window open Either 1 or 2.

Is it possible to wait until either one modal window (WebElement) is visible?

I have searched in WebDriverWait methods, but all methods are to wait until a particular WebElement to visible or clickable.

I can't find a better method to wait until either one is visible.

Could you suggests any one method to solve this situation?

driver.findElement(By.xpath("//*[@id="docmnt"]/span[1]/button")).click(); WebElement ele2=driver.findElement(By.xpath("//*[@id="updocmnt"]/div/div/div[1]/h4")); WebElement ele3=driver.findElement(By.xpath("//*[@id="complete"]/div/div/div[1]")); WebDriverWait wait =new WebDriverWait(driver, 50); wait.until(ExpectedConditions.visibilityOf(ele2)); but I have to wait until visibility of Either ele2 or ele3 — Vanjithkumar, Mar 22 '17 at 07:11

score 13 · Accepted Answer · answered Mar 22 '17 at 06:59

13

You can use or expected conditions for that

WebDriverWait wait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.or(
    ExpectedConditions.visibilityOfElementLocated(By.id("id1")),
    ExpectedConditions.visibilityOfElementLocated(By.id("id2"))
));

Or use cssSelector or ,

wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("#id1, #id2"));

answered Mar 22 '17 at 06:59

Guy

46,488
10
44
88

when i use that i get the method or is undefined for type ExpectedConditions. any ideas why – sbolla Apr 04 '17 at 18:27
1

@ShanmukhaBollapragada You should post a new question with the details and the code. – Guy Apr 04 '17 at 19:26
1

(By.cssSelector("#id1, #id2")) ); <--- this semi colon is missing :p – Sajan Dec 08 '17 at 04:02

score 0 · Answer 2 · answered Feb 14 '21 at 21:00

To induce WebDriverWait until either one modal window WebElement is visible you can use the or() clause as follows:

new WebDriverWait(driver, 10).until(ExpectedConditions.or(
    ExpectedConditions.visibilityOfElementLocated(By.name("name_modalA_element")),
    ExpectedConditions.visibilityOfElementLocated(By.xpath("xpath_modalB_element"))
));

With cssSelector you can seperate the elements using the comma character i.e. , as follows:

new WebDriverWait(driver, 10).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("css_modalA_element, css_modalB_element"));

References

You can find a couple of relevant detailed discussions in:

Selenium Wait for anyone of Element to visible

2 Answers2

References

Linked