Selenyum-webdriver JS - Bir eleman görünene kadar beklemek nasıl?

Question

selenium-webdriver (api docs here) kullanarak, bir öğenin görünür olmasını nasıl bekleyebilirsiniz?

Aşağıdaki işlevlere sahibim, ev yapımı test yardımcıları kümesinin bir parçası ve birincisi çalışır, ancak ikincisi başarısız olur (örneğin, varolduğundan ve görünür olmasından ötürü öğenin görünmeye zaman ayırdığı gibi) ilk html/css/js sayfasındaki tüm akredite testler ve denetimler tarafından onaylanan ve görünür olan ilk işlev tarafından onaylanmıştır.

/** 
* Wait for an element to exist 
* 
* @param {object} locator 
* @param {int} timeout (ms) 
* 
* @return {Promise<element>} 
*/ 
// !! THIS WORKS OK 
exports.waitForElement = function (locator, timeout) { 
    var waitTimeout = timeout || DEFAULT_TIMEOUT; 

    return this.wait(until.elementLocated(locator), waitTimeout) 
    .then(() => { 

     return this.findElement(locator); 
     }); 
}; 


/** 
* Wait for an element to exist and then wait for it to be visible 
* 
* IMPORTANT: this is probable what you want to use instead of 
* waitForVisibleElement most of the time. 
* 
* @param {hash} locator 
* @param {number} timeout 
* 
* @return {Promise<element>} 
*/ 
// !! THIS FAILS TO WORK AS EXPECTED 
exports.waitForVisibleElement = function (locator, timeout) { 
    var waitTimeout = timeout || DEFAULT_TIMEOUT; 

    return this.waitForElement(locator, waitTimeout) 
    .then(el => { 
     console.log('--- element found:', el); 
     return this.wait(until.elementIsVisible(el), waitTimeout) 

     .then(() => { 
      console.log('--- element visible!'); 
      // this is to make sure we are returning the same kind of 
      // promise as waitForElement 
      return this.findElement(locator); 
     }); 

    }); 
}; 

... Ben birden fazla bağlamda test, bu yüzden daha sonra waitForVisibleElement içindeki kod sorununun başka sebebi var ama neden bunu için bir sebep bulmak gibi olamaz: Burada

olduklarını çalışmıyor! Bu kod için açıklama olarak

---

, this bir augment yöntem belirli bir webdriver nesnesi ... muhtemelen şüpheli tasarım deseni, ancak hiçbir sebebi monkeypatches sonra webdriver instance'a (new webdriver.Builder().withCapabilities(webdriver.Capabilities.chrome()).build() sonucu) olmak biter benim Buradaki sorun :)

---

GÜNCELLEME: Anlaşılan bu sadece şimdi artık mantıklı değil ... { xpath: '//*[contains(text(), "first name")]' } gibi XPath locators için gerçekleşir. Ayrıca, Firefox için de aynıdır, bu yüzden garip bir krom-webdriver olayı ...

Answer 1

Büyük ihtimalle bir Promise sorunu. yerine bu deneyin:

exports.waitForElement = function (locator, timeout) { 
    var timeout = timeout || DEFAULT_TIMEOUT; 
    return this.wait(until.elementLocated(locator), timeout); 
}; 

exports.waitForVisibleElement = function (locator, timeout) { 
    var timeout = timeout || DEFAULT_TIMEOUT; 
    var element = this.wait(until.elementLocated(locator), timeout); 
    return this.wait(new until.WebElementCondition('for element to be visible ' + locator, function() { 
    return element.isDisplayed().then(v => v ? element : null); 
    }), timeout); 
}; 

Kullanımı:

driver.get("..."); 

driver.waitForElement(By.id("..."), 2000).getText().then(function(text){ 
    console.log(text); 
}); 

driver.waitForVisibleElement(By.id("..."), 2000).getText().then(function(text){ 
    console.log(text); 
});