Compartir a través de

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

  • Artículo

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 de rendimiento web para probar la aplicación.

En este tutorial realizará las tareas siguientes:

  • Creará una aplicación Web simple.

  • Creará una prueba de rendimiento web.

  • Extraerá nuevas pruebas de rendimiento web a partir de una existente.

  • Compondrá una nueva prueba de rendimiento web a partir de otras existentes.

Requisitos previos

Esto es lo que necesitará:

  • Visual Studio Ultimate

Crear la aplicación web

Para crear la aplicación Web

  1. En Visual Studio Ultimate, en el menú file, elija Nueva y elija proyecto.

    Aparecerá el cuadro de diálogo Nuevo proyecto.

  2. En Plantillas instaladas, expanda el lenguaje de programación que desee y, a continuación, escoja Web.

  3. En la lista de tipos de proyectos web, seleccione ASP.NET vacía la aplicación.

    [!NOTA]

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

  4. En el cuadro Nombre, escriba ShoppingWebApp.

  5. En el cuadro Ubicación, especifique la carpeta donde desea crear la aplicación web.

  6. Seleccione Crear directorio para la solución.

  7. Elija Aceptar.

  8. En el menú Proyecto, elija Agregar nuevo elemento.

    Aparecerá el cuadro de diálogo Agregar nuevo elemento.

  9. En la lista de elementos, elija Web Forms.

  10. En el cuadro de texto Nombre, escriba Default.aspx y, a continuación, escoja Agregar.

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 elija 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 selección de botón y agregue el código.

    Control

    Propiedad Text

    Código de elección del 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ú file, elija Guardar todos.

Para agregar páginas a la aplicación Web

  1. En el menú Proyecto, elija Agregar nuevo elemento.

  2. En el cuadro de diálogo Agregar nuevo elemento, escoja la plantilla Formulario Web , asígnele el nombre Login.aspx y, a continuación, seleccione Agregar.

  3. En la parte inferior de la ventana de documento, seleccione en la pestaña 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 elección del 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ú file, elija Guardar todos.

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, seleccione Establecer como página principal.

  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 la prueba de rendimiento 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. seleccione **Ir a inicio de sesión.**Se abrirá la página Login.aspx.

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

  6. Elija producto 1.Se abrirá la página Product1.aspx.

  7. seleccione Agregar al carrito.Se abrirá la página principal.

  8. seleccione Producto 2.Se abrirá la página Product2.aspx.

  9. seleccione Agregar al carrito.Se abrirá la página principal.

  10. seleccione Carrito de compra.Se abrirá la página Cart.aspx.

  11. seleccione Comprar.Se abrirá la página principal.

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

  13. seleccione Cerrar sesión.Se abrirá la página principal.

  14. Cierre el explorador web.

Crear la prueba de rendimiento web

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

Para crear la aplicación de prueba de rendimiento web

  1. En una nueva instancia de Visual Studio Ultimate, en el menú file, elija Nueva y elija proyecto.

    Aparecerá el cuadro de diálogo Nuevo proyecto.

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

  3. En la lista de plantillas, elija Proyecto de prueba de carga y rendimiento web.

  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. Elija Aceptar.

    Se crea el proyecto de prueba de rendimiento web y la carga que incluye una prueba de rendimiento web llamada WebTest1.webtest.

  7. En el explorador de soluciones, elija WebTest1.webtest, abrir el menú contextual, y elija cambiar nombre.Cambie el nombre de la prueba WebTest1.webtest.

  8. En el explorador de soluciones, elija WebTest1.webtest, abra el menú contextual, y elija Abrir.

    Muestra del editor de prueba web de rendimiento.

  9. En el editor de prueba de rendimiento web, elija Agregar grabación de la barra de herramientas.

    El explorador web se abre con la grabadora de pruebas agrega en mostrado.

    [!NOTA]

    Si no ve la grabadora de prueba web, debe configurar las agregaciones en el explorador web para incluirlo.

  10. 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 comienza a mostrar las direcciones URL de la prueba de rendimiento web en la Grabadora de prueba de rendimiento web mientras graba.

  11. seleccione **Ir a inicio de sesión.**Se abrirá la página Login.aspx.

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

  13. Elija producto 1.Se abrirá la página Product1.aspx.

  14. seleccione Agregar al carrito.Se abrirá la página principal.

  15. seleccione Producto 2.Se abrirá la página Product2.aspx.

  16. seleccione Agregar al carrito.Se abrirá la página principal.

  17. seleccione Carrito de compra.Se abrirá la página Cart.aspx.

  18. seleccione Comprar.Se abrirá la página principal.

  19. seleccione Ir a cierre de sesión.Se abrirá la página Logout.aspx.

  20. seleccione Cerrar sesión.Se abrirá la página principal.

  21. seleccione Detener en la Grabadora de pruebas de rendimiento web para detener la grabación.

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

  22. En el menú file, elija Guardar todos.

Para ejecutar la aplicación de prueba de rendimiento web

  1. En el Editor de prueba de rendimiento web, seleccione Ejecutar prueba en la barra de herramientas.

    La prueba comenzará a ejecutarse y el Visor de resultados de pruebas de rendimiento 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 resultados de pruebas de rendimiento web, seleccione algunas de las solicitudes de 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 de rendimiento web

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

Para extraer nuevas pruebas de rendimiento web a partir de una existente

  1. Abra WebTest1 en el Editor de prueba de rendimiento web.

  2. En el árbol de solicitudes, haga clic con el botón secundario en WebTest1 y, a continuación, seleccione 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. Elija Aceptar.

    Se crea una nueva prueba de rendimiento web denominada Login.En el Editor de prueba de rendimiento web se agrega Login al árbol de solicitudes en lugar de las solicitudes individuales extraídas.En el Explorador de soluciones, se agrega Login.webtest a la lista de proyectos.

  7. En el árbol de solicitudes, haga clic con el botón secundario en WebTest1 y, a continuación, seleccione 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. Elija Aceptar.

    Se crea una nueva prueba de rendimiento web denominada BrowseAndBuyLogin.En el Editor de prueba de rendimiento web se agrega BrowseAndBuy al árbol de solicitudes en lugar de las solicitudes individuales extraídas.En el Explorador de soluciones, se agrega BrowseAndBuy.webtest a la lista de proyectos.

  12. En el árbol de solicitudes, haga clic con el botón secundario en WebTest1 y, a continuación, seleccione 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. Elija Aceptar.

    Se crea una nueva prueba de rendimiento web denominada Logout.En el Editor de prueba de rendimiento web se agrega Logout al árbol de solicitudes en lugar de las solicitudes individuales extraídas.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 el árbol de solicitudes de pruebas de rendimiento web.Es decir, WebTest1 está ahora completamente compuesto de llamadas a otras pruebas de rendimiento web.

  18. En el menú file, elija Guardar todos.

Para ejecutar la aplicación de prueba de rendimiento web

  1. En el Editor de prueba de rendimiento web, seleccione Ejecutar prueba en la barra de herramientas.

    La prueba comenzará a ejecutarse y el Visor de resultados de pruebas de rendimiento 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 resultados de pruebas de rendimiento web, seleccione algunas de las solicitudes de 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 resultados de pruebas de rendimiento 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.

Componer nuevas pruebas de rendimiento web

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

Para componer una nueva prueba de rendimiento web a partir de otras existentes

  1. En el explorador de soluciones, abra el menú contextual del rendimiento web ShoppingWebAppTest y carga proyecto de prueba y elija Add.A continuación Prueba de rendimiento web.

    Un nuevo archivo de prueba de rendimiento web denominado WebTest2.webtest se agrega al proyecto, y a Grabadora de prueba de rendimiento web se abrirá en una nueva instancia de Internet Explorer.

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

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

  3. En el árbol de solicitudes, haga clic con el botón secundario WebTest2 y elija Agregar llamada a prueba web.

    Aparece el cuadro de diálogo Elegir prueba.

  4. seleccione Iniciar sesión y luego seleccione Aceptar.Se agregará la prueba de rendimiento web Login al árbol de solicitudes.

  5. En el árbol de solicitudes, haga clic con el botón secundario WebTest2 y elija Agregar llamada a prueba web.

    Aparece el cuadro de diálogo Elegir prueba.

  6. seleccione BuscarYComprar y luego seleccione Aceptar.Se agregará la prueba de rendimiento web BrowseAndBuy al árbol de solicitudes.

  7. En el árbol de solicitudes, haga clic con el botón secundario WebTest2 y elija Agregar llamada a prueba web.

    Aparece el cuadro de diálogo Elegir prueba.

  8. Elija Cerrar sesión y luego seleccione Aceptar.Se agregará la prueba de rendimiento web Logout al árbol de solicitudes.

  9. En el menú file, elija Guardar todos.

Para ejecutar la aplicación de prueba de rendimiento web

  1. En el Editor de prueba de rendimiento web, seleccione Ejecutar prueba en la barra de herramientas.

    La prueba comenzará a ejecutarse y el Visor de resultados de pruebas de rendimiento 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 resultados de pruebas de rendimiento web, seleccione algunas de las solicitudes de 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 de rendimiento 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: Crear nuevas pruebas de rendimiento web con la grabadora de pruebas de rendimiento web

Cómo: Modificar las pruebas de rendimiento web con el Editor de prueba de rendimiento web

Conceptos

Ejecutar pruebas de rendimiento web

Tutoriales sobre pruebas de rendimiento web