Modification des tests codés de l'interface utilisateur à l'aide de l'éditeur de test codé de l'interface utilisateur

L'éditeur de test codé de l'interface utilisateur vous permet de modifier facilement les tests codés de l'interface utilisateur.À l'aide de l'éditeur de test codé de l'interface utilisateur, vous pouvez localiser, afficher et modifier les propriétés de vos méthodes de test, les actions d'interface utilisateur.De plus, vous pouvez utiliser le mappage de contrôle d'interface utilisateur pour afficher et modifier leurs contrôles correspondants.

Conditions requises

• Visual Studio Ultimate, Visual Studio Premium

Pourquoi dois-je le faire ?

Il est plus rapide et plus efficace d'utiliser l'éditeur de test codé de l'interface utilisateur plutôt que de modifier le code des méthodes de test codé de l'interface utilisateur à l'aide de l'éditeur de code.Avec l'éditeur de test codé de l'interface utilisateur, vous pouvez utiliser la barre d'outils et des menus contextuels pour localiser rapidement et modifier des valeurs des propriétés associées à des actions et des contrôles d'interface utilisateur.Par exemple, vous pouvez utiliser la barre d'outils de l'Éditeur de test codé de l'interface utilisateur pour exécuter les commandes suivantes :

1. Rechercher, qui permet de localiser des actions et des contrôles d'interface utilisateur.

2. Supprimer, qui permet de supprimer les actions d'interface utilisateur non souhaitées.

3. Renommer, qui permet de modifier les noms des méthodes de test et des contrôles.

4. Propriétés, qui permet d'ouvrir la fenêtre Propriétés pour l'élément sélectionné.

5. Fractionner en une nouvelle méthode, qui permet d'organiser les actions interface utilisateur par modules.

6. Déplacer le code, qui permet d'ajouter du code personnalisé aux méthodes de test.

7. Insérer un retard avant, qui permet d'ajouter une pause avant une action d'interface utilisateur, spécifiée en millisecondes.

8. Localiser le contrôle d'interface utilisateur, qui permet d'identifier l'emplacement du contrôle dans l'interface utilisateur de l'application testée.

9. Localiser tout, qui permet de vérifier la propriété d'un contrôle et les modifications importantes apportées aux contrôles de l'application.

Comment puis-je le faire ?

Dans Visual Studio 2012, ouvrir le fichier UIMap.uitest affilié à votre test codé de l'interface utilisateur dans votre projet de test codé de l'interface utilisateur affiche automatiquement le test codé de l'interface utilisateur dans l'éditeur de test codé de l'interface utilisateur.Les procédures suivantes décrivent comment vous pouvez ensuite rechercher et modifier vos méthodes de test et propriétés pour les actions d'interface utilisateur, et contrôles à l'aide de la barre d'outils et des menus contextuels de l'éditeur.

Ouvrir un test d'interface utilisateur codé

Vous pouvez afficher et modifier votre test codé de l'interface utilisateur en Visual C# ou Visual Basic à l'aide de l'éditeur de test codé de l'interface utilisateur.

Dans l'explorateur de solutions, ouvrez le menu contextuel pour UIMap.uitest et choisissez Ouvrir.Le test codé de l'interface utilisateur s'affiche dans l'éditeur de test codé de l'interface utilisateur.Vous pouvez à présent afficher et modifier les méthodes, actions et contrôles correspondants enregistrés dans le test codé de l'interface utilisateur.

Conseil
Lorsque vous sélectionnez une action d'interface utilisateur qui se trouve dans une méthode dans le volet Actions d'interface utilisateur, le contrôle correspondant est mis en surbrillance.Vous pouvez également modifier les propriétés d'une action d'interface utilisateur ou d'un contrôle.

• I don't see L'Éditeur de test codé de l'interface utilisateur.
  Vous pouvez utiliser la version de Visual Studio Ultimate ou de Visual Studio Premium antérieure à 2012.L'éditeur de test codé de l'interface utilisateur était également disponible dans le Pack 2 de Visual Studio 2010 avec un abonnement MSDN.Pour plus d'informations, voir Microsoft Visual Studio 2010 Feature Pack 2.

Modifiez les propriétés d'Action d'interface utilisateur et leurs propriétés correspondantes du contrôle

À l'aide de l'éditeur de test codé de l'interface utilisateur, vous pouvez rapidement rechercher et afficher toutes les actions d'interface utilisateur dans vos méthodes de test.Lorsque vous choisissez l'action d'interface utilisateur dans l'éditeur, le contrôle qui lui est associé est automatiquement mis en surbrillance.De même, si vous sélectionnez un contrôle, les actions d'interface utilisateur qui lui sont associées sont mises en surbrillance.Lorsque vous sélectionnez une action d'interface utilisateur ou un contrôle, il est facile d'utiliser la fenêtre Propriétés pour modifier les propriétés qui lui correspondent.

Modifier des propriétés d'action d'interface utilisateur

Pour modifier les propriétés d'une action d'interface utilisateur, dans le volet action d'interface utilisateur, développez la méthode de test qui contient une action d'interface utilisateur pour laquelle vous souhaitez modifier les propriétés, sélectionnez l'action d'interface utilisateur, puis modifiez les propriétés à l'aide de la fenêtre Propriétés.

Par exemple, si un serveur est indisponible et qu'une action d'interface utilisateur associée à votre navigateur Web indique Aller à la page Web 'http://Contoso1/default.aspx', vous pouvez remplacer l'URL par 'http://Contoso2/default.aspx'.

Modifier les propriétés d'un contrôle

Modifier les propriétés d'un contrôle est fait de la même façon que les actions d'interface utilisateur.Dans le volet Mappage de contrôle d'interface utilisateur, sélectionnez le contrôle que vous souhaitez modifier et modifiez ses propriétés à l'aide de la fenêtre Propriétés.

Par exemple, un développeur peut avoir remplacé la valeur "idSubmit" de la propriété (ID) par la valeur "idLogin" sur un contrôle bouton indiqué dans le code source de l'application en cours de test. Dans la mesure où la propriété (ID) a été modifiée dans l'application, le test codé de l'interface utilisateur ne pourra pas localiser le contrôle bouton et échouera.Dans ce cas, le testeur peut ouvrir la collection Propriétés de recherche et modifier la propriété Id de sorte qu'elle corresponde à la nouvelle valeur utilisée par le développeur dans l'application.Le testeur peut également remplacer la valeur « Envoyer » de la propriété Nom convivial par la valeur « Se connecter ». Cette modification provoque la mise à jour de l'action d'interface utilisateur associée dans l'éditeur de test codé de l'interface utilisateur, qui passe de « Cliquer sur le bouton 'Envoyer' » à « Cliquer sur le bouton 'Se connecter' ».

Après avoir terminé vos modifications, enregistrez les modifications apportées au fichier UIMap.Designer en choisissant Enregistrer dans la barre d'outils Visual Studio.

• What else should I know?
  Conseils

  • Si la fenêtre Propriétés n'est pas affichée, appuyez et maintenez la touche Alt enfoncée lorsque vous appuyez sur Entrée, ou appuyez sur F4.

  • Pour annuler les modifications de propriété que vous avez effectuées, sélectionnez Annuler dans le menu Edition, ou appuyez sur Ctrl+Z.

  • Vous pouvez utiliser le bouton Rechercher dans la barre d'outils de l'éditeur de test codé de l'interface utilisateur pour ouvrir l'outil de recherche et remplacement dans Visual Studio.Vous pouvez utiliser le contrôle Rechercher pour vous aider à localiser une action d'interface utilisateur dans l'éditeur de test codé de l'interface utilisateur.Par exemple, vous pouvez essayer de rechercher « Cliquer sur le bouton 'Se connecter' ». Cela peut s'avérer utile pour les tests volumineux.Notez que vous ne pouvez pas utiliser la fonctionnalité de substitution dans l'outil de recherche et remplacement dans l'éditeur de test codé de l'interface utilisateur.Pour plus d'informations, consultez Trouver un Contrôle dans Recherche et remplacement de texte.

  • Il est parfois difficile de visualiser l'emplacement des contrôles dans l'interface utilisateur de l'application testée.L'éditeur de test codé de l'interface utilisateur vous permet notamment de sélectionner un contrôle répertorié dans le mappage de contrôle d'interface utilisateur et de visualiser son emplacement dans l'application testée.Pour plus d'informations, voir Rechercher un contrôle d'interface utilisateur dans l'application testée situé ci-dessous dans cette rubrique.

  • Il peut s'avérer nécessaire de développer le contrôle conteneur contenant le contrôle que vous souhaitez modifier.Pour plus d'informations, voir Localisation d'un contrôle et de ses descendants ci-dessous dans cette rubrique.

Supprimer les actions d'interface utilisateur non souhaitées.

Vous pouvez facilement supprimer des actions d'interface utilisateur non souhaitées dans votre test codé de l'interface utilisateur.

Dans le volet Action d'interface utilisateur, développez la méthode de test qui contient l'action d'interface utilisateur que vous souhaitez supprimer.Ouvrez le menu contextuel pour l'action d'interface utilisateur et choisissez Supprimer.

Fractionner une méthode de test en deux méthodes distinctes

Vous pouvez fractionner une méthode de test pour affiner ou organiser les actions d'interface utilisateur.Par exemple, votre test peut avoir une seule méthode de test avec des actions d'interface utilisateur dans deux contrôles conteneur.Les actions d'interface utilisateur pourraient être plutôt modularisées dans deux méthodes qui correspondent à un conteneur.

Dans le volet action d'interface utilisateur, développez la méthode de test que vous souhaitez séparer en deux méthodes distinctes et sélectionnez l'action d'interface utilisateur où vous souhaitez que la nouvelle méthode de test démarre.Ouvrez le menu contextuel pour l'action d'interface utilisateur puis choisissez Fractionner en nouvelle méthode, ou choisissez le bouton Fractionner en nouvelle méthode dans la barre d'outils de l'éditeur de test codé de l'interface utilisateur.La nouvelle méthode de test s'affiche dans le volet Actions d'interface utilisateur.Elle contient des actions d'interface utilisateur à partir de l'action où vous avez spécifié le fractionnement.

Après avoir fractionné la méthode, enregistrez les modifications apportées au fichier UIMap.Designer en choisissant Enregistrer dans la barre d'outils Visual Studio.

• What else should I know?
  Problèmes importants

  • Avertissement : Si vous fractionnez une méthode, vous devez modifier tout code qui appelle la méthode existante pour appeler également la nouvelle méthode qui va être créée si vous souhaitez toujours ces actions d'interface utilisateur incluses.Lorsque vous fractionnez une méthode, une boîte de dialogue Microsoft Visual Studio s'affiche.Elle vous informe que vous devez modifier tout code qui appelle la méthode existante afin d'appeler également la nouvelle méthode que vous êtes sur le point de créer.Cliquez sur Oui.

  Conseils

  • Pour annuler le fractionnement, sélectionnez Annuler dans le menu Edition, ou appuyez sur Ctrl+Z.

  • Vous pouvez renommer la nouvelle méthode.Sélectionnez-la dans le volet Actions d'interface utilisateur et cliquez sur le bouton Renommer dans la barre d'outils de l'éditeur de test codé de l'interface utilisateur.

    ou

    Ouvrez le menu contextuel pour la nouvelle méthode de test et choisissez Renommer.

    Une boîte de dialogue Microsoft Visual Studio s'affiche.Elle vous informe que vous devez modifier tout code qui fait référence à la méthode.Cliquez sur Oui.

Déplacer une méthode de test dans le fichier UIMap pour faciliter la personnalisation

Si vous déterminez qu'une de vos méthodes de test dans votre test codé d'interface utilisateur requiert un code personnalisé, vous devez la déplacer dans le fichier UIMap.cs ou UIMap.vb.Sinon, votre code sera remplacé chaque fois que le test codé d'interface utilisateur sera recompilé.Si vous ne déplacez pas la méthode, votre code personnalisé sera remplacé chaque fois que le test sera recompilé.

Dans le volet Action d'interface utilisateur, sélectionnez la méthode de test que vous souhaitez déplacer dans le fichier UIMap.cs ou UIMap.vb afin de faciliter la fonctionnalité de code personnalisé et permettre que celui-ci ne soit pas remplacé lorsque le code de test est recompilé.Ensuite, choisissez le bouton Déplacer le code dans la barre d'outils de l'éditeur de test codé de l'interface utilisateur, ou ouvrez le menu contextuel pour la méthode de test et choisissez Déplacer le code.La méthode de test est supprimée du fichier UIMap.uitest et n'apparaît plus dans le volet Actions d'interface utilisateur.Pour pouvoir modifier le fichier de test déplacé, ouvrez le fichier UIMap.cs ou UIMap.vb dans l'Explorateur de solutions.

Après avoir déplacé la méthode, enregistrez les modifications apportées au fichier UIMap.Designer en choisissant Enregistrer dans la barre d'outils Visual Studio.

• What else should I know?
  Problèmes importants

  • Avertissement : Une fois que vous avez déplacé une méthode, vous ne pouvez plus la modifier à l'aide de l'éditeur de test codé de l'interface utilisateur.Vous devez ajouter le code personnalisé et le gérer à l'aide de l'éditeur de code.Lorsque vous déplacez une méthode, une boîte de dialogue Microsoft Visual Studio s'affiche.Elle vous informe que la méthode sera déplacée du fichier UIMap.uitest dans le fichier UIMap.cs ou UIMap.vb et que vous ne pourrez plus la modifier à l'aide de l'éditeur de test codé de l'interface utilisateur.Cliquez sur Oui.

  Conseils

  • Pour annuler le déplacement, sélectionnez Annuler dans le menu Edition, ou appuyez sur Ctrl+Z.Toutefois, vous devez ensuite supprimer manuellement le code dans le fichier UIMap.cs ou UIMap.vb.

Localisation d'un contrôle d'interface utilisateur dans l'application testée

Il est parfois difficile de visualiser l'emplacement des contrôles dans l'interface utilisateur de l'application testée.L'éditeur de test codé de l'interface utilisateur vous permet notamment de sélectionner un contrôle répertorié dans le mappage de contrôle d'interface utilisateur et de visualiser son emplacement dans l'application testée.Vous pouvez également utiliser l'option Localiser le contrôle d'interface utilisateur sur l'application testée pour vérifier les modifications de propriété de recherche que vous avez apportées à un contrôle.

Dans le volet Mappage de contrôle d'interface utilisateur, sélectionnez le contrôle que vous souhaitez localiser dans l'application associée au test.Ensuite, ouvrez le menu contextuel pour le contrôle puis choisissez Rechercher le contrôle d'interface utilisateur.Dans l'application testée, le contrôle est signalé par une bordure bleue.

• What else should I know?
  Problèmes importants

  • Avertissement : Avant que vous ne trouviez un contrôle d'interface utilisateur, vérifiez que l'application associée au test s'exécute.

  Conseils

  • Vous pouvez également utiliser l'option Localiser tout pour vérifier que tous les contrôles placés sous un conteneur peuvent être correctement localisés.Cette option est décrite dans la section suivante.

Localisation d'un contrôle et de ses descendants

Vous pouvez vérifier que tous les contrôles sous un conteneur peuvent être correctement localisés dans l'interface utilisateur de l'application testée.Cela peut s'avérer utile lorsque vous vérifiez les modifications de propriété de recherche que vous avez éventuellement effectuées sur le conteneur.En outre, si des modifications importantes ont été effectuées dans l'interface utilisateur de l'application testée, vous pouvez vérifier que les propriétés de recherche de contrôle existantes sont toujours correctes.

Dans le volet Mappage de contrôle d'interface utilisateur, sélectionnez le contrôle conteneur que vous souhaitez localiser et dont vous souhaitez afficher tous les descendants.Ensuite, ouvrez le menu contextuel pour le contrôle et choisissez Rechercher tout.Le contrôle conteneur, ainsi que tous ses contrôles descendants, sont identifiés par une coche verte ou une croix (X) rouge dans l'éditeur de test codé de l'interface utilisateur.Ces marques vous permettent de savoir si les contrôles ont été correctement localisés dans l'application testée.

• What else should I know?
  Problèmes importants

  • Avertissement : Avant de trouver les contrôles d'interface utilisateur, vérifiez que l'application associée au test s'exécute.

Insertion d'un délai avant une action d'interface utilisateur

Dans certains cas, vous souhaitez que le test attende que certains événements se produisent, tels que l'affichage d'une fenêtre, la disparition de la barre de progression, et ainsi de suite.Pour cela, à l'aide de l'éditeur de test codé de l'interface utilisateur, insérez un délai avant une action d'interface utilisateur.Vous pouvez spécifier le nombre de secondes correspondant au délai.

Dans le volet Action d'interface utilisateur, développez la méthode de test qui contient l'action d'interface utilisateur avant laquelle vous souhaitez insérer un délai.Sélectionnez l'action d'interface utilisateur.Ensuite, ouvrez le menu contextuel pour l'action d'interface utilisateur et choisissez Insérer un délai avant.Un délai est inséré et mis en surbrillance avant l'action d'interface utilisateur sélectionnée qui comporte le texte suivant : Attendre pendant 1 seconde (délai utilisateur entre les actions).Dans la fenêtre Propriétés, remplacez la valeur de la propriété Délai par le nombre de millisecondes votre choix.

Après avoir inséré le délai, enregistrez les modifications apportées au fichier UIMap.Designer en choisissant Enregistrer dans la barre d'outils Visual Studio.

• What else should I know?
  Remarques

  • Si vous voulez être certain qu'un contrôle spécifique est disponible avant une action d'interface utilisateur, vous devez envisager d'ajouter du code personnalisé à votre méthode de test à l'aide de la méthode UITestControl.WaitForControlXXX() appropriée.Pour plus d'informations, voirSuspension des tests codés de l'interface utilisateur en attendant des événements spécifiques pendant la lecture.

  Conseils

  • Si la fenêtre Propriétés n'est pas affichée, appuyez et maintenez la touche Alt enfoncée pendant que vous appuyez sur Entrée, ou appuyez sur F4.

Ressources externes

Conseils

Test de la livraison continue avec Visual Studio 2012 - Chapitre 2 : Tests unitaires : Tester l'intérieur (page éventuellement en anglais)

FAQ

FAQ concernant les tests codés de l'interface utilisateur - 1

FAQ concernant les tests codés de l'interface utilisateur - 2

Forum

Tests d'automation de l'interface utilisateur de Visual Studio (inclut CodedUI)

Voir aussi

Tâches

Procédures pas à pas : création, édition et gestion d'un test codé de l'interface utilisateur

Concepts

Test de l'interface utilisateur avec des tests codés de l'interface utilisateur automatisés

Autres ressources

Création de tests codés de l'interface utilisateur

Comment : créer un test codé de l'interface utilisateur piloté par des données

Génération d'un test codé de l'interface utilisateur à partir d'un enregistrement des actions existant