「invisibilityOfElementLocated」を実行することで指定した要素が非表示になるまで待機することが出来ます。
下記サンプルではまず初めに、「WebDriverWait」コンストラクタの引数に対象driverと待ち時間(秒数)を指定して、インスタンスを作成しています。
次に作成されたインスタンスに対して「until」メソッドを実行しています。「until」メソッドは、引数に指定された条件が真になるまで待機するメソッドです。引数に指定するメソッドの「invisibilityOfElementLocated」は、「ExpectedConditions.invisibilityOfElementLocated」の形で用いることで、指定した要素が非表示かどうかを確認することができます。また、「invisibilityOfElementLocated」は引数を設定する必要があります。引数でどういった方法で要素を取得するか(要素ロケータ)を指定し、要素を取得しています。つまり総合すると取得した要素が非表示になるまで待つということになります。もし要素が「WebDriverWait」コンストラクタで指定した待ち時間を越えても、期待値の状態にならない場合はExceptionが発生します。今回のケースでは、HTML内のjavascriptで5秒後に要素が非表示になるように設定しています。待ち時間を10秒に設定しているのでExceptionは発生しません。
※条件を指定して待機についてはこちら
説明
◆メソッド ・public static ExpectedCondition<java.lang.Boolean> invisibilityOfElementLocated(By locator) ◆使用形態 ・ExpectedConditions.invisibilityOfElementLocated(locator) ◆備考 ・要素が不可視またはDOM上で現れなくなるまで待機する ・最大待機時間を越えても要素が不可視にならない場合はExceptionが発生する ◆関連項目 ・指定したテキストが表示されるまで待機する ・指定したテキストが非表示にまるまで待機する
サンプル
import java.time.Duration;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
public class WebTest{
public static void main(String[] args){
//Chrome制御のためChromeDriverのパスを指定
System.setProperty("webdriver.chrome.driver",
"D:\\AutoTest\\chromedriver.exe");
//Chromeを起動する
WebDriver driver = new ChromeDriver();
try{
//指定したURLに遷移する<図1>
driver.get("file://D:/AutoTest/invisibilityOfElementLocated.html");
//指定したdriverに対して最大で10秒間待つように設定する
Duration waitTime = Duration.ofSeconds(10);
WebDriverWait wait = new WebDriverWait(driver, waitTime);
//指定された要素が非表示になるまで待機する(要素は約5秒後に非表示になる)
boolean result = wait.until(ExpectedConditions.
invisibilityOfElementLocated(By.id("Btn01")));
//要素が非表示になっているか確認
System.out.println(result);
}catch(Exception e){
e.printStackTrace();
}
}
}※selenium version 4.1.4で動作確認をしています
実行結果
true
invisibilityOfElementLocated.html＜図1＞
<!DOCTYPE html>
<html lang="ja">
<head>
<title>invisibilityOfElementLocated</title>
</head>
<body>
<p>ボタンが非表示になるまで待機する</p>
<p><input type="button" value="test" id="Btn01"></p>
<script>
function hideBtn(){
var btnElm = document.getElementById("Btn01");
btnElm.style.visibility = "hidden";
}
setTimeout("hideBtn()", 5000);
</script>
</body>
</html>
動画デモ
※字幕をONにすると解説のテロップが表示されます※
