Procédure pas à pas : enregistrement et exécution d'un test Web

Article
08/21/2008

Mise à jour : novembre 2007

Dans cette procédure pas à pas, vous allez créer un test Web à partir d'un enregistrement de navigateur, puis vérifier qu'il fonctionne correctement.

Cette procédure pas à pas décrit la création et l'exécution d'un test Web à l'aide des outils de Visual Studio Team System Test Edition. Un test Web commence comme une liste d'URL, représentant des demandes Web, dans l' Éditeur de test Web. Vous créez un test Web en enregistrant une session de navigateur à l'aide de l'Éditeur de test Web. Pour plus d'informations sur les tests Web, consultez Utilisation des tests Web.

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

créer un projet test ;
créer un test Web à partir d'un enregistrement de navigateur ;
exécuter le test Web pour vérifier qu'il fonctionne correctement.

Composants requis

Pour exécuter cette procédure pas à pas, vous devez disposer des éléments suivants :

Application Web que vous avez créée lors de la Procédure pas à pas : création d'une application Web simple

Préparation de la procédure

Dans cette procédure pas à pas, vous n'allez pas modifier l'application Web que vous avez créée dans Procédure pas à pas : création d'une application Web simple, mais vous aurez besoin de l'adresse de l'application.

Pour vous préparer à la procédure

Ouvrez l'application Web que vous avez créée dans Procédure pas à pas : création d'une application Web simple.

Appuyez sur CTRL+F5 pour exécuter l'application Web dans le navigateur. La première page doit s'afficher.

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.

Copiez l'adresse de votre application Web dans le Presse-papiers ou dans un fichier Bloc-notes. Par exemple, l'adresse peut se présenter comme suit : https://localhost:<NuméroPort>/ColorWebApp/Default.aspx
Fermez le navigateur, mais laissez l'application Web ouverte.

Création d'un projet test

Pour créer le projet test

Avec une nouvelle instance de Visual Studio ouverte, dans le menu Fichier, pointez sur Nouveau, puis cliquez sur Projet.

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

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

Remarque :
Vous n'écrirez pas de code dans cette procédure pas à pas. Le langage que vous choisissez pour votre projet affecte celui utilisé lors de la génération des tests Web codés.

Sous Modèles Visual Studio installés, choisissez Projet de test.
Dans la zone Nom, tapez TestAppWebCouleur.
Dans la zone Emplacement, tapez le nom du dossier où vous avez enregistré votre application Web. Par exemple, tapez le nom de dossier C:\SitesWeb\AppWebCouleur.
Désactivez la case à cocher Créer le répertoire pour la solution.

Cliquez sur OK.

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. Vous pouvez donc les supprimer. Si vous ne supprimez pas ces fichiers, cela n'affecte pas la procédure.

Enregistrement d'un test Web

Pour enregistrer un test Web, naviguez dans un site Web comme si vous étiez l'utilisateur final. Pendant la navigation, les demandes sont enregistrées et ajoutées au test Web. Pour plus d'informations sur l'enregistrement d'un test Web, consultez Comment : enregistrer un test Web.

Pour vérifier le test Web

Dans le menu Test, cliquez sur Nouveau test.

La boîte de dialogue Ajouter un nouveau test s'affiche.
Dans la boîte de dialogue Ajouter un nouveau test, sélectionnez Test Web, donnez au test le nom TestWebCouleur.webtest, puis cliquez sur OK.

Un nouveau fichier de test Web nommé TestWebCouleur.webtest est ajouté à votre projet et l'Enregistreur de test Web s'ouvre à l'intérieur d'une nouvelle instance d'Internet Explorer.
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.
Choisissez Rouge et cliquez sur Envoyer ; la page dont le Label indique Rouge doit s'afficher.
Revenir à la première page.
Choisissez Bleu et cliquez sur Envoyer ; la page dont le Label indique Bleu doit s'afficher.
Revenir à la première page.
Dans la barre d'adresses du navigateur, tapez l'adresse d'un site Web externe. Exemple : https://www.contoso.com.
Revenir à la première page.
Cliquez sur Arrêter dans l'Enregistreur de test Web pour arrêter l'enregistrement.

Une boîte de dialogue affiche le message Détection des paramètres dynamiques. Elle contient également une barre de progression qui affiche l'état de la détection des paramètres dans les réponses HTTP qui ont été reçues.

Si aucun paramètre dynamique n'est détecté, la boîte de dialogue affiche le message Aucun paramètre dynamique détecté à promouvoir. La boîte de dialogue se referme ensuite.

Si des paramètres dynamiques sont détectés, la boîte de dialogue Promouvoir les paramètres dynamiques en paramètres de test Web apparaît.
(Facultatif) Dans la boîte de dialogue Promouvoir les paramètres dynamiques en paramètres de test Web, activez les cases à cocher pour les promotions que vous souhaitez appliquer lorsque vous exécutez le test Web, puis cliquez sur OK.

À présent que l'enregistrement est terminé, vous pouvez voir votre test Web dans l'Éditeur de test Web sous forme de liste d'URL. Vous pouvez à présent éditer le test.
Cliquez sur Fichier, puis choisissez Enregistrer TestWebCouleur.webtest pour sauvegarder le test Web nouvellement enregistré.

Remarque :
Visual Studio commence à afficher les URL du test Web dans l'Éditeur de test Web à mesure qu'elles sont enregistrées.

Consultation des propriétés de demande

L'arborescence d'URL dans l'Éditeur de test Web porte le nom d'arborescence de demandes. Vous pouvez sélectionner différents nœuds dans l'arborescence de demandes pour afficher les propriétés associées à chaque demande.

Pour afficher les propriétés de la demande

Dans l'Éditeur de test Web, accédez à l'arborescence de demandes et sélectionnez https://www.contoso.com.
Dans la fenêtre Propriétés, notez les valeurs des différentes propriétés, par exemple URL, Suivre les redirections et Temps de réflexion.
Notez que pour cette demande Temps de réflexion a la valeur 0.
Dans l'Éditeur de test Web, accédez à l'arborescence des demandes et sélectionnez l'entrée qui précède https://www.contoso.com.
Notez que pour cette demande, la valeur de Temps de réflexion est supérieure à 0, par exemple 30 secondes. C'est le temps qu'il vous a fallu pour entrer https://www.contoso.com dans la barre d'adresses du navigateur.

Exécution du test Web pour vérifier qu'il fonctionne correctement

Vous pouvez maintenant exécuter le test Web pour vérifier qu'il fonctionne correctement Chaque demande Web que vous avez enregistrée sera relue, et les résultats seront rassemblés. Pour plus d'informations, consultez Exécution et affichage d'un test Web.

Pour vérifier le test Web

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. Vous devez ensuite vérifier les résultats.
Dans la zone Afficheur de test Web, sélectionnez la première demande de la liste.

Une coche verte doit apparaître à gauche de la demande. La coche verte indique que la demande a réussi. Vous devez voir la première page de l'application Web dans le volet inférieur.

Dans l'Afficheur de test Web, sélectionnez la demande à https://www.contoso.com.

Une coche verte ou un X rouge doit apparaître à gauche de la demande. Un X rouge indique que la demande a échoué. Cet échec entraîne l'échec complet du test, à la fin de celui-ci. Par défaut, si une demande échoue, le reste du test n'est pas abandonné et il se poursuit. Par exemple, la demande Web externe à https://www.contoso.com a pu échouer en raison de problèmes de pare-feu. Toutefois, la demande suivante, pour Default.aspx, a été effectuée et a réussi.

Remarque :
Si vous n'arrivez pas à accéder aux sites Web à l'extérieur de votre réseau local, vous devez peut-être spécifier un serveur proxy dans votre test Web. Cette tâche est décrite en détail dans la section suivante.

Pour réexécuter votre test, cliquez sur Cliquez ici pour répéter l'exécution en haut de l'Éditeur de test Web.

Spécification d'un serveur proxy

Si vous testez un site Web à l'extérieur de votre pare-feu, vous pouvez recevoir le message d'erreur suivant durant l'exécution :

RequestFailed : L'erreur suivante s'est produite, ce qui peut indiquer que vous devez configurer un serveur proxy dans votre test Web : Le nom distant n'a pas pu être résolu.

Votre test Web contient probablement des URL externes telles que https://www.contoso.com. Si vous utilisez un proxy pour accéder aux sites Web à l'extérieur de votre pare-feu, vous devez affecter manuellement à la propriété de proxy du test Web le serveur proxy utilisé par votre navigateur pour afficher des pages Web. Définissez le proxy à l'aide de l'Éditeur de test Web.

Pour spécifier un serveur proxy

Dans l'Éditeur de test Web, accédez à l'arborescence des demandes et sélectionnez le nœud racine. Le nœud racine a le même nom que le test Web, TestWebCouleur.

Dans la fenêtre Propriétés, recherchez la propriété Proxy, puis entrez un nom de proxy valide. Demandez à votre administrateur réseau un nom de proxy valide ou entrez "valeur par défaut" pour utiliser les paramètres de proxy d'Internet Explorer.

Attention :
L'utilisation des valeurs par défaut comme paramètre de proxy peut entraîner des problèmes de performances lors de l'exécution du test Web sous charge. Il est préférable de spécifier un proxy différent de "valeur par défaut" lorsque vous exécutez votre test Web dans un test de charge.

Cliquez sur Exécuter le test dans la barre d'outils pour réexécuter le test.

Étapes suivantes

Dans cette procédure pas à pas, vous avez enregistré et exécuté un test Web. Maintenant que vous disposez d'un test Web, vous pouvez ajouter l'une ou l'autre des améliorations suivantes, le cas échéant :