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.
Consulte Funciones en desuso 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 la creación de 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 Hobbes.js documentación 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
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 compuesta por una o más Acciones.
Grupo de pruebas
A Grupo de pruebas es un grupo de Casos de prueba que junto 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 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. Clic 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 Resultado panel. Toque o haga clic en el nombre del caso de prueba en la Resultado el panel muestra 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 Ejecutar todas las pruebas o el botón Ejecutar pruebas botón situado debajo del título del grupo de pruebas que desea ejecutar.

    Imagen del botón Ejecutar todas las pruebas y del botón Ejecutar pruebas, indicados por un puntero orientado a la derecha 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 Resultado el panel muestra todos los detalles.

    chlimage_1-69

Crear y usar un grupo de pruebas simple creating-and-using-a-simple-test-suite

El siguiente procedimiento le guía durante la creación y ejecución de un grupo de pruebas utilizando 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 la creación de sus propios grupos de pruebas, consulte la Documentación de la API Hobbes.js.

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

  2. Haga clic con el botón derecho en /etc/clientlibs 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 /etc/clientlibs/myTests 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 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 myFirstTest 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. Clic Guardar todo y, a continuación, cierre el js.txt archivo.

  9. Haga clic con el botón derecho en myFirstTest 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 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 Pruebas para probar el grupo de pruebas.

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