Prueba de la interfaz de usuario testing-your-ui

CAUTION
AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

AEM proporciona un marco para automatizar pruebas para la interfaz de usuario de AEM. Con el marco, se escriben y ejecutan pruebas de IU directamente en un explorador web. El marco de trabajo proporciona una API de javascript para la creación de pruebas.

El marco de AEM prueba utiliza Hobbes.js, una biblioteca de pruebas escrita en JavaScript. El marco Hobbes.js se desarrolló para probar AEM como parte del proceso de desarrollo. El marco de trabajo ya está disponible para uso público para probar las aplicaciones AEM.

NOTE
Consulte Hobbes.js documentación para obtener más información sobre la API.

Estructura de las pruebas structure-of-tests

Cuando se utilizan pruebas automatizadas en AEM, es importante entender los términos siguientes:

Acción
Un Acción es una actividad específica de una página web, como hacer clic en un vínculo o en un botón.
Caso de prueba
A Caso de prueba es una situación específica que puede estar formada por uno o más Acciones.
Grupo de pruebas
A Grupo de pruebas es un grupo relacionado Casos de prueba que juntos prueban un caso de uso específico.

Ejecución de pruebas executing-tests

Visualización de grupos de pruebas viewing-test-suites

Abra la Consola de pruebas para ver los grupos de pruebas registrados. El panel Pruebas contiene una lista de grupos de pruebas y sus casos de prueba.

Vaya a la consola Herramientas a través de Navegación global -> Herramientas > Operaciones -> Pruebas.

imagen_1-26

Al abrir la consola, los grupos de pruebas se muestran a la izquierda junto con una opción para ejecutarlos de forma secuencial. El espacio a la derecha que se muestra con un fondo marcado es un marcador de posición para mostrar el contenido de la página mientras se ejecutan las pruebas.

chlimage_1-27

Ejecución de un único grupo de pruebas running-a-single-test-suite

Los grupos de pruebas se pueden ejecutar individualmente. Cuando ejecuta un grupo de pruebas, la página cambia a medida que se ejecutan los casos de prueba y sus acciones y los resultados aparecen después de completar la prueba. Los iconos indican los resultados.

Un icono de marca de verificación indica una prueba pasada:

El icono "X" indica una prueba fallida:

Para ejecutar un grupo de pruebas:

  1. En el panel Pruebas, toque o haga clic en el nombre del caso de prueba que desea ejecutar para expandir los detalles de las acciones.

    chlimage_1-28

  2. Toque o haga clic en Ejecutar prueba botón.

  3. El marcador de posición se reemplaza por el contenido de la página a medida que se ejecuta la prueba.

    chlimage_1-29

  4. Revise los resultados del caso de prueba tocando o haciendo clic en la descripción para abrir el Resultado panel. Toque o haga clic en el nombre del caso de prueba en la sección Resultado muestra todos los detalles.

    chlimage_1-30

Ejecución de varias pruebas running-multiple-tests

Los grupos de pruebas se ejecutan secuencialmente en el orden en que aparecen en la consola. Puede explorar en profundidad una prueba para ver los resultados detallados.

chlimage_1-31

  1. En el panel Pruebas , toque o haga clic en las Ejecutar todas las pruebas o Ejecutar pruebas debajo del título del grupo de pruebas que desea ejecutar.

  2. Para ver los resultados de cada caso de prueba, toque o haga clic en el título del caso de prueba. Toque o haga clic en el nombre de la prueba en la sección Resultado muestra todos los detalles.

    chlimage_1-32

Creación y uso de un grupo de pruebas simple creating-and-using-a-simple-test-suite

El siguiente procedimiento lo guía durante la creación y ejecución de un grupo de pruebas Contenido de We.Retail, pero puede modificar fácilmente la prueba para utilizar una página web diferente.

Para obtener más información sobre cómo crear sus propios grupos de pruebas, consulte la Documentación de la API de Hobbes.js.

  1. Abra CRXDE Lite. (http://localhost:4502/crx/de)

  2. Haga clic con el botón derecho en el /etc/clientlibs carpeta y haga clic en Crear > Crear carpeta. Tipo myTests para el nombre y haga clic en OK.

  3. Haga clic con el botón derecho en el /etc/clientlibs/myTests carpeta y haga clic en Crear > Crear nodo. Utilice los siguientes valores de propiedad y haga clic en OK:

    • Nombre: myFirstTest
    • Tipo: cq:ClientLibraryFolder
  4. Agregue las siguientes propiedades al nodo myFirstTest :

    table 0-row-3 1-row-3 2-row-3
    Nombre Tipo Valor
    categories String[] granite.testing.hobbes.tests
    dependencies String[] granite.testing.hobbes.testrunner
    note note
    NOTE
    Solo AEM Forms
    Para probar los formularios adaptables, agregue los siguientes valores a las categorías y dependencias. Por ejemplo:
    categories: granite.testing.hobbes.tests, granite.testing.hobbes.af.commons
    dependencias: granite.testing.hobbes.testrunner, granite.testing.hobbes.af
  5. Haga clic en Guardar todo.

  6. Haga clic con el botón derecho en el myFirstTest nodo y haga clic en Crear > Crear archivo. Asigne un nombre al archivo js.txt y haga clic en OK.

  7. En el js.txt , escriba el siguiente texto:

    code language-none
    #base=.
    myTestSuite.js
    
  8. Haga clic en Guardar todo y luego cierre el js.txt archivo.

  9. Haga clic con el botón derecho en el myFirstTest nodo y haga clic en Crear > Crear archivo. Asigne un nombre al archivo myTestSuite.js y haga clic en OK.

  10. Copie el siguiente código en la myTestSuite.js y guarde el archivo:

    code language-none
    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. Vaya a la Pruebas para probar el grupo de pruebas.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e