ZAPTESTは、開発者が可能な限り早い段階でモックアップを自動化できるよう支援する。 この機能により、チームはアジャイル/DevOpsアプローチを採用することができます。 設計の段階で、彼らが継続するつもりで始めることができる。
モックアップの重要性
モックアップは優れたUI/UXデザインに欠かせないものだ。 ワイヤーフレームの次のステップというだけではありません。 その代わりに、開発者やデザイナーに製品のコンセプトを練り、それを具体的な形にする方法を提供する。
開発段階でモックアップを使うことで、フィードバックを素早く取り入れることができる。 これらの最終製品の高解像度画像は、将来のアプリケーションのルック＆フィールの感覚をつかむのに十分なリアリズムを提供します。
モックアップはまた、利害関係者や投資家にとって、製品が彼らの期待に応えているかどうかを確認する素晴らしい方法でもある。 最も重要なのは、変更が必要なフィードバックを得た場合、コードを一行もコミットしないうちに、モックアップに新しい意見を取り入れることができることだ。
ZAPTESTモックアップベースの自動化
誰もが満足するモックアップが完成したら、次のステップに進むことができる。 しかし、真のアジャイル／デブオプス・アプローチでは、できるだけ早い機会に自動テストを実施する。 さて、”まだ設計段階なのに、どうやってテストを自動化できるのだろう？”と疑問に思うかもしれない。 ZAPTESTでは、継続的なテストはできるだけ早く始めるべきであると理解しており、そのためにモックアップベースの自動化を提供しています。
この作品では、モックアップからテストスクリプトとドキュメントを生成し、異なるオペレーティングシステム間で並行してテストする方法を紹介します。
ステップ1：モックアップからテストスクリプトへ
モックアップはさまざまな方法でデザインできる。 手描きでもいいし、FigmaやPlaceitのような人気のデザインツールを使ってもいい。 どのような方法であれ、最終製品をZAPTESTsのスキャンGUI機能を使って弊社のプラットフォームにインポートしてください。
スキャンGUI機能は、モックアップ内のテキストを検出し、関連するオブジェクトを自動的に作成します。 さらに、自動アンカー機能により、モックアップのテキスト・フィールドとスクリプトのラベルの関係が確立されます。 この結果、特定のテキストを画面上で動かすと、関連する要素が自動的にそれに追随するようになる。 例えば、ログイン画面のモックアップがあれば、”Username “オブジェクトをテキスト・フィールドに接続することができる。
さらに、この段階で、オブジェクトのデフォルト名の値を変更して、最大限のわかりやすさを確保することができます。 この機能は、モックアップにたくさんの異なるボタンがある場合に特に便利です。
このプロセスの結果、すべてのオブジェクトがリポジトリ・エクスプローラーに保存され、整理されます。
ステップ2：スクリプトにオブジェクトを追加する
モックアップをインポートしてラベルを付けたら、次はそれをテストスクリプトにします。
ZAPTESTスクリプトでステップを定義するには、GUIマップまたはオブジェクト・リポジトリーでオブジェクトを見つけてダブルクリックするだけです。 また、スクリプトの特定の場所にオブジェクトをドラッグ＆ドロップすることもできます。 ZAPTESTは、ステップで選択する操作のリストを提案します。
最初にすべきことは、ターゲットページの存在を確認する検証ステップを追加することだ。 次に、”TYPE “を選択し、モックアップから各要素を追加する必要がある（接続された “ユーザー名 “とテキスト・フィールドなど）。
次に、モックアップ上のユーザーが選択できるボタンに “CLICK “を追加します。
最後に、アプリケーションをテストする準備ができたら、希望のブラウザを選び、LAUNCHを選択し、アプリケーションのアドレスを入力する。 これで、アプリに対してスクリプトを実行できる。
ステップ3：スクリプトの実行
ZAPTESTのモックアップテストの自動化は非常に強力で、スクリプトは何の修正も必要なく最初に実行されます。 ブラウザからモックアップをテストし、アプリケーションのユーザー・エクスペリエンスを実感することができます。
スクリプトの準備ができたら、CI/CDパイプラインに追加し、継続的テストフレームワークで使用することができます。
この機能は明らかに多くの時間を節約する。 さらに、技術者でないデザイン担当者も、アイデアを数分で機能的なアプリケーションに変えることができる。
ZAPTESTモックアップ・オートメーションでは、ドキュメントの作成も可能です。
1.ドキュメントの作成
ZAPTEST では、ボタンをクリックするだけでテスト文書を作成できます。 ドキュメントは詳細なステップに分かれており、期待される結果のセクションもある。 一番良いのは、これらの文書をWord、PDF、HTML、XML、CSVなど様々な形式に変換できることだ。 その上、Micro Focus ALM、Rally（またはCA Agile Center）、Jira、Azure DevOps、その他多数にエクスポートすることもできる。 選択肢は無限にある。
2.並列実行
モックアップベースのテスト自動化の最後のステップでは、ZAPTEST M-RUNを使用します。 当社の強力なソフトウェアテスト自動化ツールにより、ユーザーは複数の異なるプラットフォーム上で複数のスクリプトを同時に実行することができます。 ユーザーはさまざまなデバイスやオペレーティングシステムからアプリケーションにアクセスするため、それぞれの特性を考慮したテストが不可欠です。
ZAPTEST M-RUNでテストできるプラットフォームには、Android、iOS、Mac、Linux、Windowsがあります。 ZAPTESTを実際の物理デバイスに接続し、当社のプラットフォームを使用してテストを実行し、結果を管理することができます。 このプロセスもまた、ZAPTEST 1SCRIPT 実装に依存しており、各個別のプロパティに合わせて自動化コードを変更する負担なしに、異なるプラットフォーム間でのテストと実行を容易にします。
ライブリモートビューでは、並行してテストをモニターすることができます。 テストが完了したら、各デバイスの結果を確認することができます。 このデータは、関係者が使用する様々なデバイスでアプリケーションがスムーズに動作することを保証するのに役立ちます。
最終的な感想
ソフトウェア開発者なら誰でも知っているように、テストは往々にして遅すぎる。 ソフトウェア開発サイクルの後の段階でテストを実施すると、もっと早い段階で発見されるべき問題が明らかになり、高価なコードの書き直しにつながる可能性がある。 しかし、それは遅すぎることもあり、ソフトウェア開発ライフサイクル（SDLC）中に大きな遅れを引き起こすこともある。
モックアップデザインは、UI/UXの問題を早期に発見するための素晴らしい方法です。 しかし、アジャイル／DevOpsチームにとっては、できるだけ早く継続的テストを実施するチャンスでもある。 ZAPTESTのコンピュータ・ビジョン・テクノロジーのおかげで、手描きまたはコンピュータ生成のモックアップをインポートしてコードに変換し、関係者が使用するさまざまなデバイスに対してテストできるようになりました。
そこから、UI/UXフィードバックを補強する文書やテスト結果を作成し、アプリケーションが最高のスタートを切れるようにすることができます。
