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

Para este tutorial, necesitará:

  • Visual Studio 2010 Ultimate

Crear la aplicación web

Para crear la aplicación Web

  1. En Visual Studio 2010 Ultimate, en el menú Archivo, haga clic en Nuevo y, a continuación, en 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, haga clic en Web.

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

    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. Haga clic en 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, haga clic en 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 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 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 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 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. 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 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 2010 Ultimate, en el menú Archivo, elija Nuevo y, a continuación, haga clic en 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, 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 de rendimiento web, asigne el nombre WebTest1.webtest a la prueba y haga clic en Aceptar.

    Se agregará al proyecto un nuevo archivo de prueba de rendimiento web denominado WebTest1.webtest y se abrirá la Grabadora de prueba de rendimiento 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 comienza a mostrar las direcciones URL de la prueba de rendimiento web en la Grabadora de prueba de rendimiento 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 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.

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

Para ejecutar la aplicación de prueba de rendimiento web

  1. En el Editor de prueba de rendimiento web, haga clic en 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 recuadro 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 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 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 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 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 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 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 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ú Archivo, haga clic en Guardar todo.

Para ejecutar la aplicación de prueba de rendimiento web

  1. En el Editor de prueba de rendimiento web, haga clic en 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 recuadro 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 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 de rendimiento web, asigne el nombre AllTest.webtest a la prueba y haga clic en Aceptar.

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

  3. 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.

  4. En el árbol 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 de rendimiento web Login al árbol de solicitudes.

  6. En el árbol 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 de rendimiento web BrowseAndBuy al árbol 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 de rendimiento web Logout al árbol de solicitudes.

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

Para ejecutar la aplicación de prueba de rendimiento web

  1. En el Editor de prueba de rendimiento web, haga clic en 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 recuadro 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