Show Menu
화제×

UI 테스트

AEM 파섹 이 프레임워크를 사용하면 웹 브라우저에서 직접 UI 테스트를 작성하고 실행할 수 있습니다. 이 프레임워크는 테스트를 만들기 위한 ajavascript API를 제공합니다.
AEM 테스트 프레임워크는 Javascript로 작성된 테스트 라이브러리인 Hobbes.js를 사용합니다. Hobbes.js 프레임워크는 개발 프로세스의 일부로 AEM을 테스트하기 위해 개발되었습니다. 이제 프레임워크를 AEM 애플리케이션 테스트에 공개적으로 사용할 수 있습니다.
API에 대한 자세한 내용은 Hobbes.js 설명서를 참조하십시오.

테스트 구조

AEM 내에서 자동화된 테스트를 사용하는 경우 다음 용어를 이해해야 합니다.
작업
작업은 ​링크 또는 단추 클릭과 같은 웹 페이지의 특정 활동입니다.
테스트 케이스
테스트 사례는 하나 이상의 작업으로 구성할 수 있는 특정 상황입니다 .
테스트 세트
Test Suite 함께 특정 사용 사례를 테스트하는 관련 테스트 케이스 그룹입니다.

테스트 실행

테스트 세트 보기

등록된 테스트 세트를 보려면 테스트 콘솔을 엽니다. 테스트 패널에는 테스트 세트 및 테스트 케이스 목록이 포함되어 있습니다.
전역 탐색 -> 도구 > 작업 -> 테스트를 통해 도구 콘솔로 이동합니다 .
콘솔을 열면 테스트 세트가 모두 순차적으로 실행하는 옵션과 함께 왼쪽에 나열됩니다. 체크된 배경과 함께 표시되는 오른쪽의 공백은 테스트가 실행될 때 페이지 컨텐츠를 표시하기 위한 자리 표시자입니다.

단일 테스트 세트 실행

테스트 세트는 개별적으로 실행할 수 있습니다. Test Suite를 실행할 때 테스트 케이스 및 해당 작업이 실행될 때 페이지가 변경되고 테스트 완료 후 결과가 나타납니다. 아이콘은 결과를 나타냅니다.
확인 표시 아이콘은 전달된 테스트를 나타냅니다.
"X" 아이콘은 실패한 테스트를 나타냅니다.
테스트 세트를 실행하려면
  1. 테스트 패널에서 실행할 테스트 케이스 이름을 클릭하거나 탭하여 동작의 세부 사항을 확장합니다.
  2. 테스트 실행 단추를 클릭하거나 탭합니다 .
  3. 테스트 실행 시 자리 표시자가 페이지 컨텐츠로 대체됩니다.
  4. 설명을 탭하거나 클릭하여 결과 패널을 열어 테스트 케이스 결과를 검토합니다 . # 패널에서 테스트 케이스 이름을 탭하거나 클릭하면 모든 세부 사항이 표시됩니다.

여러 테스트 실행

테스트 세트는 콘솔에 표시되는 순서대로 실행됩니다. 테스트로 드릴다운하여 자세한 결과를 볼 수 있습니다.
  1. 테스트 패널에서 실행할 테스트 세트 제목 아래에 있는 테스트 실행 단추 또는 테스트실행단추 중 하나를 탭하거나 클릭합니다.
  2. 각 테스트 케이스의 결과를 보려면 테스트 케이스의 제목을 탭하거나 클릭합니다. # 패널에서 테스트 이름을 탭하거나 클릭하면 모든 세부 사항이 표시됩니다.

간단한 테스트 세트 만들기 및 사용

다음 절차에서는 We.Retail 컨텐츠를 We.Retail 참조 구현 사용하여 Test Suite를 만들고 실행하는 과정을 단계이지만 다른 웹 페이지를 사용하도록 테스트를 쉽게 수정할 수 있습니다.
자체 테스트 세트 만들기에 대한 자세한 내용은 Hobbes.js API 설명서를 참조하십시오.
  1. CRXDE Lite를 엽니다. ( http://localhost:4502/crx/de )
  2. 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 > 폴더 /etc/clientlibs 만들기를 클릭합니다 . 이름을 myTests 입력하고 확인을 클릭합니다 .
  3. 폴더를 마우스 오른쪽 단추로 클릭하고 만들기 > /etc/clientlibs/myTests 노드 만들기를 클릭합니다 . 다음 속성 값을 사용한 다음 확인을 클릭합니다 .
    • 이름: 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. 테스트 콘솔로 이동하여 테스트 세트를 시도합니다.