selenium

[Python] seleniumでモーダルウィンドウを操作する方法

Seleniumでモーダルウィンドウを操作するには、まずモーダルが表示されるまで待機し、その後にモーダル内の要素を操作します。

WebDriverWaitを使用してモーダルが表示されるのを待つことが一般的です。

モーダルが別のウィンドウやフレームで表示される場合は、switch_to.window()switch_to.frame()を使って適切なコンテキストに切り替えます。

操作が完了したら、元のウィンドウやフレームに戻す必要があります。

目次から探す
  1. Seleniumでモーダルウィンドウを操作する基本手順
  2. モーダルウィンドウの表示を待つ方法
  3. モーダルウィンドウ内の要素を操作する方法
  4. モーダルウィンドウの切り替え方法
  5. モーダルウィンドウを閉じる方法
  6. 応用例:複雑なモーダルウィンドウの操作
  7. まとめ

Seleniumでモーダルウィンドウを操作する基本手順

Seleniumは、Webアプリケーションの自動テストを行うための強力なツールです。

モーダルウィンドウは、ユーザーの操作を一時的に制限するポップアップの一種で、特にフォームの入力や確認メッセージの表示に使われます。

モーダルウィンドウを操作するためには、まずその表示を待つ必要があります。

次に、モーダル内の要素を特定し、必要な操作を実行します。

最後に、モーダルウィンドウを閉じる手順を踏むことで、元の画面に戻ることができます。

以下に、モーダルウィンドウを操作する際の基本的な流れを示します。

  1. モーダルウィンドウが表示されるのを待つ。
  2. モーダル内の要素を取得する。
  3. 必要な操作(クリック、入力など)を行う。
  4. モーダルウィンドウを閉じる。

この手順を理解することで、Seleniumを使ったモーダルウィンドウの操作がスムーズに行えるようになります。

モーダルウィンドウの表示を待つ方法

モーダルウィンドウを操作する前に、その表示を待つことが重要です。

Seleniumでは、待機の方法として「明示的待機」と「暗黙的待機」があります。

ここでは、これらの待機方法について詳しく解説します。

WebDriverWaitを使った待機

WebDriverWaitを使用すると、特定の条件が満たされるまで待機することができます。

以下は、モーダルウィンドウが表示されるのを待つサンプルコードです。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
# WebDriverの初期化
driver = webdriver.Chrome()
# 指定したURLにアクセス
driver.get("https://example.com")
# モーダルウィンドウが表示されるのを待つ
try:
    modal = WebDriverWait(driver, 10).until(
        EC.visibility_of_element_located((By.ID, "modalId"))
    )
    print("モーダルウィンドウが表示されました。")
except TimeoutException:
    print("モーダルウィンドウが表示されませんでした。")
モーダルウィンドウが表示されました。

明示的待機と暗黙的待機の違い

  • 明示的待機: 特定の条件が満たされるまで待機する。

条件を指定できるため、柔軟性が高い。

  • 暗黙的待機: 指定した時間内に要素が見つからない場合、例外をスローする。

全ての要素に対して適用される。

待機方法特徴使用例
明示的待機条件を指定して待機WebDriverWaitを使用
暗黙的待機全ての要素に対して適用される待機driver.implicitly_wait(10)

モーダルが表示されるまでの待機時間を設定する方法

WebDriverWaitの待機時間は、コンストラクタの第2引数で指定します。

上記の例では、最大10秒間待機する設定になっています。

この時間は、アプリケーションの応答速度に応じて調整することができます。

モーダルが表示されない場合のエラーハンドリング

モーダルウィンドウが表示されない場合、TimeoutExceptionが発生します。

この例外をキャッチして、適切なエラーメッセージを表示することで、テストの信頼性を向上させることができます。

上記のサンプルコードでは、モーダルが表示されなかった場合の処理も含まれています。

モーダルウィンドウ内の要素を操作する方法

モーダルウィンドウが表示されたら、その中の要素を操作することができます。

ここでは、モーダル内の要素を特定し、操作する方法について詳しく解説します。

モーダル内の要素を特定する方法

モーダルウィンドウ内の要素を特定するためには、要素の属性(ID、クラス名、XPathなど)を使用します。

モーダルが表示された後、これらの属性を使って要素を取得します。

find_elementを使った要素の取得

find_elementメソッドを使用して、モーダル内の特定の要素を取得します。

以下は、モーダル内のボタンを取得するサンプルコードです。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
# WebDriverの初期化
driver = webdriver.Chrome()
driver.get("https://example.com")
# モーダルウィンドウが表示されるのを待つ
modal = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.ID, "modalId"))
)
# モーダル内のボタンを取得
button = modal.find_element(By.ID, "buttonId")
print("ボタンが取得できました。")
ボタンが取得できました。

モーダル内のボタンをクリックする方法

取得したボタンをクリックするには、click()メソッドを使用します。

以下は、モーダル内のボタンをクリックするサンプルコードです。

# モーダル内のボタンをクリック
button.click()
print("ボタンがクリックされました。")
ボタンがクリックされました。

テキストフィールドに値を入力する方法

モーダル内のテキストフィールドに値を入力するには、send_keys()メソッドを使用します。

以下は、テキストフィールドに値を入力するサンプルコードです。

# モーダル内のテキストフィールドを取得
text_field = modal.find_element(By.ID, "textFieldId")
# テキストフィールドに値を入力
text_field.send_keys("入力するテキスト")
print("テキストが入力されました。")
テキストが入力されました。

ドロップダウンやチェックボックスの操作

モーダル内のドロップダウンやチェックボックスを操作するには、Selectクラスclick()メソッドを使用します。

以下は、ドロップダウンから選択肢を選ぶサンプルコードです。

from selenium.webdriver.support.ui import Select
# モーダル内のドロップダウンを取得
dropdown = Select(modal.find_element(By.ID, "dropdownId"))
# ドロップダウンから選択肢を選ぶ
dropdown.select_by_visible_text("選択肢1")
print("ドロップダウンから選択肢が選ばれました。")
# モーダル内のチェックボックスを取得
checkbox = modal.find_element(By.ID, "checkboxId")
# チェックボックスをクリックして選択
checkbox.click()
print("チェックボックスが選択されました。")
ドロップダウンから選択肢が選ばれました。
チェックボックスが選択されました。

これらの方法を使うことで、モーダルウィンドウ内の要素を効果的に操作することができます。

モーダルウィンドウの切り替え方法

モーダルウィンドウを操作する際には、ウィンドウやフレームの切り替えが必要になることがあります。

ここでは、Seleniumを使用してモーダルウィンドウやフレームを切り替える方法について解説します。

switch_to.window()を使ったウィンドウの切り替え

switch_to.window()メソッドを使用すると、異なるウィンドウに切り替えることができます。

以下は、モーダルウィンドウに切り替えるサンプルコードです。

from selenium import webdriver
# WebDriverの初期化
driver = webdriver.Chrome()
driver.get("https://example.com")
# 新しいウィンドウを開くアクションを実行
driver.execute_script("window.open('https://example.com/modal', '_blank');")
# 現在のウィンドウのハンドルを取得
main_window = driver.current_window_handle
# 新しいウィンドウに切り替え
for window in driver.window_handles:
    if window != main_window:
        driver.switch_to.window(window)
        print("モーダルウィンドウに切り替えました。")
        break
モーダルウィンドウに切り替えました。

switch_to.frame()を使ったフレームの切り替え

モーダルウィンドウがフレーム内に表示される場合、switch_to.frame()メソッドを使用してフレームに切り替える必要があります。

以下は、フレームに切り替えるサンプルコードです。

# フレームに切り替え
driver.switch_to.frame("frameId")
print("フレームに切り替えました。")
フレームに切り替えました。

モーダルウィンドウから元のウィンドウに戻る方法

モーダルウィンドウやフレームの操作が終わったら、元のウィンドウに戻る必要があります。

switch_to.default_content()メソッドを使用して、元のコンテンツに戻ることができます。

# 元のウィンドウに戻る
driver.switch_to.default_content()
print("元のウィンドウに戻りました。")
元のウィンドウに戻りました。

複数のモーダルウィンドウがある場合の対処法

複数のモーダルウィンドウが存在する場合、それぞれのウィンドウを特定して切り替える必要があります。

ウィンドウのハンドルを管理し、必要に応じて切り替えることで、正しいモーダルウィンドウを操作できます。

# 複数のウィンドウをループして切り替え
for window in driver.window_handles:
    driver.switch_to.window(window)
    if "特定のタイトル" in driver.title:
        print("特定のモーダルウィンドウに切り替えました。")
        break
特定のモーダルウィンドウに切り替えました。

これらの方法を使うことで、モーダルウィンドウやフレームの切り替えをスムーズに行うことができます。

モーダルウィンドウを閉じる方法

モーダルウィンドウを操作した後は、適切に閉じる必要があります。

ここでは、モーダルウィンドウを閉じるためのさまざまな方法について解説します。

モーダルウィンドウの閉じ方の種類

モーダルウィンドウを閉じる方法はいくつかあります。

主な方法は以下の通りです。

方法説明
ボタンをクリックモーダル内の閉じるボタンをクリック
ESCキーを送信キーボードのESCキーを送信
JavaScriptを使用JavaScriptを使ってモーダルを閉じる

find_elementで閉じるボタンをクリックする方法

モーダルウィンドウ内に閉じるボタンがある場合、find_elementメソッドを使用してそのボタンを取得し、クリックすることでモーダルを閉じることができます。

以下は、閉じるボタンをクリックするサンプルコードです。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
# WebDriverの初期化
driver = webdriver.Chrome()
driver.get("https://example.com")
# モーダルウィンドウが表示されるのを待つ
modal = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.ID, "modalId"))
)
# モーダル内の閉じるボタンを取得
close_button = modal.find_element(By.ID, "closeButtonId")
# 閉じるボタンをクリック
close_button.click()
print("モーダルウィンドウが閉じられました。")
モーダルウィンドウが閉じられました。

send_keysでESCキーを送信して閉じる方法

モーダルウィンドウを閉じる別の方法として、キーボードのESCキーを送信する方法があります。

以下は、send_keysメソッドを使用してESCキーを送信するサンプルコードです。

from selenium.webdriver.common.keys import Keys
# モーダルウィンドウにフォーカスを移す
modal.click()
# ESCキーを送信してモーダルを閉じる
modal.send_keys(Keys.ESC)
print("モーダルウィンドウがESCキーで閉じられました。")
モーダルウィンドウがESCキーで閉じられました。

execute_scriptでJavaScriptを使って閉じる方法

JavaScriptを使用してモーダルウィンドウを閉じることも可能です。

execute_scriptメソッドを使って、モーダルを閉じるためのJavaScriptコードを実行します。

以下は、そのサンプルコードです。

# JavaScriptを使ってモーダルを閉じる
driver.execute_script("document.getElementById('modalId').style.display='none';")
print("モーダルウィンドウがJavaScriptで閉じられました。")
モーダルウィンドウがJavaScriptで閉じられました。

これらの方法を使うことで、モーダルウィンドウを適切に閉じることができます。

状況に応じて最適な方法を選択してください。

応用例:複雑なモーダルウィンドウの操作

モーダルウィンドウは、単純な操作だけでなく、複雑な操作も可能です。

ここでは、モーダルウィンドウ内でのフォーム送信、ファイルアップロード、動的要素の操作、アラート処理について解説します。

モーダルウィンドウ内でフォームを送信する方法

モーダルウィンドウ内にあるフォームを送信するには、必要なフィールドに値を入力し、送信ボタンをクリックします。

以下は、モーダル内のフォームを送信するサンプルコードです。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
# WebDriverの初期化
driver = webdriver.Chrome()
driver.get("https://example.com")
# モーダルウィンドウが表示されるのを待つ
modal = WebDriverWait(driver, 10).until(
    EC.visibility_of_element_located((By.ID, "modalId"))
)
# フォームのテキストフィールドに値を入力
text_field = modal.find_element(By.ID, "textFieldId")
text_field.send_keys("サンプルテキスト")
# フォームを送信するボタンをクリック
submit_button = modal.find_element(By.ID, "submitButtonId")
submit_button.click()
print("フォームが送信されました。")
フォームが送信されました。

モーダルウィンドウ内でファイルをアップロードする方法

モーダルウィンドウ内でファイルをアップロードするには、ファイル選択用の入力フィールドにファイルパスを指定します。

以下は、ファイルをアップロードするサンプルコードです。

# ファイルアップロード用の入力フィールドを取得
file_input = modal.find_element(By.ID, "fileInputId")
# アップロードするファイルのパスを指定
file_input.send_keys("/path/to/your/file.txt")
print("ファイルがアップロードされました。")
ファイルがアップロードされました。

モーダルウィンドウ内で動的に生成される要素を操作する方法

動的に生成される要素を操作する場合、要素が表示されるまで待機する必要があります。

以下は、動的に生成されるボタンをクリックするサンプルコードです。

# 動的に生成されるボタンが表示されるのを待つ
dynamic_button = WebDriverWait(modal, 10).until(
    EC.element_to_be_clickable((By.ID, "dynamicButtonId"))
)
# ボタンをクリック
dynamic_button.click()
print("動的に生成されたボタンがクリックされました。")
動的に生成されたボタンがクリックされました。

モーダルウィンドウ内でアラートを処理する方法

モーダルウィンドウ内でアラートが表示される場合、switch_to.alertを使用してアラートを処理します。

以下は、アラートを受け入れるサンプルコードです。

# アラートが表示されるのを待つ
WebDriverWait(driver, 10).until(EC.alert_is_present())
# アラートを切り替え
alert = driver.switch_to.alert
# アラートのメッセージを取得
print("アラートメッセージ:", alert.text)
# アラートを受け入れる
alert.accept()
print("アラートが受け入れられました。")
アラートメッセージ: ここにアラートのメッセージが表示されます。
アラートが受け入れられました。

これらの応用例を通じて、モーダルウィンドウ内での複雑な操作を効果的に行うことができます。

状況に応じて適切な方法を選択し、スムーズな操作を実現しましょう。

まとめ

この記事では、Seleniumを使用してモーダルウィンドウを操作する方法について詳しく解説しました。

モーダルウィンドウの表示を待つ方法や、内部の要素を操作する手順、ウィンドウやフレームの切り替え、さらにはモーダルを閉じる方法まで、幅広いテクニックを紹介しました。

これらの知識を活用することで、Webアプリケーションの自動テストや操作をより効率的に行えるようになるでしょう。

ぜひ、実際のプロジェクトでこれらのテクニックを試してみてください。

関連記事

Back to top button
目次へ