測試您的UI

AEM提供自動化AEM UI測試的架構。 使用架構，您可直接在網頁瀏覽器中編寫並執行UI測試。 架構提供建立測試的javascript API。

AEM測試架構使用Hobbes.js，此為以Javascript撰寫的測試程式庫。 Hobbes.js架構是做為開發程式的一部份，用於測試AEM。 此架構現已可供公開使用，以測試您的AEM應用程式。

測試結構

在AEM中使用自動測試時，下列術語很重要，請務必瞭解：

執行測試

檢視測試套裝

開啟測試主控台，以查看已註冊的測試套裝。 「測試」面板包含測試套裝及其測試案例的清單。

透過​全域導覽->工具>作業->測試導覽至工具主控台。

當開啟主控台時，測試套裝會列在左側，並提供依序執行所有測試套裝的選項。 右方空格以方格背景顯示，是在測試執行時顯示頁面內容的預留位置。

執行單一測試套裝

測試套裝可個別執行。 當您執行測試套裝時，頁面會隨著測試案例及其動作的執行而變更，結果會在測試完成後顯示。 圖示表示結果。

複選標籤圖示表示通過的測試：

「X」圖示表示測試失敗：

若要執行測試套裝：

1. 在「測試」面板中，按一下或點選您要執行的測試案例名稱，以展開動作的詳細資訊。

   

2. 按一下或點選​運行test​按鈕。

   

3. 測試執行時，預留位置會以頁面內容取代。

   

4. 點選或按一下說明以開啟​Result​面板，以檢視測試案例的結果。 在​Result​面板中點選或按一下測試案例名稱，可顯示所有詳細資訊。

   

運行多個測試

測試套裝會依其顯示在主控台中的順序執行。 您可以深入探究測試，以檢視詳細結果。

1. 在「測試」面板上，點選或按一下您要執行之測試套裝標題下方的​執行所有測試​按鈕或​執行測試​按鈕。

   

2. 若要檢視每個測試案例的結果，請點選或按一下測試案例的標題。 在​Result​面板中點選或按一下測試名稱會顯示所有詳細資料。

   

建立和使用簡易測試套裝

下列程式會逐步引導您使用We.Retail內容建立和執行測試套裝，但您可輕鬆修改測試以使用不同的網頁。

如需建立您自己測試套裝的完整詳細資訊，請參閱Hobbes.js API檔案。

1. 開啟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

   注意

   僅限AEM Forms

   若要測試最適化表單，請將下列值新增至類別和相依性。 例如：

   類別: granite.testing.hobbes.tests, granite.testing.hobbes.af.commons

   相依性: granite.testing.hobbes.testrunner, granite.testing.hobbes.af

5. 按一下​保存全部。

6. 按一下右鍵myFirstTest節點，然後按一下​建立>建立檔案。 命名檔案js.txt並按一下​確定。

7. 在js.txt檔案中，輸入以下文本：

   #base=.
   myTestSuite.js
   

8. 按一下「全部儲存」，然後關閉​檔案。js.txt

9. 按一下右鍵myFirstTest節點，然後按一下​建立>建立檔案。 命名檔案myTestSuite.js並按一下​確定。

10. 將下列程式碼複製到myTestSuite.js檔案，然後儲存檔案：

    new hobs.TestSuite("Experience Content Test Suite", {path:"/etc/clientlibs/myTests/myFirstTest/myTestSuite.js"})
       .addTestCase(new hobs.TestCase("Navigate to Experience Content")
          .navigateTo("/content/we-retail/us/en/experience/arctic-surfing-in-lofoten.html")
       )
       .addTestCase(new hobs.TestCase("Hover Over Topnav")
          .mouseover("li.visible-xs")
       )
       .addTestCase(new hobs.TestCase("Click Topnav Link")
          .click("li.active a")
    );
    

11. 導覽至​Testing​主控台以試用您的測試套裝。