現在表示中:

Web ブラウザーで UI テストの実行を自動化し、テスト結果を表示します。AEM には、AEM UI のテストを自動化するためのフレームワークが用意されています。このフレームワークを使用して、Web ブラウザーで直接 UI テストを記述して実行します。このフレームワークでは次のツールを使用できます。

  • テスト作成用の javascript API。
  • テスト実行用のタッチ操作向け UI のテストパネル。
AEM テストフレームワークでは、Javascript で記述されたテスト用ライブラリ Hobbes.js を使用します。Hobbes.js フレームワークは、開発プロセスの一環として AEM のテスト用に開発されたものです。このフレームワークは現在、独自の AEM アプリケーションのテスト用に一般に利用できます。 

注意:

Hobbes.js API のドキュメントを参照してください。

テストの実行

テストスイートとテストケースの表示

テストコンソールを開くと、登録されているテストスイートが表示されます。テストパネルには、テストスイートとそのテストケースのリストが表示されます。

テストコンソールの表示方法

  1. Adobe Experience Manager リンク(左上)を選択し、ツールアイコンを選択して、「ツール」に移動します。

  2. 操作」をタップまたはクリックします。

  3. テスト」をタップまたはクリックします。テストコンソールが開きます。

1 つのテストケースの実行

テストスイートの 1 つのテストケースを実行します。テストを実行すると、テストアクションの実行に応じてページが変化します。アクションの実行後、テスト結果が表示されます。
アイコンはテスト結果を示しています。チェックマークアイコンは、成功したテストを示します。

「X」アイコンは、失敗したテストを示します。

テストの実行手順

  1. テストパネルで、実行するテストケースの名前をクリックします。

  2. 「テストケースを実行」ボタンをクリックします。

  3. 結果パネルでテスト名をクリックして、テストケースの各アクションの結果をレビューします。

複数のテストの実行

テストケースは、テストスイートに表示された順番で実行されます。テストケースをドリルダウンして、各アクションの結果を確認できます。

  1. テストパネルで、実行するテストスイートのタイトルの下にある「すべてのテストを実行」ボタンまたは「テストを実行」ボタンをクリックします。

  2. テストが完了したら、テストケースのタイトルをクリックして、テストケースの各アクションの結果を確認します。

例:シンプルなテストスイートの作成と使用

次の手順は、テストスイートの作成と実行の方法を説明するものです。このテストでは、サンプル Web サイト「Geometrixx Outdoors」を使用します。このサンプルをインストールしていない場合は、別の Web ページを使用するように簡単にテストを変更できます。

  1. Web ブラウザーで CRXDE Lite を開きます(http://localhost:4502/crx/de)

  2. /etc/clientlibs フォルダーを右クリックして、作成/フォルダーを作成をクリックします。名前に「myTests」と入力して、「OK」をクリックします。

  3. /etc/clientlibs/myTests フォルダーを右クリックして、作成/ノードを作成をクリックします。以下のプロパティ値を使用して「OK」をクリックします。

    • 名前:myFirstTest
    • タイプ:cq:ClientLibraryFolder
  4. myFirstTest ノードに次のプロパティを追加します。

    名前 タイプ
    categories String[] granite.testing.hobbes.tests
    dependencies String[] granite.testing.hobbes.testrunner
  5. 「すべて保存」をクリックします。

  6. myFirstTest ノードを右クリックして、作成/ファイルを作成をクリックします。ファイル名に「js.txt」と入力して、「OK」をクリックします。

  7. js.txt ファイルに次のテキストを入力します。

    #base=.
    myTestSuite.js
  8. 「すべて保存」をクリックして、js.txt ファイルを閉じます。

  9. myFirstTest ノードを右クリックして、作成/ファイルを作成をクリックします。ファイル名に「myTestSuite.js」と入力して、「OK」をクリックします。

  10. myTestSuite.js ファイルに次のコードをコピーして、ファイルを保存します。

    new hobs.TestSuite("Home Page Test Suite", {path:"/etc/clientlibs/myTests/myFirstTest/myTestSuite.js"})
    .addTestCase(new hobs.TestCase("Navigate to home page")
       .navigateTo("/content/geometrixx-outdoors/en.html"))
    .addTestCase(new hobs.TestCase("Hover Over Topnav")
                 .mouseover("li.topnav-item-1"))
    .addTestCase(new hobs.TestCase("Click Topnav Link")
                 .click("li.topnav-item-1 a"));
  11. テストコンソールに移動して、テストスイートを実行します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー