【Selenium】IEモードでテスト自動化をしてみる #Python

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のインストール（すでにある人は不要）
- ダウンロード場所：Microsoft Edge Web ブラウザーをダウンロード | Microsoft
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モードで実装する必要が出てきたらこの記事を参考にしていただければと思います。

【Selenium】IEモードでテスト自動化をしてみる