Prueba de la IU testing-your-ui

NOTE
AEM A partir de la versión 6.5, el marco de prueba de la interfaz de usuario de hobbes.js quedará obsoleto. Adobe no planea realizar más mejoras en él y recomienda a los clientes utilizar la automatización de Selenium.
Ver Funciones obsoletas y eliminadas.

AEM AEM proporciona un marco de trabajo para automatizar pruebas para la interfaz de usuario de la. Con el marco de trabajo, puede escribir y ejecutar pruebas de interfaz de usuario directamente en un explorador web. El marco de trabajo proporciona una API de JavaScript para crear pruebas.

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

NOTE
Consulte la documentación de Hobbes.js para obtener información detallada sobre la API.

Estructura de las pruebas structure-of-tests

AEM Al utilizar pruebas automatizadas en el marco de la aplicación de, es importante comprender los términos siguientes:

Acción
Una 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
Un caso de prueba es una situación específica que puede estar compuesta por una o más acciones.
Grupo de pruebas
Un grupo de pruebas es un grupo de casos de prueba relacionados 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 los grupos de pruebas y sus casos de prueba.

Vaya a la consola Herramientas mediante Navegación global > Herramientas > Operaciones > Pruebas.

chlimage_1-63

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

chlimage_1-64

Ejecutar un único grupo de pruebas running-a-single-test-suite

Los grupos de pruebas se pueden ejecutar individualmente. Al ejecutar 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 finalizar la prueba. Los iconos indican los resultados.

Un icono de marca de verificación indica que la prueba se ha superado:

Icono de marca de verificación.

El icono "X" indica que la prueba ha fallado:

Icono de prueba con error indicado por una X dentro de un círculo.

Para ejecutar un grupo de pruebas:

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

    chlimage_1-65

  2. Haga clic en Ejecutar prueba.

    Imagen del botón Ejecutar pruebas, indicada por un puntero orientado a la derecha dentro de un círculo.

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

    chlimage_1-66

  4. Revise los resultados del caso de prueba tocando o haciendo clic en la descripción para abrir el panel Resultado. Al tocar o hacer clic en el nombre del caso de prueba en el panel Resultado, se muestran todos los detalles.

    chlimage_1-67

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-68

  1. En el panel Pruebas, haga clic en el botón Ejecutar todas las pruebas o en el botón Ejecutar pruebas situado debajo del título del grupo de pruebas que desee ejecutar.

    Imagen del botón Ejecutar todas las pruebas y del botón Ejecutar pruebas, indicados por un puntero derecho dentro de un círculo.

  2. Para ver los resultados de cada caso de prueba, haga clic en el título del caso de prueba. Al hacer clic en el nombre de la prueba en el panel Result, se muestran todos los detalles.

    chlimage_1-69

Crear y usar 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 con contenido de We.Retail, pero puede modificar fácilmente la prueba para que utilice una página web diferente.

Para obtener información detallada sobre cómo crear sus propios grupos de pruebas, consulte la documentación de la API de Hobbes.js.

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

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

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

    • 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 Cadena [] granite.testing.hobbes.tests
    dependencies Cadena [] 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:
    categorías: 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 nodo myFirstTest y haga clic en Crear > Crear archivo. Asigne un nombre al archivo js.txt y haga clic en Aceptar.

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

    code language-none
    #base=.
    myTestSuite.js
    
  8. Haga clic en Guardar todo y, a continuación, cierre el archivo js.txt.

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

  10. Copie el siguiente código en el archivo myTestSuite.js y, a continuación, 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 consola Pruebas para probar el grupo de pruebas.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2