Partager via

Procédure pas à pas : création d'un test Web qui nécessite une connexion et une déconnexion

  • Article

Mise à jour : novembre 2007

Dans cette procédure pas à pas, vous créez 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éez un test Web pour tester l'application.

Dans cette procédure, vous allez exécuter les tâches suivantes :

  • Créer une application Web simple.

  • Créez un test Web.

  • Extraire de nouveaux tests Web d'un test Web existant.

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

Composants requis

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

  • Microsoft Visual Studio 2005

  • Visual Studio Team System Test Edition

Création de l'application Web

Pour créer l'application Web

  1. Dans le menu Fichier de Microsoft Visual Studio 2005, cliquez sur Nouveau, puis sur Site Web.

    La boîte de dialogue Nouveau site Web s'affiche.

  2. Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.

  3. Dans la zone Emplacement, sélectionnez Système de fichiers, puis tapez le nom du dossier dans lequel vous souhaitez conserver l'application Web. Ajoutez AppWebAchat\ApplWebAchat à la fin du nom du dossier. Par exemple, tapez le nom de dossier C:\SitesWeb\AppWebAchat\AppWebAchat.

    Remarque :

    Incluez le nom deux fois afin de pouvoir ajouter un projet de test Web au premier dossier, et il sera séparé de l'application Web elle-même dans le deuxième dossier.

  4. Dans la liste Langage, sélectionnez le langage de programmation que vous préférez.

    Remarque :

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

  5. Cliquez sur OK.

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

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.

    Remarque :

    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 ("Connexion.aspx")

    Button2

    Produit 1

    Response.Redirect ("Produit1.aspx")

    Button3

    Produit 2

    Response.Redirect ("Produit2.aspx")

    Button4

    Panier d'achat

    Response.Redirect ("Panier.aspx")

    Button5

    Aller à Se déconnecter

    Response.Redirect ("Déconnexion.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 du 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")
    Remarque :

    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.

    Remarque :

    Le serveur de développement ASP.NET qui exécute l'application Web que votre test Web va tester démarre. 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 Web

Maintenant, vous êtes prêt à créer un test Web qui vous permet de tester cette application.

Pour créer l'application de test Web

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

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

  2. Sous Projets, développez Visual Basic ou Visual C# selon votre choix, puis sélectionnez le nœud Test.

  3. Sous Modèles Visual Studio installés, 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éé.

    Remarque :

    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 Web, donnez au test le nom TestWeb1.webtest, puis cliquez sur OK.

    Un nouveau fichier de test Web nommé TestWeb1.webtest est ajouté à votre projet et l'Enregistreur de test Web s'ouvre à l'intérieur d'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.

    Remarque :

    Visual Studio commence à afficher les URL du test Web dans l'Éditeur de test 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 Web pour arrêter l'enregistrement.

    Internet Explorer se ferme. Le test Web apparaît dans l'Éditeur de test Web sous forme de 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 Web

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

    Le test commence à s'exécuter, et un Afficheur de test Web affiche chaque demande 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 de test Web, sélectionnez quelques-unes 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 Web

Vous pouvez créer des tests Web en extrayant des demandes individuelles d'un test Web existant. Pour plus d'informations, consultez Comment : extraire un test Web.

Pour extraire de nouveaux tests Web d'un test Web existant

  1. Ouvrez TestWeb1 dans l'Éditeur de test 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 Web est créé sous le nom Connexion. Dans l'Éditeur de test Web, Connexion est ajouté à l'arborescence des requêtes à la place des demandes 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 Web appelé ParcourirEtAcheter est créé. Dans l'Éditeur de test Web, ParcourirEtAcheter est ajouté à l'arborescence des requêtes à la place des demandes 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 Web est créé sous le nom Déconnexion. Dans l'Éditeur de test Web, Déconnexion est ajouté à l'arborescence des requêtes à la place des demandes 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 pas de demandes individuelles dans l'arborescence des requêtes de test Web. Autrement dit, TestWeb1 se compose maintenant entièrement d'appels à d'autres tests Web.

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

Pour exécuter l'application de test Web

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

    Le test commence à s'exécuter, et un Afficheur de test Web affiche chaque demande 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 de test Web, sélectionnez quelques-unes 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.

    Remarque :

    L'Afficheur de test 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 Web

Vous pouvez créer un test Web en composant des tests Web existants. Pour plus d'informations, consultez Comment : insérer un appel à un autre test Web.

Pour composer un nouveau test Web à partir de tests 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 Web, donnez au test le nom TousTests.webtest, puis cliquez sur OK.

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

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

    Internet Explorer se ferme et le test Web s'affiche dans l'Éditeur de test 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 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 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 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 Web

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

    Le test commence à s'exécuter, et un Afficheur de test Web affiche chaque demande 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 de test Web, sélectionnez quelques-unes 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 un test 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 : enregistrer un test Web

Comment : modifier un test Web existant

Concepts

Exécution et affichage d'un test Web

Autres ressources

Procédures pas à pas relatives aux tests Web