Selenium Web Driverで動的に読み込まれたコンテンツをテストします。

Question

私はSeleniumでテストしているWebベースのフロントエンドを持つシステムで作業しています。あるページでは、スクロールするときにコンテンツが動的にロードされます（Facebookのフレンドリストから知っているかもしれません）。これは要件の1つです。

JavascriptでSelenium Webdriver（Chromeを使用しています）をスクロールしても問題ありません。しかし、動的に追加されるコンテンツには問題があります。 Webdriverでこれらの要素を見つけるにはどうしたらいいですか？

私はより多くのコンテンツがロードされなくなるまでスクロールダウンし、次を試してみました：初めてダウン

int oldSize = 0; 
int newSize = 0; 
do { 
    driver.executeScript("window.scrollTo(0,document.body.scrollHeight)"); 
    newSize = driver.findElementsBy(By.cssSelector("selector").size(); 
} while(newSize > oldSize); 

しかし、ページがスクロールかかわらず、いくつか今、コンテンツが正しくロードされている、彼らはドライバーによって発見されることはありません'findElementsBy（By）関数。

誰かがこの問題に直面しましたか？私は誰かがそれのための解決策を考え出すのを手伝ってくれたらとてもうれしいです！

よろしく、ベンジャミン

Answer 1

私はこの問題は、読み込みが完了する動的なコンテンツを待っていると思います。 findElementsByの直前に3秒待つことを試みますか？ C＃では、コードはThread.Sleep（3000）になります。

Answer 2

ExpectedConditonsでWebDriverWaitを使用することをおすすめします。

//scroll down with Javascript first 
WebDriverWait wait = new WebDriverWait(driver, 30); 
WebElement element = wait.until(ExpectedConditions.elementToBeClickable(By.cssSelector("selector"))); 
//interact with your element 
element.click() 

セレン公式ページが提供する指針を見てみましょう： http://seleniumhq.org/docs/04_webdriver_advanced.html

Answer 3

は特に、流暢な待機を使用してみてください。主な機能は次のとおりです。

オンザフライでタイムアウトとポーリング間隔を設定できるWaitインターフェイスの実装です。 各FluentWaitインスタンスは、条件を待つ最大時間と、条件を確認する頻度を定義します。さらに、ユーザーは、ページ上の要素を検索するときにNoSuchElementExceptionsなどの待機中に特定のタイプの例外を無視するように待機を構成することができます。

public WebElement fluentWait(final By locator){ 
     Wait<WebDriver> wait = new FluentWait<WebDriver>(driver) 
       .withTimeout(30, TimeUnit.SECONDS) 
       .pollingEvery(5, TimeUnit.SECONDS) 
       .ignoring(NoSuchElementException.class); 

     WebElement foo = wait.until(
new Function<WebDriver, WebElement>() { 
      public WebElement apply(WebDriver driver) { 
         return driver.findElement(locator); 
       } 
       } 
); 
          return foo;    }  ; 

この方法では、操作できるWeb要素が返されます。 アプローチは次のようになります： 1）スクロール後にレンダリングされると予想される要素のセレクタを見つける必要があります。例えば です。

String cssSelector = "blablabla" 

2）あなたは流暢な待ち時間についての詳細情報を取得することができます

WebElement neededElement = fluentWait(cssSelector); 
neededElement.click(); 
//neededElement.getText().trim(); 

JS 3）でスクロールダウンhere