Comment : générer un test codé de l'interface utilisateur en enregistrant l'application testée

Article
08/10/2011

L'enregistrement des éléments de l'interface utilisateur est une méthode efficace pour créer des tests codés de l'interface utilisateur.

Générer un test codé de l'interface utilisateur en enregistrant l'application testée

Pour générer un test codé de l'interface utilisateur en enregistrant l'application testée

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur un projet de test, pointez sur Ajouter, puis cliquez sur Test codé de l'interface utilisateur.

- ou -

Cliquez avec le bouton droit sur la fenêtre Affichage des tests, puis cliquez sur Nouveau test. Dans la boîte de dialogue Ajouter un nouveau test, cliquez sur Test codé de l'interface utilisateur, puis sur OK.

- ou -

Dans le menu Test, cliquez sur Nouveau test. Dans la boîte de dialogue Ajouter un nouveau test, cliquez sur Test codé de l'interface utilisateur, puis sur OK.

La boîte de dialogue Nouveau projet de test s'affiche.
Tapez un nom pour le nouveau test codé de l'interface utilisateur et cliquez sur Créer.
Cliquez sur Enregistrer les actions, modifier le mappage d'IU ou ajouter des assertions.

La boîte de dialogue Générateur de test codé de l'interface utilisateur s'affiche.
Pour commencer l'enregistrement, cliquez sur l'icône Enregistrer. Exécutez les actions que vous souhaitez enregistrer dans l'application, y compris le démarrage de l'application si besoin est.

Notes

En installant Microsoft Visual Studio 2010 Feature Pack 2, vous pouvez utiliser Windows Internet Explorer 7 (ou versions ultérieures) pour enregistrer des actions d'interface utilisateur sur un site Web ou une application Web, puis effectuer la lecture des tests avec le navigateur Mozilla Firefox version 3.5 ou 3.6. Pour télécharger le pack de fonctionnalités, vous devez avoir Visual Studio 2010 Ultimate, Visual Studio 2010 Premium ou Test Professional 2010 avec un abonnement MSDN, Microsoft BizSpark ou MSDN Academic Alliance. Pour plus d'informations, consultez Enregistrement des tests avec Windows Internet Explorer et lecture avec Mozilla Firefox et Microsoft Visual Studio 2010 Feature Pack 2.
Pour afficher les actions, cliquer sur l'icône Afficher les étapes enregistrées.

Les actions sont affichées dans la boîte de dialogue Générateur de test codé de l'interface utilisateur - Actions enregistrées.

Notes

Si vous ne voulez pas enregistrer les actions de démarrage de l'application testée, vous devez la lancer avant de cliquer sur l'icône Enregistrer.

Pour terminer l'enregistrement, cliquez sur l'icône Générer le code. Tapez un nom pour votre méthode de test codé de l'interface utilisateur dans Nom de la méthode, puis cliquez sur Ajouter et générer.

Cette action génère le code comme suit si le nom que vous avez entré est, par exemple, AddTwoNumbers :

Ajoute les contrôles au mappage d'IU (UIMap.uitest).

Ajoute une méthode appelée AddTwoNumbers au mappage d'IU. Vous pouvez consulter la méthode dans le fichier UIMap.Designer.cs. Cette méthode exécute les actions que vous avez enregistrées lors de l'exécution du test.

public void AddTwoNumbers()
{
    #region Variable Declarations
    WinEdit textInput1Edit = 
        this.DemoCalculatorWindowWindow.InputNumber2Window.TextInput1Edit;
    WinEdit textInput2Edit = 
        this.DemoCalculatorWindowWindow.TextInput2Window.TextInput2Edit;
    WinButton addButton = 
        this.DemoCalculatorWindowWindow.AddWindow.AddButton;
    #endregion

    // Launch '%USERPROFILE%\Desktop\SimpleWinformsCalculator.exe'
    ApplicationUnderTest demoCalculatorWindowWindow = 
        ApplicationUnderTest.Launch(
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowExePath,
            this.AddTwoNumbersParams.DemoCalculatorWindowWindowAlternateExePath);

    // Type '3' in 'textInput1' text box
    textInput1Edit.Text = 
        this.AddTwoNumbersParams.TextInput1EditText;

    // Type '4' in 'textInput2' text box
    textInput2Edit.Text = 
        this.AddTwoNumbersParams.TextInput2EditText;

    // Click 'Add' button
    Mouse.Click(addButton, new Point(83, 18));
}

Ajoute une méthode de test au fichier de test codé de l'interface utilisateur qui appelle votre méthode AddTwoNumbers.

      [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
      }

Lorsque vous choisissez un nom pour la méthode enregistrée, choisissez un nom descriptif pour les actions que vous avez enregistrées.

Si les actions que vous avez enregistrées ne sont pas celles que vous voulez conserver, vous pouvez cliquer sur l'icône Afficher les étapes enregistrées. Sélectionnez les actions que vous ne voulez pas conserver et cliquez sur l'icône Supprimer.
Pour générer des assertions pour vos contrôles d'interface utilisateur, cliquez sur l'icône de la croix et faites-la glisser vers le contrôle que vous voulez vérifier.

La boîte de dialogue Générateur de test codé de l'interface utilisateur - Ajouter des assertions s'affiche.
Cliquez sur la barre verticale pour consulter le mappage d'IU.

Le contrôle d'IU que vous souhaitez vérifier doit être en surbrillance.
Cliquez avec le bouton droit sur la propriété du contrôle d'IU à vérifier, puis pointez sur Ajouter une assertion.

La boîte de dialogue Ajoutez une assertion s'affiche.
Sélectionnez le Comparateur pour votre assertion.
Tapez la valeur de votre assertion dans Valeur de comparaison.
Pour ajouter l'assertion, cliquez sur OK.
Après avoir ajouté toutes les assertions du test, fermez la boîte de dialogue Générateur de test codé de l'interface utilisateur - Ajouter des assertions.
Pour générer le code des assertions, cliquez sur l'icône Générer le code.

La boîte de dialogue Générateur de test codé de l'interface utilisateur - Générer le code s'affiche.
Tapez un nom pour votre méthode de test codé de l'interface utilisateur dans Nom de la méthode, puis cliquez sur Ajouter et générer.

Cette action génère le code comme suit si le nom que vous avez entré est, par exemple, AssertForAddTwoNumbers :
- Ajoute une méthode appelée AssertForAddTwoNumbers à votre mappage d'IU (UIMap.uitest). Vous pouvez consulter la méthode dans le fichier UIMap.Designer.cs. Cette méthode exécute les instructions d'assertion que vous avez ajoutées.
```
      public void AssertForAddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textAnswerEdit = 
              this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
          #endregion

          // Verify that the 'textAnswer' text box's Text property 
          // is '40'
          Assert.AreEqual(
               this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
              textAnswerEdit.Text);
      }
```
- Ajoute à la méthode de test de votre fichier de test codé de l'interface utilisateur un appel à la méthode d'assertion AssertForAddTwoNumbers.
```
      [TestMethod]
      public void CodedUITestMethod1()
      {
          // To generate code for this test, select "Generate Code" 
          // from the shortcut menu and select one of the menu items.
          this.UIMap.AddTwoNumbers();
          this.UIMap.AssertForAddTwoNumbers();
      }
```
Lorsque vous choisissez un nom pour la méthode qui utilise vos instructions d'assertion, veillez à ce qu'il décrive bien les assertions que vous avez créées.
Cliquez sur l'icône Fermer pour fermer le Générateur de test codé de l'interface utilisateur.
(Facultatif) Pour ajouter du code de façon à lancer votre application lorsque le test codé de l'interface utilisateur s'exécute, enregistrez la séquence de démarrage de votre application et conservez-la dans une méthode. Vous pouvez appeler cette méthode au début de votre test.

Notes

Vous avez la possibilité d'ajouter une méthode d'initialisation de test, identifiée par un attribut [TestInitialize], qui exécute le code figurant au début de chaque méthode de test. Par exemple, la méthode permettant de lancer l'application peut être appelée à partir de la méthode TestInitialize.
(Facultatif) Pour ajouter du code de façon à fermer votre application lorsque le test codé de l'interface utilisateur s'exécute, enregistrez la séquence de fermeture de votre application et conservez-la dans une méthode.

Si vous ne fermez pas le navigateur ou l'application, ceux-ci resteront ouverts une fois le test terminé.

Notes

Vous pouvez ajouter une méthode de nettoyage de test, identifiée par un attribut [TestCleanup], qui exécute le code figurant à la fin de chaque méthode de test. Par exemple, la méthode permettant de fermer l'application peut être appelée à partir de la méthode TestCleanup.
Pour exécuter le test, cliquez avec le bouton droit dans la méthode de test, puis cliquez sur Exécuter les tests. Pour plus d'informations sur l'exécution des tests codés de l'interface utilisateur, consultez Exécution de tests automatisés.

Notes

Après avoir créé un test codé de l'interface utilisateur avec des données spécifiques, vous pouvez l'exécuter plusieurs fois avec divers groupes de données pour tester différentes conditions. Pour cela, vous pouvez ajouter des paramètres depuis une source de données à votre test codé de l'interface utilisateur pour créer un test codé de l'interface utilisateur piloté par des données. Pour plus d'informations, consultez Comment : créer un test codé de l'interface utilisateur piloté par des données.

Vous pouvez maintenant ajouter éventuellement des contrôles supplémentaires et les valider à l'aide du Générateur de test de l'interface utilisateur. Pour plus d'informations, consultez Comment : ajouter des contrôles d'interface utilisateur et un code de validation à l'aide du générateur de test codé de l'interface utilisateur.

Notes

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 rechercher, afficher et modifier vos méthodes de test. Vous pouvez également modifier les actions d'interface utilisateur et leurs contrôles associés dans le mappage de contrôle d'interface utilisateur. L'éditeur de test codé de l'interface utilisateur est fourni avec Microsoft Visual Studio 2010 Feature Pack 2. Pour télécharger le pack de fonctionnalités, vous devez avoir Visual Studio 2010 Ultimate, Visual Studio 2010 Premium ou Test Professional 2010 avec un abonnement MSDN, Microsoft BizSpark ou MSDN Academic Alliance. Pour plus d'informations, consultez Modification des tests codés de l'interface utilisateur à l'aide de l'éditeur de test codé de l'interface utilisateur et Microsoft Visual Studio 2010 Feature Pack 2.

Voir aussi

Historique des modifications

Date	Historique	Motif
Décembre 2010	Supprimez la fenêtre de la liste de tests comme une option de création des nouveaux tests codés de l'interface utilisateur.	Remplacez par l'un des jetons suivants : Commentaires client.

Décembre 2010

Supprimez la fenêtre de la liste de tests comme une option de création des nouveaux tests codés de l'interface utilisateur.

Remplacez par l'un des jetons suivants :

Commentaires client.

Partager via

Comment : générer un test codé de l'interface utilisateur en enregistrant l'application testée

Générer un test codé de l'interface utilisateur en enregistrant l'application testée

Pour générer un test codé de l'interface utilisateur en enregistrant l'application testée

Voir aussi

Tâches

Référence

Concepts

Autres ressources

Historique des modifications

Ressources supplémentaires