java seleniumでWEBページの読み込みを待たず、特定の要素があれば次の処理を行いたい

Question

前提・実現したいこと

SeleniumのWebDraiverを使用し、ブラウザ操作の自動化を行っているのですが、
ページにアクセスし、特定の要素が表示された時点で、読み込みを待たず次の処理に進む方法が分かりません。
調べたところ、WebDriverWaitクラスとExpectedConditionsクラスを使えば要素が表示されるまで待機することが分かったので下記コードで実行を行いましたが、要素が表示されてからもページ全体の読み込みを待っているように見えます。
（要素は表示されており手動でクリックできる状態ですが、ブラウザの左下にキャッシュ待機中…などが表示され読み込みが完全に終わるのを待っている状態）

該当のソースコード

//ページにアクセスする
driver.get("https://");
//submitBtnの要素が表示されるまで最大10秒待機
Wait<WebDriver> wait = new WebDriverWait(driver, 10);
wait.until(visibilityOfElementLocated(By.className("submitBtn")));
//submitBtnをクリック
WebElement element = driver.findElement(By.className("submitBtn"));
element.click();

//ページにアクセスする
driver.get("https://");

ExpectedCondition<WebElement> waitCondition = new ExpectedCondition<WebElement>() {
　　public WebElement apply(WebDriver driver) {
　　　   return driver.findElement(By.className("submitBtn"));
        }
    });
//submitBtnをクリック
WebElement element = driver.findElement(By.className("submitBtn"));
element.click();

wait.until(waitCondition);

上記で実行すると要素が表示されてからもページの読み込みが続行してしまうので手動でボタンを押した方が早くなってしまう状態です。
まとめると、ページ読み込み中でもボタンがあればクリックするという処理にしたいです。
勉強不足で非同期処理などあまり詳しくは分からないのですが関係があるのでしょうか。

Answer 1

webdriverwaitを使いましょう。
下の例ではクリックできるまで待つを基準にしていますが、他にも色々と待ち方の指定がありますので、
このサイトを参考にしてください。

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
from selenium.common.exceptions import TimeoutException


# 遷移する
driver.hogehoge.click()

# この例だと「クラス属性」が「submitBtn」の要素が「クリックできるようになるまで」「最大で10秒」待つ
# 10秒以内にクリックできるようになったら次の処理へ進む
try:
    WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CLASS_NAME, 'submitBtn')))
except TimeoutException:
    # 10秒待ってもクリックできなかった時の処理を書く

# 次の処理を書く

Comments

[shirai]

すいませんこれjavaでしたね。
おそらく似たような関数があると思うので探してみてください。

[sha_ka_ma]

回答ありがとうございます。
WebDriverWaitクラスを使用したのですが、要素が表示されても読み込みを待っているように見えてます。
実施した内容を追記しました。

[shirai]

この要素が表示されるまで待ちたいという部分のDOMだけでもいただけないでしょうか。

[sha_ka_ma]

表示されるまで待ちたい要素は下記になります。
<div class="submitBtn">

[shirai]

DOMは正しく指定できてそうですね。。。
elementToBeClickableに変えてみてもうまくいかないでしょうか。

[sha_ka_ma]

elementToBeClickableに変更して実行しましたが、同様にページ読み込みが終わるのを待ってからの処理になりました。
対象にしている要素が悪い場合とかあるのでしょうか・・・。

[shirai]

いえ、悪いということはないと思います。
ちなみにですが何かエラーなどは出ていますか？

[sha_ka_ma]

エラーはとくに出ておりません。
ブラウザ上で手動でDOMを表示させたままページの更新を行うと、画像等、全体の読み込みが完了してからDOMが表示されているように見えます。
ページの読み込みが完了してからDOMの表示なので、実際にプログラムを動かしても読み込みが完了してから処理しているように見えてしまうのでしょうか。

[shirai]

なるほど、、、少し特殊な作りですね。
おそらくユーザーの体感速度を向上させるために
先に絵だけ表示させておいて
後からajax的なのを実行しているパターンだと思います。

そうなるとwebdriverwaitを使っても大きな効果は見込めそうにありません。
見かけ上GUI上に現れているのに後ろでDOMが出来上がっていないので
結局ボタンを押せるようになるのはその時間まで待つしかないと思います。

[sha_ka_ma]

いずれにせよDOM表示まで待つしかないということですね。
SeleniumのWebDriver以外で解決できたり、他の方法などありますでしょうか。

[shirai]

ajaxを回すパターンだとしたらこれはもう
サーバ側の読み込み順の問題なのでどうしようも無いかと。。。

[sha_ka_ma]

ご回答ありがとうございました。
諦めます。