CODEWITHSUNDEEP
javascriptselenium-webdriver
SUM
SUM

Reputation: 1661

Selenium-webdriver (Java Script) wait for element to disappear

driver.wait(until.elementIsPresent(By.css(".popup-backdrop fade")), 15000);

How do I do the opposite of this? I want to wait till the ".popup-backdrop fade" overlay disappears before I click on an element.

I am using Selenium-webdriver (using Javascript and not using Java or Python or C#)

Upvotes: 7

Views: 9251

Answers (5)

Trev14
Trev14

Reputation: 4116

Good news, it's built in now

It looks like elementIsNotVisible has been added to until after the previous answers were given. I'm using selenium webdriver 4.0.0-beta.3

Check it out:

const timeout = 60 * 1000; // 60 seconds
const element = await driver.findElement(By.id(elementId));

// this is the important line 
await driver.wait(until.elementIsNotVisible(element), timeout);

Upvotes: -2

Harvard Pan
Harvard Pan

Reputation: 79

As indicated on the comment to the accepted question, until.Condition is not a valid constructor in Selenium 4. Instead, one can do this:

const { By, until, Condition } = require('selenium-webdriver');

until.elementIsNotPresent = function elementIsNotPresent(locator) {
  return new Condition('for no element to be located ' + locator, function(driver) {
    return driver.findElements(locator).then(function(elements) {
      return elements.length === 0;
    });
  });
};

The reference to using Condition can be found here: https://github.com/seleniumhq/selenium/issues/2755

Upvotes: 5

rideronthestorm
rideronthestorm

Reputation: 747

This is another solution of the problem, more inline (but it works, as opposed to the accepted answer which crashes with "TypeError: until.Condition is not a constructor"): 

    await this._webDriver.wait(() => {
        return this._webDriver.findElements(By.id('loadingIndicator')).then(function(found) {
            return found.length === 0;
        });
    }, 3000, 'The element should disappear');

Upvotes: 1

Alin Pop
Alin Pop

Reputation: 471

You could also try something like:

let faderElement = webdriver.By.css('.fader');
driver.wait(webdriver.until.elementLocated(faderElement));
let faderElementFound = driver.findElement(faderElement);
driver.wait(webdriver.until.elementIsVisible(faderElementFound));
driver.wait(webdriver.until.elementIsNotVisible(faderElementFound));

Upvotes: -1

Florent B.
Florent B.

Reputation: 42518

Haven't found the negative wait in the code source. A solution would be to implement your own condition:

var webdriver = require('selenium-webdriver');
var until = webdriver.until;
var By = webdriver.By;

until.elementIsNotPresent = function elementIsNotPresent(locator) {
  return new until.Condition('for no element to be located ' + locator, function(driver) {
    return driver.findElements(locator).then(function(elements) {
      return elements.length == 0;
    });
  });
};

driver.wait(until.elementIsNotPresent(By.css(".popup-backdrop fade")), 15000);

Upvotes: 6

Related Questions