Prueba de la interfaz de usuario testing-your-ui
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.
Estructura de las pruebas structure-of-tests
Cuando se utilizan pruebas automatizadas en AEM, es importante entender los términos siguientes:
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.
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.
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:
-
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.
-
Toque o haga clic en Ejecutar prueba botón.
-
El marcador de posición se reemplaza por el contenido de la página a medida que se ejecuta la prueba.
-
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.
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.
-
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.
-
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.
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.
-
Abra CRXDE Lite. (http://localhost:4502/crx/de)
-
Haga clic con el botón derecho en el
/etc/clientlibs
carpeta y haga clic en Crear > Crear carpeta. TipomyTests
para el nombre y haga clic en OK. -
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
- Nombre:
-
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
-
Haga clic en Guardar todo.
-
Haga clic con el botón derecho en el
myFirstTest
nodo y haga clic en Crear > Crear archivo. Asigne un nombre al archivojs.txt
y haga clic en OK. -
En el
js.txt
, escriba el siguiente texto:code language-none #base=. myTestSuite.js
-
Haga clic en Guardar todo y luego cierre el
js.txt
archivo. -
Haga clic con el botón derecho en el
myFirstTest
nodo y haga clic en Crear > Crear archivo. Asigne un nombre al archivomyTestSuite.js
y haga clic en OK. -
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") );
-
Vaya a la Pruebas para probar el grupo de pruebas.