MagicPodでモバイルWebサイトをテストする方法は大きく分けて2つあります。1つはテスト作成・実行ともにChromeのモバイルエミュレーションの機能を用いて擬似的に行う方法、もう1つはモバイルエミュレーションの機能で作成したテストを外部クラウド上の実機で実行する方法です。まずは共通するテスト作成法方法についてご説明します(実機上でのテスト作成は、現在対応しておりません)。
Chromeのモバイルエミュレーションではモバイル端末(スマートフォン・タブレット)の画面サイズとユーザーエージェントを設定することでモバイルWebサイトに近い挙動を確認することができます。Chromeブラウザの開発者ツールのモバイルエミュレータで挙動を確認する際と同等の確認が可能です。
実機やシミュレータ・エミュレータを起動させる必要がないため、簡単・高速にテストが行えるのがメリットです。
ただし、実際にモバイル端末のOSで動作するわけではないため以下のような細かい動作は再現できません。
- ブラウザの違いによる細かい動作の差異
- たとえばiPhoneをエミュレートする場合ユーザーエージェントはSafariのものになりますが、実際にはChrome上で動作しているのでSafari特有の不具合は見つけることができません。
- OS・ハードウェア起因の動作の差異
モバイルエミュレーションの機能を使うためには、テスト実行設定ダイアログ上で「端末の種類」から「モバイルエミュレーション(Chrome)」を選択し、続いてOS、機種、端末の向きを選択します。機種は現状Chromeの開発者ツールで提供されているものから抜粋していますが、これ以外に確認したいものがある場合にはMagicPodのサポートまでご連絡ください。
モバイルエミュレーション(Chrome)を選択した状態
この状態でブラウザに接続すると、下の図のようにモバイル向けの表示になった状態でChromeが開きます。あとは、通常デスクトップブラウザの場合と同じように操作してください。
モバイルエミュレーションモードで開いたChrome
サイトのHTMLが共通であれば、デスクトップ向けのWebサイトで作成したテストケースをモバイルエミュレーションモードで実行したり、その逆を行うこともできます。テストケースをどちらのモードで作成したかに関わらず、実行時に選択したほうのモードでテストが行われます。
作成したテストを実機で実行する方法については、「BrowserStackのクラウド環境での一括実行」「SauceLabsのクラウド環境での一括実行」をごらんください(いずれかのサービスの契約が別途必要になります)。
- 下記のコマンドはサポートされていません。
- ダブルクリック
- 右クリック
- 特殊キー + クリック
- クリックしてファイルアップロード
- クリックしてファイルダウンロード
- ダウンロードされたことを確認
- ダウンロードが完了するまで待つ
- 新しいタブ・ウィンドウを開く
- テスト対象のWebページがカメラやマイク等へのアクセス許可を必要とする場合、現状は許可を与えることができません(許可を求めるダイアログが表示されますが、操作することができません)。
エミュレーション端末のUser-Agentについて
「モバイルエミュレーション(Chrme)」が選択されている時、選択された機種に対応するUser-Agentが表示されます。
一部の端末では、User-Agentの中に「%s」という文字列が含まれることがありますが、この文字列は、テストの実行の際、テストを実行するChrome自身のバージョンに置き換えられます。
テストの結果画面では、テストで実際に使用されたUser-Agentの情報が表示されます。
ただし、MagicPod 1.32.0(2025年2月10日リリース)より前に実行されたテストの結果ページは、実際にテストで使用されたUser-Agent情報が保存されていないため、「%s」がそのまま表示されます。