En este artículo te explicamos cómo probar una interfaz de usuario (IU) usando código JavaScript personalizado en los tests de navegador. En las aserciones JavaScript se puede usar código tanto síncrono como asíncrono.
Para crear una aserción con JavaScript personalizado, sigue estos pasos:
Haz clic en Assertion (Aserción) y selecciona Test de aserción personalizada de JavaScript.
Escribe el cuerpo de la aserción.
Si quieres, puedes seleccionar un elemento objetivo de la IU.
Para verificar que un elemento con un ID específico no está en la página, usa return !document.getElementById("<ELEMENT_ID>");.
Para verificar que los elementos no están en la página y devolver el número de elementos en el error de la consola, añade lo siguiente en la aserción del cuerpo:
Los resultados de los tests de navegador contienen logs console.error.
Declarar que un botón de opción está marcado
Para comprobar que un botón de opción esté marcado, utiliza return document.querySelector("<SELECTORS>").checked === true; en la aserción del cuerpo.
Establecer el valor de un elemento del almacenamiento local concreto
Para establecer el valor de un elemento del almacenamiento local concreto, añade lo siguiente a la aserción del cuerpo:
localStorage.setItem(keyName,keyValue);returntrue
Por ejemplo, para darle el valor “mytime” al número de milisegundos que han transcurrido desde las 00:00:00 UTC del 1 de enero de 1970, utiliza lo siguiente: