Testing de IU Web basada en script

La forma más simple de probar una aplicación web es la prueba manual a travez de la UI; sin embargo, porque la prueba manual es a menudo lenta, ineficaz, y aburrida, una buena estrategia es complementar la prueba manual con la automatización del Testing de la UI de la aplicación web.

Usted puede hacer esto de varias maneras.

La más vieja técnica utiliza Javascript para manipular los controles de una aplicación web a
través del Internet Explorer Document Object Model (IE DOM). La mejor manera de demostrar este tipo de prueba es visualmente, así que el cuadro muestra una simple ejecucion de una prueba Iu Web basada en script.


Si usted examina el cuadro , usted verá que la prueba es un pagina Web con dos frames.

El frame de la derecha recibe el Web AUT; su título exhibido es MiniCalc. En este ejemplo, la aplicacion es un programa de calculadora simple. El frame de la izquierda recibe las funciones Javascript que manipulan el AUT web, examina el estado resultante de la aplicacion, y registra los resultados de la prueba en un archivo externo. Este capítulo presenta las varias técnicas que usted necesita realizar para la automatización del Testing de la UI de la aplicación web.

La mayor parte de las secciones en este capítulo se refieren a la aplicación web mostrada en el frame derecho del cuadro . El aplicacion se llama WebApp.aspx. El código entero para la aplicacion es:



Para la simplicidad, todo el código de la aplicación web se contiene en un solo archivo fuente
antes que el metodo de separar código y C# en dos archivos separados.

Si usted examina este código, verá que el UI contiene dos campos de texto donde el usuario incorpora dos números enteros, cuatro controles radio button que el usuario seleccione para indicar cuál de las cuatro operaciones aritméticas realizara (adición, substracción, multiplicación, división), un boton para acceder a la respuesta del calculo, y de un tercer campo del texto que exhibe un resultado con cuatro decimales.