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

MagicPodでモバイルWebサイトをテストする方法は大きく分けて2つあります。1つはテスト作成・実行ともにChromeのモバイルエミュレーションの機能を用いて擬似的に行う方法、もう1つはモバイルエミュレーションの機能で作成したテストを外部クラウド上の実機で実行する方法です。まずは共通するテスト作成法方法についてご説明します（実機上でのテスト作成は、現在対応しておりません）。

Chromeのモバイルエミュレーションではモバイル端末（スマートフォン・タブレット）の画面サイズとユーザーエージェントを設定することでモバイルWebサイトに近い挙動を確認することができます。実機やシミュレータ・エミュレータを起動させる必要がないため、簡単・高速にテストが行えるのがメリットです。

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

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

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

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

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

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

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

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