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

Article
06/07/2013

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.

Configuration requise

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 :

Éditeur de test d'IU

Rechercher, qui permet de localiser des actions et des contrôles d'interface utilisateur.
Supprimer, qui permet de supprimer les actions d'interface utilisateur non souhaitées.
Renommer, qui permet de modifier les noms des méthodes de test et des contrôles.
Propriétés, qui permet d'ouvrir la fenêtre Propriétés pour l'élément sélectionné.
Fractionner en une nouvelle méthode, qui permet d'organiser les actions interface utilisateur par modules.
Déplacer le code, qui permet d'ajouter du code personnalisé aux méthodes de test.
Insérer un retard avant, qui permet d'ajouter une pause avant une action d'interface utilisateur, spécifiée en millisecondes.
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.
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 vos tests codé d'interface utilisateur en visual C# ou Visual BASIC à l'aide de l'éditeur de test codé de l'interface utilisateur.

Menu contextuel Édition avec le Générateur de test codé de l'IU

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.

Je ne pas vois 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, consultez 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

Propriétés de l'action d'IU

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

Propriétés des contrôles

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.

Que dois -je savoir de plus ?
Conseils
- Si la fenêtre Propriétés n'est pas affichée, appuyez et maintenez la touche Alt lorsque vous appuyez Entrée, ou appuyez vous 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, consultez 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, consultez Localiser un contrôle et ses descendants situé 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.

Supprimer une action d'IU

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.

Fractionner une méthode de test Deux méthodes de test

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 .

Que dois -je savoir de plus ?
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éplacez le code dans la barre d'outils de l'éditeur de test codé d'interface utilisateur, ou ouvrez le menu contextuel sur la méthode de test et choisissez déplacez 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 .

Que dois -je savoir de plus ?
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.

Trouver un contrôle d'IU Contrôle trouvé dans l'application en cours de test

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 Recherchez le contrôle d'interface utilisateur.Dans l'application testée, le contrôle est signalé par une bordure bleue.

Que dois -je savoir de plus ?
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.

Trouver tous les contrôles descendants Tous les contrôles trouvés

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

Que dois -je savoir de plus ?
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.

Insérer un retard avant une action d'IU Retard ajouté avec 5 secondes

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érer le délai, enregistrez les modifications apportées au fichier UIMap.Designer en choisissant Enregistrer dans la barre d'outils Visual Studio.

Que dois -je savoir de plus ?
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, consultezSuspension 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 lorsque vous appuyez Entrée, ou appuyez vous F4.