Prueba de la IU testing-your-ui
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.
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:
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.
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.
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:
El icono "X" indica que la prueba ha fallado:
Para ejecutar un grupo de pruebas:
-
En el panel Pruebas, haga clic en el nombre del caso de prueba que desea ejecutar para expandir los detalles de las acciones.
-
Clic Ejecutar prueba.
-
El marcador de posición se reemplaza por el contenido de la página mientras se ejecuta la prueba.
-
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.
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, 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.
-
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.
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.
-
Abra CRXDE Lite. (https://localhost:4502/crx/de)
-
Haga clic con el botón derecho en
/etc/clientlibs
y haga clic en Crear > Crear carpeta. TipomyTests
para el nombre y haga clic en OK. -
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
- Nombre:
-
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
-
Haga clic en Guardar todo.
-
Haga clic con el botón derecho en
myFirstTest
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
-
Clic Guardar todo y, a continuación, cierre el
js.txt
archivo. -
Haga clic con el botón derecho en
myFirstTest
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
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") );
-
Vaya a Pruebas para probar el grupo de pruebas.