Procédure pas à pas : création, modification et maintenance d'un test codé de l'interface utilisateur pour une application Silverlight

Article
08/10/2011

À l'aide de Microsoft Microsoft Visual Studio 2010 Feature Pack 2, vous pouvez créer des tests codés de l'interface utilisateur ou des enregistrements des actions pour les applications Silverlight 4. Les enregistrements des actions vous permettent d'avancer rapidement dans les étapes d'un test manuel. Pour plus d'informations sur les enregistrements des actions ou les tests codés de l'interface utilisateur, consultez Comment : créer un enregistrement des actions ou Comment : créer un test codé de l'interface utilisateur.

Dans cette procédure pas à pas, vous découvrirez les procédures requises pour le test d'un contrôle Silverlight dans une application Silverlight. La procédure pas à pas vous guide au sein des procédures suivantes :

Vous préparer à la procédure Vérifiez que Silverlight Developer Runtime est installé et créez une application Silverlight simple qui utilise un contrôle de grille Silverlight sur lequel les tests codés de l'interface utilisateur seront effectués. Vous exécuterez les étapes décrites dans Procédure pas à pas : Création d'une solution de Services RIA.
Ajoutez le fichier Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll à votre projet Silverlight.
Créer un test codé de l'interface utilisateur Créez un test codé de l'interface utilisateur sur l'application Silverlight.
Exécuter le test codé de l'interface utilisateur Vérifiez que le test codé de l'interface utilisateur fonctionne correctement sur l'application Silverlight.

Composants requis

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

Visual Studio 2010 Ultimate, Visual Studio 2010 Premium ou Test Professional 2010.
Silverlight Developer 4 pour les développeurs (page éventuellement en anglais).
Exécutez les procédures décrites dans Procédures pas à pas : Création d'une solution de Services RIA.

Vous préparer à la procédure

Pour préparer la procédure pas à pas

Vérifiez que Silverlight 4 Developer Runtime est disponible sur le site Silverlight Developer 4 pour les développeurs (page éventuellement en anglais).
Vérifiez que vous avez exécuté les procédures décrites dans Procédure pas à pas : Création d'une solution de Services RIA.

Vous obtiendrez ainsi une application Silverlight simple qui utilise un contrôle de grille Silverlight. Ensuite, vous utiliserez le contrôle de grille dans cette procédure pas à pas et vous exécuterez dessus des tests codés de l'interface utilisateur.

Conseil

Pour plus d'informations sur les contrôles Silverlight pris en charge et non pris en charge, consultez Comment : configurer votre application Silverlight à des fins de test.

Notes

La procédure pas à pas : Création d'une solution de Services RIA permet d'installer WCF RIA Services for Visual Studio 2010 et un exemple de base de données AdventureWorksLT.
Pendant l'exécution du projet RIAServicesExample que vous avez créé dans la procédure pas à pas : Création d'une solution de Services RIA, copiez l'adresse de l'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éro de port>/RIAServicesExampleTestPage.aspx.

Ajouter le fichier SilverlightUIAutomationHelper.dll à votre projet Silverlight 4

Pour tester vos applications Silverlight, vous devez ajouter le fichier Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper.dll en tant que référence à votre application Silverlight 4 de sorte que les contrôles Silverlight puissent être identifiés. Cet assembly d'assistance instrumente votre application Silverlight de sorte que les informations relatives à un contrôle soient disponibles pour l'API des plug-ins Silverlight que vous utilisez dans votre test codé de l'interface utilisateur ou pour un enregistrement des actions. Cet assembly ne peut pas être redistribué. Par conséquent, vous devez ajouter cette référence de manière conditionnelle lorsque vous souhaitez générer l'application. Avec cette approche, l'assembly n'est pas redistribué lorsque vous déployez votre logiciel sur un client.

Pour ajouter le fichier SilverlightUIAutomationHelper.dll

Pour chaque projet Silverlight de votre solution que vous souhaitez tester, vous devez ajouter le fichier SilverlightUIAutomationHelper.dll. Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le projet RIAServicesExample, puis cliquez sur Décharger le projet.

Le projet s'affiche comme suit dans l'Explorateur de solutions : RIAServicesExample (Non disponible).
Cliquez avec le bouton droit sur le projet une nouvelle fois, puis cliquez sur Modifier RIAServicesExample.csproj.

Le fichier RIAServicesExample.csproj s'ouvre dans l'éditeur de code. Vous constaterez que des nœuds <PropertyGroup> sont suivis de nœuds <ItemGroup>. Vous devez effectuer les modifications suivantes :
1. Pour définir la condition de production, ajoutez l'entrée suivante au premier nœud <PropertyGroup> :
```
<Production Condition="'$(Production)'==''">False</Production>
```
2. Pour ajouter la DLL lorsque la build n'est pas une build de production, insérez le nœud <Choose> suivant après les nœuds <PropertyGroup>, mais avant les nœuds <ItemGroup> :
```
<Choose>
   <When Condition=" '$(Production)'=='False' ">
         <ItemGroup>
           <Reference Include="Microsoft.VisualStudio.TestTools.UITest.Extension.SilverlightUIAutomationHelper">
           </Reference>
         </ItemGroup>
       </When>
 </Choose>
```
Pour enregistrer le fichier, cliquez sur Enregistrer.
Pour recharger ces modifications, cliquez avec le bouton droit sur le projet serveur, puis cliquez sur Recharger le projet

Avertissement

Si vous souhaitez tester plusieurs projets Silverlight, vous devez exécuter ces étapes pour chacun d'eux.

Important

Pour supprimer le fichier SilverlightUIAutomationHelper.dll de sorte que cette DLL ne soit pas redistribuée avec votre code de production, affectez la valeur true à la condition de production dans le premier nœud <PropertyGroup>. Ainsi, la DLL n'est plus ajoutée comme une référence par le nœud Choose que vous avez inséré dans le projet lors de la procédure précédente. Vous pouvez également affecter la valeur True à une variable d'environnement nommée Production. Vous pouvez ensuite utiliser msbuild pour générer le projet Silverlight et supprimer le fichier SilverlightUIAutomationHelper.dll.

Créer un test codé de l'interface utilisateur pour l'application Silverlight RIAServicesExample

Pour créer un test codé de l'interface utilisateur

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur la solution, cliquez sur Ajouter, puis sélectionnez Nouveau projet.

La boîte de dialogue Ajouter un nouveau projet s'affiche.
Dans le volet Modèles installés, développez Visual C# ou Visual Basic, puis sélectionnez Test.
Dans le volet central, sélectionnez le modèle Projet de test.
Cliquez sur OK.

Dans l'Explorateur de solutions, le nouveau projet de test nommé TestProject1 est ajouté à votre solution. Le fichier UnitTest1.cs ou UnitTest1.vb apparaît dans l'éditeur de code. Étant donné que le fichier UnitTest1 n'est pas utilisé dans cette procédure pas à pas, vous pouvez le fermer.
Dans l'Explorateur de solutions, cliquez avec le bouton droit sur TestProject1, cliquez sur Ajouter, puis sélectionnez Test codé de l'interface utilisateur.

La boîte de dialogue Générer le code pour le test codé de l'interface utilisateur s'affiche.
Sélectionnez l'option Enregistrer les actions, modifier le mappage d'IU ou ajouter des assertions, puis cliquez sur OK.

La boîte de dialogue UIMap – Générateur de test codé de l'interface utilisateur s'affiche.

Pour plus d'informations sur les options de la boîte de dialogue, consultez Comment : créer un test codé de l'interface utilisateur.
Cliquez sur Démarrer l'enregistrement dans l'UIMap – Générateur de test codé de l'interface utilisateur. Au bout de quelques secondes, le Générateur de test codé de l'interface utilisateur est prêt.
Lancez Internet Explorer.
Dans la barre d'adresses d'Internet Explorer, entrez l'adresse de l'application Web que vous avez copiée lors d'une procédure précédente. Par exemple :

https://localhost: <numéro de port>/RIAServicesExampleTestPage.aspx
Cliquez sur un ou deux en-têtes de colonnes pour trier les données.
Fermez Internet Explorer.
Dans UIMap – Générateur de test codé de l'interface utilisateur, cliquez sur Générer le code.
Dans la zone Nom de la méthode, tapez SimpleSilverlightAppTest, puis cliquez sur Ajouter et générer. Au bout de quelques secondes, le test codé de l'interface utilisateur s'affiche et est ajouté à la solution.
Fermez la boîte de dialogue UIMap – Générateur de test codé de l'interface utilisateur.

Le fichier CodedUITest1.cs s'affiche dans l'Éditeur de code.

Notes

Vous pouvez assigner une propriété Automation unique selon le type de contrôle Silverlight dans votre application. Pour plus d'informations, consultez Définir une propriété Automation unique pour les contrôles Silverlight à des fins de test.

Exécuter le test codé de l'interface utilisateur sur l'application Silverlight RIAServicesExample

Pour exécuter le test codé de l'interface utilisateur

Dans le menu Test, sélectionnez Fenêtres, puis cliquez sur Affichage des tests. Dans la fenêtre Affichage des tests, sélectionnez CodedUITestMethod1 sous la colonne Nom du test, puis cliquez sur Exécuter la sélection dans la barre d'outils.

Le test codé de l'interface utilisateur doit s'exécuter correctement à l'aide du contrôle de grille Silverlight.

Voir aussi

Partager via