Partager via

Procédure pas à pas : création d'un test des performances de site Web nécessitant une connexion et une déconnexion

  • Article

Dans cette procédure pas à pas, vous allez créer une application Web simple qui contient une étape d'ouverture de session et une étape de fermeture. L'application simule une application d'achat, mais ne contient pas de code fonctionnel. Enfin, vous créerez un test des performances de site Web pour tester l'application.

Dans cette procédure pas à pas, vous exécuterez les tâches suivantes :

  • Créer une application Web simple.

  • Créer un test des performances de site Web.

  • Extraire de nouveaux tests des performances de site Web à partir d'un test des performances de site Web existant.

  • Composer un nouveau test des performances de site Web à partir de tests des performances de site Web existants.

Composants requis

Pour exécuter cette procédure pas à pas, vous avez besoin de :

  • Visual Studio 2010 Ultimate

Création de l'application Web

Pour créer l'application Web

  1. Dans Visual Studio 2010 Ultimate, dans le menu Fichier, cliquez sur Fichier, puis sur Projet.

    La boîte de dialogue Nouveau projet s'affiche.

  2. Sous Modèles installés, développez le langage de programmation de votre choix, puis cliquez sur Web.

  3. Dans la liste des types de projets Web, sélectionnez Application ASP.NET vide.

    Notes

    Dans cette procédure pas à pas, vous n'allez écrire qu'un minimum de code.

  4. Dans la zone Nom, tapez AppWebAchat.

  5. Dans la zone Emplacement, spécifiez le dossier dans lequel vous voulez créer votre application Web.

  6. Sélectionnez Créer le répertoire pour la solution.

  7. Cliquez sur OK.

  8. Dans le menu Projet, choisissez Ajouter un nouvel élément.

    La boîte de dialogue Ajouter un nouvel élément s'affiche alors.

  9. Dans la liste d'éléments, choisissez Web Form.

  10. Dans la zone de texte Nom, tapez Default.aspx, puis cliquez sur Ajouter.

Pour créer la page d'accueil pour l'application Web

  1. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Default.aspx, puis cliquez sur Concepteur de vues.

    Une page vierge s'affiche.

  2. Si la boîte à outils n'est pas visible, cliquez sur Affichage, puis sur Boîte à outils.

  3. À partir du groupe Standard, faites glisser cinq boutons sur la page. Utilisez la table suivante pour exécuter cette étape.

    Notes

    Double-cliquez sur chaque bouton pour ouvrir l'événement lié à un clic sur un bouton et ajouter le code.

    Contrôle

    Propriété Text

    Code du clic sur le bouton

    Button1

    Aller à Se connecter

    		 
    Response.Redirect("Login.aspx");

    Button2

    Produit 1

    		 
    Response.Redirect("Product1.aspx");

    Button3

    Produit 2

    		 
    Response.Redirect("Product2.aspx");

    Button4

    Panier d'achat

    		 
    Response.Redirect("Cart.aspx");

    Button5

    Aller à Se déconnecter

    		 
    Response.Redirect("Logout.aspx");

  4. Dans le menu Fichier, cliquez sur Enregistrer tout.

Pour ajouter des pages à l'application Web

  1. Dans le menu Site Web, cliquez sur Ajouter un nouvel élément.

  2. Dans la boîte de dialogue Ajouter un nouvel élément, cliquez sur le modèle Web Form, nommez-le Connexion.aspx, puis cliquez sur Ajouter.

  3. En bas de la fenêtre de document, cliquez sur l'onglet Design pour basculer en mode Design.

  4. Faites glisser un bouton sur la page.

  5. Faites glisser une zone de texte sur la page.

  6. Répétez les étapes 1 à 4 quatre autres fois. Utilisez la table suivante pour exécuter cette étape :

    Page Web

    Contrôle

    Propriété Text

    Code du clic sur le bouton

    Connexion.aspx

    TextBox1

    -

    -

    Connexion.aspx

    Button1

    Se connecter

    		 
    Response.Redirect("Default.aspx");

    Produit1.aspx

    Button1

    Ajouter au panier

    		 
    Response.Redirect("Default.aspx");

    Produit2.aspx

    Button1

    Ajouter au panier

    		 
    Response.Redirect("Default.aspx");

    Panier.aspx

    Button1

    Acheter

    		 
    Response.Redirect("Default.aspx");

    Déconnexion.aspx

    Button1

    Se déconnecter

    		 
    Response.Redirect("Default.aspx");

    Notes

    Il n'y a pas de vraies fonctionnalités dans cette application Web. L'envoi de chaque page retourne l'utilisateur à la page d'accueil. Cette fonctionnalité est suffisante pour les besoins de cette procédure pas à pas.

  7. Dans le menu Fichier, cliquez sur Enregistrer tout.

Pour tester l'application Web manuellement

  1. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur Default.aspx, puis cliquez sur Définir comme page de démarrage.

  2. Appuyez sur CTRL+F5 pour exécuter l'application Web dans le navigateur. La page d'accueil, Default.aspx, s'affiche.

    Notes

    Cette opération démarre le serveur de développement ASP.NET qui exécute l'application Web à laquelle votre test des performances de site Web va s'appliquer. L'icône Serveur de développement ASP.NET apparaît dans la zone de notification, à l'extrémité droite de la barre des tâches.

  3. Copiez l'adresse de l'application Web dans le Presse-papiers ou dans un fichier Bloc-notes. Vous aurez besoin de l'adresse pour une autre étape de la procédure pas à pas. Elle peut, par exemple, se présenter comme suit : https://localhost:<NuméroPort>/AppWebAchat/Default.aspx

  4. Cliquez sur Aller à Se connecter. La page Connexion.aspx s'ouvre.

  5. Tapez votre nom dans la zone, puis cliquez sur Se connecter. La page d'accueil s'ouvre.

  6. Cliquez sur Produit 1. La page Produit1.aspx s'ouvre.

  7. Cliquez sur Ajouter au panier. La page d'accueil s'ouvre.

  8. Cliquez sur Produit 2. La page Produit2.aspx s'ouvre.

  9. Cliquez sur Ajouter au panier. La page d'accueil s'ouvre.

  10. Cliquez sur Panier d'achat. La page Panier.aspx s'ouvre.

  11. Cliquez sur Acheter. La page d'accueil s'ouvre.

  12. Cliquez sur Aller à Se déconnecter. La page Déconnexion.aspx s'ouvre.

  13. Cliquez sur Se déconnecter. La page d'accueil s'ouvre.

  14. Fermez le navigateur Web.

Création du test des performances de site Web

Vous êtes maintenant prêt à créer un test des performances de site Web vous permettant de tester cette application.

Pour créer l'application de test des performances de site Web

  1. Dans une nouvelle instance de Visual Studio 2010 Ultimate, dans le menu Fichier, pointez sur Nouveau, puis cliquez sur Projet.

    La boîte de dialogue Nouveau projet s'affiche.

  2. Sous Modèles installés, développez Visual Basic ou Visual C# selon vos préférences, puis sélectionnez le nœud Test.

  3. Sous la liste de modèles, cliquez sur Projet de test.

  4. Dans la zone Nom, tapez TestAppWebAchat.

  5. Dans la zone Emplacement, tapez le nom du dossier où vous avez enregistré l'application Web. Par exemple, tapez le nom de dossier C:\SitesWeb\ApppWebAchat.

  6. Cliquez sur OK.

    Le projet de test est créé.

    Notes

    Par défaut, Visual Studio ajoute un fichier de test unitaire et un fichier texte qui contient des informations sur la création de tests. Vous n'avez pas besoin de ces fichiers pour cette procédure pas à pas. Vous pouvez donc les supprimer. Si vous ne supprimez pas ces fichiers, cela n'affecte pas la procédure.

  7. Dans le menu Test, cliquez sur Nouveau test.

    La boîte de dialogue Ajouter un nouveau test s'affiche.

  8. Dans la boîte de dialogue Ajouter un nouveau test, sélectionnez Test des performances de site Web, nommez le test TestWeb1.webtest, puis cliquez sur OK.

    Un nouveau fichier de test des performances de site Web nommé TestWeb1.webtest est ajouté à votre projet et l'Enregistreur de test de performances de site Web s'ouvre dans une nouvelle instance d'Internet Explorer.

  9. Dans la barre d'adresses du navigateur, tapez l'adresse de l'application Web que vous avez copiée lors d'une étape précédente, puis appuyez sur Entrée.

    Notes

    Visual Studio commence à afficher les URL du test des performances de site Web dans l'Enregistreur de test de performances de site Web à mesure qu'elles sont enregistrées.

  10. Cliquez sur Aller à Se connecter. La page Connexion.aspx s'ouvre.

  11. Tapez votre nom dans la zone, puis cliquez sur Se connecter. La page d'accueil s'ouvre.

  12. Cliquez sur Produit 1. La page Produit1.aspx s'ouvre.

  13. Cliquez sur Ajouter au panier. La page d'accueil s'ouvre.

  14. Cliquez sur Produit 2. La page Produit2.aspx s'ouvre.

  15. Cliquez sur Ajouter au panier. La page d'accueil s'ouvre.

  16. Cliquez sur Panier d'achat. La page Panier.aspx s'ouvre.

  17. Cliquez sur Acheter. La page d'accueil s'ouvre.

  18. Cliquez sur Aller à Se déconnecter. La page Déconnexion.aspx s'ouvre.

  19. Cliquez sur Se déconnecter. La page d'accueil s'ouvre.

  20. Cliquez sur Arrêter dans l'Enregistreur de test de performances de site Web pour arrêter l'enregistrement.

    Internet Explorer se ferme et le test des performances de site Web s'affiche dans l'éditeur de tests de performances de site Web sous la forme d'une liste d'URL. Après avoir arrêté l'enregistrement, vous pouvez modifier le test.

  21. Dans le menu Fichier, cliquez sur Enregistrer tout.

Pour exécuter l'application de test de performances Web

  1. Dans l'éditeur de tests de performances de site Web, cliquez sur Exécuter le test dans la barre d'outils.

    Le test commence à s'exécuter, et un Afficheur des résultats des tests de performances de site Web affiche chaque requête du test. La fenêtre Résultats des tests affiche le résultat du test complet.

  2. Dans la fenêtre Résultats des tests, vérifiez que le test a réussi.

  3. Dans l'Afficheur des résultats des tests de performances de site Web, sélectionnez des requêtes dans la liste, puis examinez les résultats présentés dans le volet inférieur du navigateur Web. Vérifiez que le test s'exécute correctement.

Extraction de nouveaux tests des performances de site Web

Vous pouvez créer des tests des performances de site Web en extrayant des requêtes individuelles d'un test des performances de site Web existant. Pour plus d'informations, consultez Comment : extraire des requêtes dans un test des performances de site Web pour créer un test des performances de site Web.

Pour extraire de nouveaux tests des performances de site Web à partir d'un test des performances de site Web existant

  1. Ouvrez TestWeb1 dans l'éditeur de tests de performances de site Web.

  2. Dans l'arborescence des requêtes, cliquez avec le bouton droit sur TestWeb1, puis cliquez sur Extraire un test Web.

    La boîte de dialogue Extraire un test Web s'affiche.

  3. Dans Nom du test Web, tapez Connexion.

  4. Dans la liste déroulante Choisir le premier élément du test Web, sélectionnez la première requête. Elle doit se présenter comme suit :

    https://localhost:<NuméroPort>/AppWebAchat/Default.aspx

  5. Dans la liste déroulante Choisir le dernier élément du test Web, sélectionnez la troisième requête. Elle doit se présenter comme suit :

    https://localhost:<NuméroPort>/AppWebAchat/Connexion.aspx

  6. Cliquez sur OK.

    Un nouveau test des performances de site Web nommé Connexion est créé. Dans l'éditeur de tests de performances de site Web, Connexion est ajouté à l'arborescence des requêtes à la place des requêtes individuelles que vous avez extraites. Dans l'Explorateur de solutions, Connexion.webtest est ajouté à la liste des projets.

  7. Dans l'arborescence des requêtes, cliquez avec le bouton droit sur TestWeb1, puis cliquez sur Extraire un test Web.

    La boîte de dialogue Extraire un test Web s'affiche.

  8. Dans Nom du test Web, tapez ParcourirEtAcheter.

  9. Dans la liste déroulante Choisir le premier élément du test Web, sélectionnez la première requête après Connexion. Elle doit se présenter comme suit :

    https://localhost:<NuméroPort>/AppWebAchat/Default.aspx

  10. Dans la liste Choisir le dernier élément du test Web, sélectionnez la sixième requête. Elle doit se présenter comme suit :

    https://localhost:<NuméroPort>/AppWebAchat/Panier.aspx

  11. Cliquez sur OK.

    Un nouveau test des performances de site Web nommé ParcourirEtAcheter est créé. Dans l'éditeur de tests de performances de site Web, ParcourirEtAcheter est ajouté à l'arborescence des requêtes à la place des requêtes individuelles que vous avez extraites. Dans l'Explorateur de solutions, ParcourirEtAcheter.webtest est ajouté à la liste des projets.

  12. Dans l'arborescence des requêtes, cliquez avec le bouton droit sur TestWeb1, puis cliquez sur Extraire un test Web.

    La boîte de dialogue Extraire un test Web s'affiche.

  13. Dans Nom du test Web, tapez Déconnexion.

  14. Dans la liste déroulante Choisir le premier élément du test Web, sélectionnez la première requête après ParcourirEtAcheter. Elle doit se présenter comme suit :

    https://localhost:<NuméroPort>/AppWebAchat/Default.aspx

  15. Dans la liste Choisir le dernier élément du test Web, sélectionnez la dernière requête. Elle doit se présenter comme suit :

    https://localhost:<NuméroPort>/AppWebAchat/Déconnexion.aspx

  16. Cliquez sur OK.

    Un nouveau test des performances de site Web nommé Déconnexion est créé. Dans l'éditeur de tests de performances de site Web, Déconnexion est ajouté à l'arborescence des requêtes à la place des requêtes individuelles que vous avez extraites. Dans l'Explorateur de solutions, Déconnexion.webtest est ajouté à la liste des projets.

  17. Vérifiez qu'il ne reste aucune requête individuelle dans l'arborescence des requêtes de test des performances de site Web. Autrement dit, TestWeb1 est maintenant composé intégralement d'appels à d'autres tests des performances de site Web.

  18. Dans le menu Fichier, cliquez sur Enregistrer tout.

Pour exécuter l'application de test de performances Web

  1. Dans l'éditeur de tests de performances de site Web, cliquez sur Exécuter le test dans la barre d'outils.

    Le test commence à s'exécuter, et un Afficheur des résultats des tests de performances de site Web affiche chaque requête du test. La fenêtre Résultats des tests affiche le résultat du test complet.

  2. Dans la fenêtre Résultats des tests, vérifiez que le test a réussi.

  3. Dans l'Afficheur des résultats des tests de performances de site Web, sélectionnez des requêtes dans la liste, puis examinez les résultats présentés dans le volet inférieur du navigateur Web. Vérifiez que le test s'exécute correctement.

    Notes

    Dans l'Afficheur des résultats des tests de performances de site Web, l'arborescence présente maintenant des nœuds réductibles nommés TestWeb1.Connexion, TestWeb1.ParcourirEtAcheter et TestWeb1.Déconnexion. Cela vous aide à passer en revue plus facilement les parties de votre test.

Composition de nouveaux tests des performances de site Web

Vous pouvez composer un nouveau test des performances de site Web à partir de tests des performances de site Web existants. Pour plus d'informations, consultez Comment : insérer un appel dans un test des performances de site Web dans un autre test des performances de site Web.

Pour composer un nouveau test des performances de site Web à partir de tests des performances de site Web existants

  1. Dans le menu Test, cliquez sur Nouveau test.

    La boîte de dialogue Ajouter un nouveau test s'affiche.

  2. Dans la boîte de dialogue Ajouter un nouveau test, sélectionnez Test des performances de site Web, nommez le test TousTests.webtest, puis cliquez sur OK.

    Un nouveau fichier de test des performances de site Web nommé TousTests.webtest est ajouté à votre projet et l'Enregistreur de test de performances de site Web s'ouvre dans une nouvelle instance d'Internet Explorer.

  3. Dans l'Enregistreur de test de performances de site Web, cliquez sur Arrêter pour arrêter l'enregistrement sans effectuer une exploration.

    Internet Explorer se ferme et le test des performances de site Web s'affiche dans l'éditeur de tests de performances de site Web. Le test est vide parce que vous n'avez pas effectué une exploration.

  4. Dans l'arborescence des requêtes, cliquez avec le bouton droit sur TousTests, puis cliquez sur Ajouter un appel au test Web.

    La boîte de dialogue Choisir un test s'affiche.

  5. Cliquez sur Connexion, puis sur OK. Le test de performances de site Web Connexion est ajouté à l'arborescence des requêtes.

  6. Dans l'arborescence des requêtes, cliquez avec le bouton droit sur TousTests, puis cliquez sur Ajouter un appel au test Web.

    La boîte de dialogue Choisir un test s'affiche.

  7. Cliquez sur ParcourirEtAcheter, puis sur OK. Le test de performances de site Web ParcourirEtAcheter est ajouté à l'arborescence des requêtes.

  8. Dans l'arborescence des requêtes, cliquez avec le bouton droit sur TousTests, puis cliquez sur Ajouter un appel au test Web.

    La boîte de dialogue Choisir un test s'affiche.

  9. Cliquez sur Déconnexion, puis sur OK. Le test de performances de site Web Déconnexion est ajouté à l'arborescence des requêtes.

  10. Dans le menu Fichier, cliquez sur Enregistrer tout.

Pour exécuter l'application de test de performances Web

  1. Dans l'éditeur de tests de performances de site Web, cliquez sur Exécuter le test dans la barre d'outils.

    Le test commence à s'exécuter, et un Afficheur des résultats des tests de performances de site Web affiche chaque requête du test. La fenêtre Résultats des tests affiche le résultat du test complet.

  2. Dans la fenêtre Résultats des tests, vérifiez que le test a réussi.

  3. Dans l'Afficheur des résultats des tests de performances de site Web, sélectionnez des requêtes dans la liste, puis examinez les résultats présentés dans le volet inférieur du navigateur Web. Vérifiez que le test s'exécute correctement.

Étapes suivantes

Maintenant que vous avez créé un test des performances de site Web, vous pouvez l'ajouter à un test de charge. Vous pouvez créer un test de charge qui exécute les étapes Connexion et Déconnexion une seule fois par utilisateur virtuel et tester plusieurs fois l'étape ParcourirEtAcheter par utilisateur virtuel.

Voir aussi

Tâches

Comment : créer un nouveau test de performances de site Web à l'aide de l'enregistreur de test de performances de site Web

Comment : modifier un test de performances de site Web existant à l'aide de l'éditeur de test de performances de site Web

Concepts

Exécution de tests de performances de site Web

Procédures pas à pas relatives aux tests des performances de site Web