2022年6月15日にIEのサポートが終了するということで、他のブラウザに移行する方も多いかと思われます。
その移行先の1つにEdgeのIEモードがあります。Qiitaの記事によると、2029年までサポートするとの事です。
しかし自動テストツールではこのIEモードに対応しているツールは少ないです。
その1つにSeleniumがあります。
今回は、そのSeleniumを使って自動化してみたいと思います。
お伝えしたいこと
いくつか設定の変更や制約があるが、SeleniumでEdgeのIEモードを動かすことは可能
今回実装した環境
| 項目 | バージョン |
|---|---|
| OS | Windows 10 pro |
| ブラウザ | バージョン 100.0.1185.29 (公式ビルド) (64 ビット) |
| 言語 | Python |
| IDE | Visual Studio Code |
| Webdriver | The Internet Explorer Driver Server 4.0.0.0 |
| Selenium | 4.1.3 |
| pytest | 7.1.1 |
事前準備
- Chromium版Edgeのインストール（すでにある人は不要）
- EdgeのIEモードを有効にする
- こちらの記事が分かりやすいです。
- IE用WebDriverのダウンロード
- Seleniumで使用するwebdriverをダウンロードします。
- ダウンロード場所：Downloads | Selenium
- 「32 bit Windows IE」を選択することをおすすめします。
注意
ダウンロード後、格納場所を環境変数PATHに追加してください。（こちらの記事を参照のこと）
EdgeのIEモードで実施するためのコードを書く
今回の対象webサイトはHotelサイトをフォークし、アレンジしたものを使用します。
対象Webサイト：宿泊予約 | HOTEL PLANISPHERE - テスト自動化練習サイト (vtoruyamaguchi.github.io)
Microsoftの記事を参考にして、実装しました。
IEモードで起動する
from selenium import webdriver
class TestHotelPlanisphere(object):
def setup_method(self):
# Microsoft Edgeに追加のプロパティを使用し、InternetExplorerOptionsを定義
ie_options = webdriver.IeOptions()
ie_options.attach_to_edge_chrome = True
ie_options.edge_executable_path = "C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe"
# IEDriverの起動し、画面サイズを最大にする
self.driver = webdriver.Ie(options=ie_options)
self.driver.maximize_window()
サンプルコード
from os import name
from selenium import webdriver
from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
class TestHotelPlanisphere(object):
def setup_method(self):
ie_options = webdriver.IeOptions()
ie_options.attach_to_edge_chrome = True
ie_options.edge_executable_path = "C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe"
self.driver = webdriver.Ie(options=ie_options)
self.driver.maximize_window()
def test_change_all_params(self):
# サイトを開く
driver = self.driver
driver.get("https://vtoruyamaguchi.github.io/hotel-example-site/ja/reserve.html?plan-id=0")
WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.ID, "confirm-button")))
# 宿泊日の指定
textbox = driver.find_element(By.ID, "accommodation")
textbox.clear()
textbox.send_keys("2022/04/09")
# 宿泊数
stay = driver.find_element(By.ID, "term")
stay.clear()
stay.send_keys("3")
# 宿泊人数
people = driver.find_element(By.ID, "head-count")
people.clear()
people.send_keys("2")
# プラン選択
driver.find_element(By.ID, "sightseeing").click()
# 名前入力
name = driver.find_element(By.ID, "username")
name.clear()
name.send_keys("toru yamaguchi")
# 確認連絡方法
dropdown = Select(driver.find_element(By.ID, "contact"))
dropdown.select_by_value("no")
# 予約ボタン押下
driver.find_element(By.ID, "confirm-button").click()
def teardown_method(self):
self.driver.quit()
テスト実施時に気を付けること
テストコードを実行する時、以下の設定が必要になります。
- ディスプレイの拡張率を100%にする
- インターネットオプションのセキュリティタブにて、IEの拡張保護モードをすべて無効にする（インターネット/ローカルイントラネット/信頼済みサイト/制限付きサイト）
実行は従来通りです。
pytest ファイル名
以下のようにIEモードで実行することができましたー
まとめ
いくつか設定変更や制約がありますが、EdgeのIEモードでも自動化できました。
IEモードで実装する必要が出てきたらこの記事を参考にしていただければと思います。