はじめに

皆さんは普段の開発でテストは自動化していますでしょうか？

もちろんpytestやJasmineなどの各バックエンドやフロントエンドの単体テスト、APIレベルの結合テストはPostmanなどを使った自動化をやっている方が多いと思います。

しかし、E2E（End-to-End）テストと呼ばれるフロントエンドとバックエンドを組み合わせた最終段階のテストでは、自動化までできていないチームも多いのではないでしょうか？

これまでのE2Eテストの自動化では、Appium/SeleniumやPuppeteerを使うケースが多くみられていましたが、テスト構築に時間がかかり、E2Eテストで複雑なテストケースや多くのテストケースを作成することは非常に困難でした。

本記事では、MagicPodというE2Eテスト自動化をができるノーコードツールについて、使ってみた感想などをご紹介いたします。

MagicPodとは？

MagicPodはE2Eテストを自動化するための、非常に強力なツールです。
Youtubeの動画が手っ取り早く理解できます。

それでは、MagicPodの簡単な使い方をハンズオン教材によるデモ画面で説明していきます。

以下のようなシンプルなスマホ向け電話アプリのE2Eテストを作る場合を想定しています。
こちらの電話アプリはアップロードなどにより、MagicPodのバーチャルクラウドのスマホOS(Android/iOS)上で起動しています。

バーチャルクラウド上で動作させることもできますが、実機端末を使ったテストも可能です。ただし、こちらのテストは現状少し制約も多いので、私自身はまだ実施できていません。

MagicPodブラウザ上では、起動しているアプリのUI要素を読み込み、右側に表示されます。
こちらの例では右上のスターアイコンをMagicPodが識別しています。

また、スターアイコンの詳細を確認すると、ロケータも詳細に表示されます。

右側の画面要素を選択して左側にUI要素をドラッグ＆ドロップするだけで、簡単にテスト項目が作成できます。
テスト項目はUI要素に対するアクション（例：タップする、指定文字を入力する）などを設定できます。
これで１つのUI要素に対するテストステップが完成となります。

最後にこれらのステップを組み合わせて事項することで、自動テストが可能となります。

アプリのローディングによる待ち時間を設定したり、次の画面切り替えを検知して次のステップを実行するなど、テストを自動化するためのアクションも多く用意されています。

実際にMagicPodを使ってみて以下が特徴だと感じています。

Appium/Seleniumなどの自動化ツールはコーディングの技術が必要となるため、テスト構築者にもある程度の技術レベルを持つエンジニアをアサインする必要があります。
実際にアジャイル開発となると、テストコーディングを作業の多くを占めてしまうケースも多くないと思います。

MagicPodはノーコードツールのため、テスト構築者の技術レベルに関係なく、テスト自動化ができるのは非常に強みです。
実際に、新人レベルの担当者をアサインしましたが、すぐに使いこなすことができました。

ノーコートツールとは言え、1つ1つのテストステップをドラッグ＆ドロップして作成していくのは手間がかかります。
しかし共有ステップを使って良く使用するステップ（例：ログイン処理など）をまとめておくことで、他のテストケース作成が非常に効率化できます。

もちろん作成したテストケースは、定期的なスケジュールでの実行ができます。
毎日の定期実行だけでなく、デプロイ後の一括実行などフェーズに合わせた自動テストができます。

MagicPod使用時は単体テストとAPIテストは自動化していましたが、フロントエンド開発の経験がほぼなかったためE2Eテストの自動化に非常に苦労していました。
ちなみに、APIテストの自動化については、過去にPostman様のイベントで登壇した資料を公開しておりますので、ぜひご覧ください。

と、ここまでMagicPodの良い点ばかり紹介していましたが、以下は課題点として挙げておきます。

以下により対応していないとのこと。
私は、結局課金処理部分を外してビルドし、対応しました。

UI要素を選択しても、なぜかステップで失敗してしまうケースもありました。
これはロケーターをうまく設定することで回避できるとのことでしたが、フロントエンドを改修するまでには至りませんでした。

今回はE2E自動テストツールであるMagicPodについて、使ってみての感想を書いてみました。
E2E自動テストツールとしてはとても使いやすいので、さらに改善していってもらえると嬉しいです。