测试UI

AEM为AEM UI的测试自动化提供了一个框架。 使用框架，您可以直接在Web浏览器中编写和运行UI测试。 该框架提供了用于创建测试的Javascript API。

AEM测试框架使用Hobbes.js，这是一个使用Javascript编写的测试库。 Hobbes.js框架是作为开发过程的一部分，用于测试AEM。 该框架现已可供公众用于测试AEM应用程序。

测试结构

在AEM中使用自动测试时，以下术语很重要，需要了解：

执行测试

查看测试包

打开测试控制台以查看注册的测试包。 “测试”面板包含测试包及其测试用例的列表。

通过​全局导航 — >工具>操作 — >测试​导航到工具控制台。

打开控制台时，测试包将列在左侧，并提供一个选项以按顺序运行所有测试包。 右侧带有方格背景的空格是在测试运行时显示页面内容的占位符。

运行单个测试包

测试包可以单独运行。 运行测试包时，页面会随测试用例及其操作的执行而发生更改，并且结果会在测试完成后显示。 图标指示结果。

复选标记图标表示通过的测试：

“X”图标表示测试失败：

要运行测试包，请执行以下操作：

1. 在“测试”面板中，单击或点按要运行的测试案例名称，以展开操作的详细信息。

   

2. 单击或点按​运行测试​按钮。

   

3. 测试执行时，占位符将替换为页面内容。

   

4. 点按或单击描述以打开​Result​面板，查看测试案例的结果。 点按或单击​Result​面板中的测试用例名称会显示所有详细信息。

   

运行多个测试

测试包按它们在控制台中的显示顺序依次执行。 您可以深入到测试中，查看详细结果。

1. 在“测试”面板上，点按或单击要运行的测试包标题下方的​运行所有测试​按钮或​运行测试​按钮。

   

2. 要查看每个测试用例的结果，请点按或单击测试用例的标题。 点按或单击​结果​面板中的测试名称会显示所有详细信息。

   

创建和使用简单测试包

以下过程会步骤您使用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. 单击​Save All。

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​控制台以尝试使用您的测试包。