Compartir a través de

Tutorial: Crear una prueba web que requiera inicio y cierre de sesión

  • Artículo

Actualización: noviembre 2007

En este tutorial se crea una aplicación web simple que contiene un paso de inicio de sesión y un paso de cierre de sesión. La aplicación simula una aplicación de compras, pero no contiene el código funcional. Por último, se crea una prueba web para probar la aplicación.

En este tutorial realizará las tareas siguientes:

  • Creará una aplicación Web simple.

  • Cree una prueba Web.

  • Extraer nuevas pruebas web de una prueba web existente.

  • Crear una prueba web nueva a partir de las pruebas web existentes.

Requisitos previos

Para este tutorial, necesitará:

  • Microsoft Visual Studio 2005

  • Visual Studio Team System Test

Crear la aplicación web

Para crear la aplicación Web

  1. En Microsoft Visual Studio 2005, en el menú Archivo, haga clic en Nuevo y, a continuación, haga clic en Sitio Web.

    Aparece el cuadro de diálogo Nuevo sitio Web.

  2. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web ASP.NET.

  3. En el cuadro Ubicación, seleccione Sistema de archivos y, a continuación, escriba el nombre de la carpeta en la que desea guardar la aplicación web. El nombre de la parte final de la carpeta debe ser ShoppingWebApp\ShoppingWebApp. Por ejemplo, escriba el nombre de carpeta C:\WebSites\ShoppingWebApp\ShoppingWebApp.

    Nota:

    Incluya el nombre dos veces para poder agregar un proyecto de prueba Web a la primera carpeta y separarlo de la propia aplicación Web situada en la segunda carpeta.

  4. En la lista Lenguaje, seleccione el lenguaje de programación con el que prefiera trabajar.

    Nota:

    Escribirá una cantidad mínima de código en este tutorial.

  5. Haga clic en Aceptar.

  6. En el menú Archivo, haga clic en Guardar todo.

Para crear la página principal de la aplicación web

  1. En el Explorador de soluciones, haga clic con el botón secundario en Default.aspx y seleccione Ver diseñador.

    Se mostrará una página en blanco.

  2. Si el cuadro de herramientas no está visible, haga clic en Ver y, a continuación, haga clic en Cuadro de herramientas.

  3. En el grupo Estándar, arrastre cinco botones a la página. Utilice la tabla siguiente para completar este paso.

    Nota:

    Haga doble clic en cada botón para abrir el evento de clic de botón y agregar el código.

    Control

    Propiedad Text

    Código de clic de botón

    Button1

    Ir a inicio de sesión

    Response.Redirect("Login.aspx")

    Button2

    Producto 1

    Response.Redirect("Product1.aspx")

    Button3

    Producto 2

    Response.Redirect("Product2.aspx")

    Button4

    Carrito

    Response.Redirect("Cart.aspx")

    Button5

    Ir a cierre de sesión

    Response.Redirect("Logout.aspx")

  4. En el menú Archivo, haga clic en Guardar todo.

Para agregar páginas a la aplicación Web

  1. En el menú Sitio Web, haga clic en Agregar nuevo elemento.

  2. En el cuadro de diálogo Agregar nuevo elemento, haga clic en la plantilla Web Forms, asígnele el nombre Login.aspx y, a continuación, haga clic en Agregar.

  3. En la parte inferior de la ventana de documento, haga clic en la ficha Diseño para pasar a la vista de diseño.

  4. Arrastre un botón a la página.

  5. Arrastre el cuadro de texto a la página.

  6. Repita los pasos del 1 al 4 cuatro veces más. Utilice la tabla siguiente para completar este paso:

    Página web

    Control

    Propiedad Text

    Código de clic de botón

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    Iniciar sesión

    Response.Redirect ("Default.aspx")

    Product1.aspx

    Button1

    Agregar al carrito

    Response.Redirect ("Default.aspx")

    Product2.aspx

    Button1

    Agregar al carrito

    Response.Redirect ("Default.aspx")

    Cart.aspx

    Button1

    Comprar

    Response.Redirect ("Default.aspx")

    Logout.aspx

    Button1

    Cerrar sesión

    Response.Redirect ("Default.aspx")
    Nota:

    Esta aplicación web no posee funcionalidad real. Cada vez que se envía una página, el usuario regresa a la página principal. Esta funcionalidad es suficiente para los propósitos de este tutorial.

  7. En el menú Archivo, haga clic en Guardar todo.

Para probar la aplicación Web manualmente

  1. En el Explorador de soluciones, haga clic con el botón secundario en Default.aspx y, a continuación, haga clic en Establecer como página de inicio.

  2. Presione CTRL+F5 para ejecutar la aplicación Web en el explorador. Verá la página principal, Default.aspx.

    Nota:

    De este modo, se inicia el servidor de desarrollo de ASP.NET, que ejecuta la aplicación web que su prueba web se va a encargar de probar. Verá el icono del servidor de desarrollo de ASP.NET en el área de notificación, en el extremo derecho de la barra de tareas.

  3. Copie la dirección de la aplicación web en el portapapeles o en un archivo del Bloc de notas. Necesitará la dirección para un paso posterior del tutorial. Por ejemplo, la dirección podría ser parecida a ésta: https://localhost:<númeroDePuerto>/ShoppingWebApp/Default.aspx

  4. Haga clic en Ir a inicio de sesión. Se abrirá la página Login.aspx.

  5. Escriba su nombre en el cuadro de texto y haga clic en Iniciar sesión. Se abrirá la página principal.

  6. Haga clic en Producto 1. Se abrirá la página Product1.aspx.

  7. Haga clic en Agregar al carrito. Se abrirá la página principal.

  8. Haga clic en Producto 2. Se abrirá la página Product2.aspx.

  9. Haga clic en Agregar al carrito. Se abrirá la página principal.

  10. Haga clic en Carrito. Se abrirá la página Cart.aspx.

  11. Haga clic en Comprar. Se abrirá la página principal.

  12. Haga clic en Ir a cierre de sesión. Se abrirá la página Logout.aspx.

  13. Haga clic en Cerrar sesión. Se abrirá la página principal.

  14. Cierre el explorador web.

Crear la prueba web

Ahora, está preparado para crear una prueba web que le permita probar esta aplicación.

Para crear la aplicación de prueba web

  1. En una nueva instancia de Test Edition, en el menú Archivo, seleccione Nuevo y, a continuación, haga clic en Proyecto.

    Aparecerá el cuadro de diálogo Nuevo proyecto.

  2. En Proyectos, expanda Visual Basic o Visual C#, según su preferencia, y seleccione el nodo Prueba.

  3. En Plantillas instaladas de Visual Studio, haga clic en Proyecto de prueba.

  4. En el cuadro Nombre, escriba ShoppingWebAppTest.

  5. En el cuadro Ubicación, escriba el nombre de la carpeta donde haya guardado la aplicación web. Por ejemplo, escriba el nombre de carpeta C:\WebSites\ShoppingWebApp.

  6. Haga clic en Aceptar.

    Se crea el proyecto de prueba.

    Nota:

    De manera predeterminada, Visual Studio agregará un archivo de prueba unitaria y un archivo de texto que contiene información sobre la creación de las pruebas. No necesita estos archivos para este tutorial. Por consiguiente, puede eliminarlos. Aunque no elimine los archivos, no afectarán al tutorial.

  7. En el menú Prueba, haga clic en Nueva prueba.

    Aparecerá el cuadro de diálogo Agregar nueva prueba.

  8. En el cuadro de diálogo Agregar nueva prueba, seleccione Prueba Web, asigne el nombre WebTest1.webtest a la prueba y haga clic en Aceptar.

    Se agregará al proyecto un nuevo archivo de prueba web denominado WebTest1.webtest y se abrirá la Grabadora de prueba web dentro de una nueva instancia de Internet Explorer.

  9. En la barra de direcciones del explorador, escriba la dirección de la aplicación Web que copió en un paso anterior y presione Entrar.

    Nota:

    Visual Studio comenzará a mostrar las direcciones URL de la prueba web en la Grabadora de prueba web mientras graba.

  10. Haga clic en Ir a inicio de sesión. Se abrirá la página Login.aspx.

  11. Escriba su nombre en el cuadro de texto y haga clic en Iniciar sesión. Se abrirá la página principal.

  12. Haga clic en Producto 1. Se abrirá la página Product1.aspx.

  13. Haga clic en Agregar al carrito. Se abrirá la página principal.

  14. Haga clic en Producto 2. Se abrirá la página Product2.aspx.

  15. Haga clic en Agregar al carrito. Se abrirá la página principal.

  16. Haga clic en Carrito. Se abrirá la página Cart.aspx.

  17. Haga clic en Comprar. Se abrirá la página principal.

  18. Haga clic en Ir a cierre de sesión. Se abrirá la página Logout.aspx.

  19. Haga clic en Cerrar sesión. Se abrirá la página principal.

  20. Haga clic en Detener en la Grabadora de prueba Web para detener la grabación.

    Se cerrará Internet Explorer y verá la prueba web en el Editor de prueba Web, en forma de una lista de direcciones URL. Cuando detenga la grabación, podrá modificar la prueba.

  21. En el menú Archivo, haga clic en Guardar todo.

Para ejecutar la aplicación de prueba web

  1. En el Editor de prueba Web, haga clic en Ejecutar prueba en la barra de herramientas.

    La prueba comenzará a ejecutarse y el Visor de pruebas Web mostrará cada una de las solicitudes de la prueba. En la ventana Resultados de pruebas, se mostrará el resultado de toda la prueba.

  2. En la ventana Resultados de pruebas compruebe que la prueba se haya superado.

  3. En el Visor de pruebas web seleccione algunas de las solicitudes en la lista y, a continuación, examine los resultados que se muestran en el explorador web en el panel inferior. Compruebe que la prueba se está ejecutando correctamente.

Extraer nuevas pruebas web

Puede crear las nuevas pruebas web extrayendo las solicitudes individuales de una prueba web existente. Para obtener más información, consulte Cómo: Extraer una prueba web.

Para extraer las nuevas pruebas web de una prueba web existente

  1. Abra WebTest1 en el Editor de prueba Web.

  2. En la arborescencia de solicitudes, haga clic con el botón secundario en WebTest1 y, a continuación, haga clic en Extraer prueba web.

    Aparecerá el cuadro de diálogo Extraer prueba web.

  3. En Nombre de prueba web escriba Login.

  4. En la lista desplegable Elija el primer elemento de la prueba web, seleccione la primera solicitud. La solicitud debe tener un aspecto similar al siguiente:

    https://localhost:<NúmeroDePuerto>/ShoppingWebApp/Default.aspx

  5. En la lista desplegable Elija el último elemento de la prueba web, seleccione la tercera solicitud. La solicitud debe tener un aspecto similar al siguiente:

    https://localhost:<NúmeroDePuerto>/ShoppingWebApp/Login.aspx

  6. Haga clic en Aceptar.

    Se crea una nueva prueba web denominada Login. En el Editor de prueba Web, se agrega Login a la arborescencia de solicitudes en lugar de las solicitudes individuales que extrajo. En el Explorador de soluciones, se agrega Login.webtest a la lista de proyectos.

  7. En la arborescencia de solicitudes, haga clic con el botón secundario en WebTest1 y, a continuación, haga clic en Extraer prueba web.

    Aparecerá el cuadro de diálogo Extraer prueba web.

  8. En Nombre de prueba web escriba BrowseAndBuy.

  9. En la lista desplegable Elija el primer elemento de la prueba web, seleccione la primera solicitud después de Login. La solicitud debe tener un aspecto similar al siguiente:

    https://localhost:<NúmeroDePuerto>/ShoppingWebApp/Default.aspx

  10. En la lista desplegable Elija el último elemento de la prueba web, seleccione la sexta solicitud. La solicitud debe tener un aspecto similar al siguiente:

    https://localhost:<NúmeroDePuerto>/ShoppingWebApp/Cart.aspx

  11. Haga clic en Aceptar.

    Se crea una nueva prueba web denominada BrowseAndBuy. En el Editor de prueba Web BrowseAndBuy se agrega a la arborescencia de solicitudes en lugar de las solicitudes individuales que extrajo. En el Explorador de soluciones, se agrega BrowseAndBuy.webtest a la lista de proyectos.

  12. En la arborescencia de solicitudes, haga clic con el botón secundario en WebTest1 y, a continuación, haga clic en Extraer prueba web.

    Aparecerá el cuadro de diálogo Extraer prueba web.

  13. En Nombre de prueba web escriba Logout.

  14. En la lista Elija el primer elemento de la prueba web, seleccione la primera solicitud después de BrowseAndBuy. La solicitud debe tener un aspecto similar al siguiente:

    https://localhost:<NúmeroDePuerto>/ShoppingWebApp/Default.aspx

  15. En la lista Elija el último elemento de la prueba web, seleccione la última solicitud. La solicitud debe tener un aspecto similar al siguiente:

    https://localhost:<NúmeroDePuerto>/ShoppingWebApp/Logout.aspx

  16. Haga clic en Aceptar.

    Se crea una nueva prueba web denominada Logout. En el Editor de prueba Web, se agrega Logout a la arborescencia de solicitudes en lugar de las solicitudes individuales que extrajo. En el Explorador de soluciones, se agrega Logout.webtest a la lista de proyectos.

  17. Confirme que no hay ninguna solicitud individual que permanece en la arborescencia de solicitudes de pruebas web. Es decir, WebTest1 está ahora completamente compuesto de llamadas a otras pruebas web.

  18. En el menú Archivo, haga clic en Guardar todo.

Para ejecutar la aplicación de prueba web

  1. En el Editor de prueba Web, haga clic en Ejecutar prueba en la barra de herramientas.

    La prueba comenzará a ejecutarse y el Visor de pruebas Web mostrará cada una de las solicitudes de la prueba. En la ventana Resultados de pruebas, se mostrará el resultado de toda la prueba.

  2. En la ventana Resultados de pruebas compruebe que la prueba se haya superado.

  3. En el Visor de pruebas web seleccione algunas de las solicitudes en la lista y, a continuación, examine los resultados que se muestran en el explorador web en el panel inferior. Compruebe que la prueba se está ejecutando correctamente.

    Nota:

    En el Visor de pruebas web ahora hay tres nodos contraíbles denominados WebTest1.Login, WebTest1.BrowseAndBuy y WebTest1.Logout en el árbol. Esto ayuda a revisar más fácilmente las partes de la prueba.

Composición de nuevas pruebas web

Puede crear una nueva prueba web realizando una composición de pruebas web existentes. Para obtener más información, consulte Cómo: Insertar una llamada a otra prueba web.

Para componer una nueva prueba web a partir de las pruebas web existentes

  1. En el menú Prueba, haga clic en Nueva prueba.

    Aparecerá el cuadro de diálogo Agregar nueva prueba.

  2. En el cuadro de diálogo Agregar nueva prueba, seleccione Prueba Web, asigne el nombre AllTest.webtest a la prueba y haga clic en Aceptar.

    Se agregará al proyecto un nuevo archivo de prueba web denominado AllTest.webtest y se abrirá la Grabadora de prueba web dentro de una nueva instancia de Internet Explorer.

  3. Haga clic en Detener en la Grabadora de prueba web para detener la grabación sin realizar ninguna exploración.

    Internet Explorer se cerrará y verá la prueba web en el Editor de prueba Web. La prueba está vacía porque no realizó ninguna exploración.

  4. En la arborescencia de solicitudes, haga clic con el botón secundario en AllTest y seleccione Agregar llamada a prueba web.

    Aparece el cuadro de diálogo Elegir prueba.

  5. Haga clic sucesivamente en Login y en Aceptar. Se agregará la prueba web Login a la arborescencia de solicitudes.

  6. En la arborescencia de solicitudes, haga clic con el botón secundario en AllTest y seleccione Agregar llamada a prueba web.

    Aparece el cuadro de diálogo Elegir prueba.

  7. Haga clic sucesivamente en BrowseAndBuy y en Aceptar. Se agregará la prueba web BrowseAndBuy a la arborescencia de solicitudes.

  8. En la arborescencia de solicitudes, haga clic con el botón secundario en AllTest y seleccione Agregar llamada a prueba web.

    Aparece el cuadro de diálogo Elegir prueba.

  9. Haga clic sucesivamente en Logout y en Aceptar. Se agregará la prueba web Logout a la arborescencia de solicitudes.

  10. En el menú Archivo, haga clic en Guardar todo.

Para ejecutar la aplicación de prueba web

  1. En el Editor de prueba Web, haga clic en Ejecutar prueba en la barra de herramientas.

    La prueba comenzará a ejecutarse y el Visor de pruebas Web mostrará cada una de las solicitudes de la prueba. En la ventana Resultados de pruebas, se mostrará el resultado de toda la prueba.

  2. En la ventana Resultados de pruebas compruebe que la prueba se haya superado.

  3. En el Visor de pruebas web seleccione algunas de las solicitudes en la lista y, a continuación, examine los resultados que se muestran en el explorador web en el panel inferior. Compruebe que la prueba se está ejecutando correctamente.

Pasos siguientes

Ahora que tiene una prueba web, puede agregarla a una prueba de carga. Puede crear una prueba de carga que realiza los pasos de Login y Logout una sola vez por cada usuario virtual y pruebe el paso de BrowseAndBuy varias veces por cada usuario virtual.

Vea también

Tareas

Cómo: Registrar una prueba Web

Cómo: Editar una prueba Web existente

Conceptos

Ejecutar y ver una prueba web

Otros recursos

Tutoriales de las pruebas Web