モバイルWebサイトのテスト

MagicPodでは、ブラウザプラン・モバイルアプリプランいずれもモバイルWebサイトのテストを行えます。

ブラウザプランの場合：

• テスト作成・実行ともにChromeのモバイルエミュレーションの機能を用いて擬似的に行う
• モバイルエミュレーションの機能で作成したテストを外部クラウド実機で行う

モバイルアプリプランの場合：

• 「指定されたiOS(Android)アプリを起動」コマンドでブラウザアプリを起動し、行う

目次

• ブラウザプランの場合
• モバイルアプリプランの場合

ブラウザプランの場合

モバイルエミュレーションを用いる方法

Chromeのモバイルエミュレーションではモバイル端末（スマートフォン・タブレット）の画面サイズとユーザーエージェントを設定することでモバイルWebサイトに近い挙動を確認することができます。Chromeブラウザの開発者ツールのモバイルエミュレータで挙動を確認する際と同等の確認が可能です。

実機やシミュレータ・エミュレータを起動させる必要がないため、簡単・高速にテストが行えるのがメリットです。

ただし、実際にモバイル端末のOSで動作するわけではないため以下のような細かい動作は再現できません。

• ブラウザの違いによる細かい動作の差異
  • たとえばiPhoneをエミュレートする場合ユーザーエージェントはSafariのものになりますが、実際にはChrome上で動作しているのでSafari特有の不具合は見つけることができません。
• OS・ハードウェア起因の動作の差異

モバイルエミュレーションの機能を使うためには、テスト実行設定ダイアログ上で「端末の種類」から「モバイルエミュレーション(Chrome)」を選択し、続いてOS、機種、端末の向きを選択します。機種は現状Chromeの開発者ツールで提供されているものから抜粋していますが、これ以外に確認したいものがある場合にはMagicPodのサポートまでご連絡ください。

モバイルエミュレーション(Chrome)を選択した状態

この状態でブラウザに接続すると、下の図のようにモバイル向けの表示になった状態でChromeが開きます。あとは、通常デスクトップブラウザの場合と同じように操作してください。

モバイルエミュレーションモードで開いたChrome

サイトのHTMLが共通であれば、デスクトップ向けのWebサイトで作成したテストケースをモバイルエミュレーションモードで実行したり、その逆を行うこともできます。テストケースをどちらのモードで作成したかに関わらず、実行時に選択したほうのモードでテストが行われます。

エミュレーション端末のUser-Agentについて

「モバイルエミュレーション(Chrome)」が選択されている時、選択された機種に対応するUser-Agentが表示されます。

一部の端末では、User-Agentの中に「%s」という文字列が含まれることがありますが、この文字列は、テストの実行の際、テストを実行するChrome自身のバージョンに置き換えられます。

テストの結果画面では、テストで実際に使用されたUser-Agentの情報が表示されます。

ただし、MagicPod 1.32.0(2025年2月10日リリース)より前に実行されたテストの結果ページは、実際にテストで使用されたUser-Agent情報が保存されていないため、「%s」がそのまま表示されます。

外部クラウド実機を用いる方法

作成したテストを実機で実行する方法については、「SauceLabsのクラウド環境での一括実行」「BrowserStackのクラウド環境での一括実行」をごらんください（いずれかのサービスの契約が別途必要になります）。