09:56更新このページでは、ローカルPC環境でテストを作成・実行する手順を説明します。複数の画面にわたるテスト1.手順を動画で見る一連の手順が分かる動画を用意しています。動画の前半部分では、iOSシミュレータを使ったテストについて説明しています。Androidの説明は、動画の後半にあります。以下では動画内の手順について説明します。2.テストケースの作成まず「テストケースを編集」ボタンをクリックし、編集ページに移動しましょう。「テストケースを編集」ボタンこのページで、テストケースの中身を具体的に作成していきます。最初にアプリを起動して画面キャプチャなどの情報を取得します。そのためには、テスト実行設定パネルでOSとアプリを指定し、端末に接続する必要があります。※ここではiOSのテストをシミュレータで行う場合の指定方法について説明します。インストール済アプリのテストに方法を記載しています。iOSの場合、以下のように設定します。.appファイルそして「.appファイルのフルパスを入力」の欄に、アプリの実体であるappファイルのフルパスを指定します。appファイルのフルパスは、appファイルをoption(alt)キーを押しながら右クリックすると、「パス名をコピー」という項目があるので、それをクリックしてコピーができます。設定ができたら「接続」ボタンをクリックします。図6のようなブラウザの確認ダイアログが表示されるので、「MagicPodDesktopを開く」を選びます。ブラウザの確認ダイアログすると、MagicPodDesktopが起動します。その後しばらく待つと、MagicPodDesktopによって、iOSのシミュレータがPC上で立ち上がり、アプリがインストールされて起動されます。iOSシミュレータ上でアプリが起動した様子こうして接続が完了したら、「デスクトップアプリでUIをキャプチャ」ボタンをクリックして画面キャプチャを取得します。ボタンを押すとキャプチャのアップロードとスキャンが開始され、しばらく待つとテストケース編集ページに表示されます。画面キャプチャは、テストケース編集ページに直接ドラッグ&ドロップしてアップロードすることもできます。その場合、後述する自動認識した画面項目名を後から編集する機能が利用できないため、現状非推奨です。テストケース編集ページに表示された画面キャプチャこれで画面キャプチャが取得できました。厳密には、画面キャプチャに加え、アプリのUIツリー情報もアップロードされています。5.テスト手順の作成キャプチャが1枚アップロードできたので、これを使って1画面だけの簡単なテストを作成してみましょう。キャプチャ上で要素を選んでドラッグ&ドロップしていければ、簡単にテスト手順を作成できます。要素選択モードを使うとクリックでも要素を追加できます。テスト手順コマンドの内容は、自由に変更できます。コマンドは様々なものが用意されており、コマンド一覧のページにて詳しい内容を確認できます。コマンドの切り替えまた、要素の名前はAIによって自動生成されますが、生成された名前が不適当な場合は、画面キャプチャ上で領域をクリックすると名前を変更できます。要素名の変更なお、MagicPodは要素名に加えて要素のシステム情報も保持しており、テスト実行時にはシステム情報を使って要素を特定します。6.テストケースの実行テスト手順が作成できたら、テストケース編集ページ下部の「実行」ボタンをクリックしてテストを実行します。「実行」ボタン図13のように、iOSシミュレータ上でアプリが起動し、自動操作されていくのがわかります。テストの実行ログは、1ステップごとにMagicPodDesktop上にリアルタイムで表示されていきます。テスト実行の様子テストが成功すると、図14のように実行ボタンの表示が「成功」となります。「詳細」をクリックすると、テスト結果を確認することができます。Appiumログ図18実行情報7.複数の画面にわたるテスト複数の画面にわたるテストを作成する場合、各画面ごとに画面キャプチャを取得する必要があります。先ほどのiOSテストアプリが図17のような画面構成をしている場合、1メイン画面のキャプチャはすでに取得したので、あとは2登録完了画面と3アラート画面のキャプチャも取得する必要があります。テストアプリの画面構成2と3のキャプチャを取得するには、まずアプリを操作して2の画面をiOSシミュレータ上で開き、ブラウザに戻って「UI追加」ボタンをクリックします。「UI追加」ボタンすると「デスクトップアプリでUIをキャプチャ」ボタンが再び表示されるので、クリックして2の画面をキャプチャします。「デスクトップアプリでUIをキャプチャ」をクリックして、3の画面もキャプチャします。スキャンが完了したら、「UI一覧」ボタンで画面キャプチャを切り替えながら、テストを作成していきます。「UI一覧」ボタンこのようにして、複数画面のテストも作成できます。