web-dev-qa-db-ja.com

Selenium WebDriverは要素が表示されるまで待機します

Googleで検索したところ、SOサイトで、Javaに対する回答が得られますが、node.jsに対する回答は得られないようです。

ロードに時間がかかるWebアプリがあります。 Seleniumプログラムは、ページがロードされるまで待機してから、いくつかのアクションを実行します。

私の現在のコードは次のとおりです

//dependencies
var webdriver = require('Selenium-webdriver'),
    util = require('util'),
    _ = require('underscore');

var driver = new webdriver.Builder().withCapabilities(webdriver.Capabilities.chrome()).build();
var branchName =  _.isUndefined(process.argv[3]) ? 'branch' : process.argv[3], 
    hostName = _.isUndefined(process.argv[2]) ? 'localhost' : process.argv[2],
    appTmpl = 'http://%s/%s',
    username = 'xxxx',
    password = 'xxxx';
var appUrl = util.format(appTmpl, hostName, branchName);

driver.get(appUrl);
driver.findElement(webdriver.By.name("username")).sendKeys(username);
driver.findElement(webdriver.By.name("password")).sendKeys(password);
driver.findElement(webdriver.By.name("login_button")).click();
driver.quit();

私が得るエラーは次のとおりです：

    C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:1643
      throw error;
            ^
NoSuchElementError: no such element
  (Session info: chrome=37.0.2062.103)
  (Driver info: chromedriver=2.10.267521,platform=Windows NT 6.1 SP1 x86_64)
    at new bot.Error (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\atoms\error.js:109:18)
    at Object.bot.response.checkResponse (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\atoms\response.js:106:9)
    at C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\webdriver.js:277:20
    at C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\goog\base.js:1243:15
    at webdriver.promise.ControlFlow.runInNewFrame_ (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:1539:20)
    at notify (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:362:12)
    at notifyAll (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:331:7)
    at resolve (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:309:7)
    at fulfill (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:429:5)
    at C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\promise.js:1406:10
==== async task ====
WebDriver.findElement(By.name("username"))
    at webdriver.WebDriver.schedule (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\webdriver.js:268:15)
    at webdriver.WebDriver.findElement (C:\Work\study\Selenium\node_modules\Selenium-webdriver\lib\webdriver\webdriver.js:711:17)
    at Object.<anonymous> (C:\Work\study\Selenium\test.js:15:8)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Function.Module.runMain (module.js:497:10)
    at startup (node.js:119:16)
javascriptnode.jsselenium-webdriver
38
Anand Sunderraman

私は私の質問への答えにつまずいた

そのため、要素が表示されるのを待つには：

driver.wait(function () {
    return driver.isElementPresent(webdriver.By.name("username"));
}, timeout);
44
Anand Sunderraman

then()を使用して、webdriver.waitにリスナーを登録できます。

return driver.wait(until.elementLocated(By.name('username')), 5 * 1000).then(el => {
    return el.sendKeys(username);
});
32
Joe Coder

カスタム関数は必要ありません。これを行うことができます：

  let el = await driver.findElement(By.id(`import-file-acqId:${acqId}`));
  await driver.wait(until.elementIsVisible(el),100);
  await el.sendKeys(file);

こちらのドキュメントをご覧ください。

https://seleniumhq.github.io/Selenium/docs/api/javascript/module/Selenium-webdriver/lib/until.html

20
Alexander Mills

次のようなものを試してください：

function isItThere(driver, element){

    driver.findElement(webdriver.By.id(element)).then(function(webElement) {
            console.log(element + ' exists');
        }, function(err) {
            if (err.state && err.state === 'no such element') {
                console.log(element + ' not found');
            } else {
                webdriver.promise.rejected(err);
            }
        });
}

ここで見つけたものに基づいて少し調整しました： 要素が存在するかどうかを確認します-Selenium/javascript/node-js それは魅力的でした。

3
QualiT

これは私のために働いている唯一のものです：

const element = By.id('element');
driver.wait(until.elementLocated(element));
const whatElement = driver.findElement(element);
driver.wait(until.elementIsVisible(whatElement), 5000).click();
3
Christopher Grigg

私は通常この方法を使用します：

 var el = driver.wait(until.elementLocated(By.name('username')));
el.click();
1
Tadeu Rangel

このアプローチを思いついたのは、次のように書くことができるようにチェーン可能なプロミス構文を維持しているからです：await waitFind(By.id('abc')).click()

const waitFind = (locator) => {
    return driver.findElement(async () => {
        await driver.wait(until.elementLocated(locator));
        return driver.findElement(locator);
    });
}
1
James H

この問題を回避するために非同期関数を書く

(async function() {
  let url = args[0];
  await driver.get(url);
  driver.quit();
})();
0
Tamil