Utilisation de différents navigateurs Web avec des tests codés de l'interface utilisateur

Article
06/08/2015

Les tests codés de l'interface utilisateur peuvent automatiser le test des applications web en enregistrant vos tests à l'aide d'Internet Explorer.Vous pouvez ensuite personnaliser votre test et l'utiliser à l'aide d'Internet Explorer ou d'autres types de navigateurs pour ces applications web.

Spécifications

Visual Studio Ultimate ou Visual Studio Premium
Systèmes d'exploitation :
- Microsoft Windows 7
- Microsoft Windows 8
- Microsoft Windows Server 2008 R2 SP1
Versions de navigateur web :
- Windows Internet Explorer 9
- Windows Internet Explorer 10
- Pour obtenir les versions prises en charge de Mozilla Firefox et Google Chrome, accédez à cette page web
Installer les Composants Selenium pour les tests codés de l'interface utilisateur inter-navigateurs.

Quelles sont les opérations prises en charge par tous les navigateurs web ?

Ajouter du code personnalisé pour le contrôle des fonctionnalités telles que les propriétés, la recherche et les objets waiter de lecture.
Boîtes de dialogue et menus contextuels
Exécuter du code JavaScript de base sans type de retour
Résilience de la recherche (à l'aide de la concordance active) et améliorations des performances

Pourquoi dois-je utiliser les tests codés de l'interface utilisateur sur différents types de navigateur web ?

Lorsque vous testez votre application web à l'aide de divers types de navigateurs web, l'expérience d'interface utilisateur des utilisateurs susceptibles d'utiliser des navigateurs différents est mieux émulée.Par exemple, votre application peut inclure un contrôle ou un code dans Internet Explorer qui n'est pas compatible avec d'autres navigateurs web.En exécutant les tests codés de l'interface utilisateur sur d'autres navigateurs, vous pouvez détecter et corriger les problèmes avant qu'ils aient une incidence sur vos clients.

Comment enregistrer et lire les tests d'interface utilisateur codés des applications web à l'aide des navigateurs web pris en charge ?

Enregistrement : Vous devez utiliser le générateur de test codé de l'interface utilisateur pour enregistrer le test de votre application web à l'aide d'Internet Explorer.Vous pouvez éventuellement ajouter un code de validation personnalisé pour les contrôles testés à l'aide d'un jeu prédéfini de propriétés, de la même manière que pour les tests codés de l'interface utilisateur.Pour plus d'informations, voir Test de l'interface utilisateur avec des tests codés de l'interface utilisateur automatisés.

[!REMARQUE]

Vous ne pouvez pas enregistrer des tests codés de l'interface utilisateur à l'aide des navigateurs Google Chrome ou Mozilla Firefox.

Lecture avec Internet Explorer : lorsqu'aucun navigateur n'est explicitement spécifié, les tests s'exécutent par défaut sur Internet Explorer.Vous pouvez déclarer explicitement le navigateur à utiliser en définissant la propriété BrowserWindow.CurrentBrowser dans le code de votre test.Pour Internet Explorer, cette propriété doit être définie sur IE ou Internet Explorer.

Lecture avec des navigateurs web autres qu'Internet Explorer : pour lire sur les navigateurs web autres qu'Internet Explorer, modifiez la propriété BrowserWindow.CurrentBrowser dans votre code de test sur Firefox ou Chrome.

Pour lire des tests sur des navigateurs web autres qu'IE, vous devez installer les Selenium components for Coded UI Cross Browser Testing.

Installation des composants Selenium

Dans le menu Outils, choisissez Extensions et mises à jour.
Dans la boîte de dialogue Extensions et mises à jour, recherchez Composants de Selenium pour le test sur plusieurs navigateurs.
Mettez en surbrillance l'extension et choisissez Télécharger.

Conseil

Vous pouvez aussi télécharger les composants Selenium pour les tests codés de l'interface utilisateur inter-navigateurs à partir de cette page.

Conseil
Vous pouvez aussi télécharger les composants Selenium pour les tests codés de l'interface utilisateur inter-navigateurs à partir de cette page.

Pour plus d'informations sur la création et l'utilisation des tests codés de l'interface utilisateur, voir Creating Coded UI Tests.

Activer le débogage

Pour activer le débogage de votre application web, vous devez utiliser les options de configuration suivantes :

Activer Uniquement mon code :
1. Dans le menu Outils, choisissez Options, puis Débogage.
2. Sélectionnez Activer Uniquement mon code.
Désactiver les exceptions CLR :
1. Dans le menu Déboguer, choisissez Exceptions.
2. Pour Exceptions CLR, désactivez Non géré par l'utilisateur.

Je ne vois pas l'option permettant de modifier BrowserWindow.CurrentBrowser dans le test codé de l'interface utilisateur.
Vous utilisez peut-être une version de Microsoft Visual Studio 2012 qui ne prend pas en charge les tests codés de l'interface utilisateur à l'aide de différents navigateurs web.Pour utiliser ces tests codés de l'interface utilisateur, vous devez utiliser Visual Studio Ultimate avec Visual Studio 2012 Update 4 ou une version ultérieure de Visual Studio Ultimate.

Que dois-je savoir de plus ?
Remarques
- Le navigateur web Apple Safari n'est pas pris en charge.
- L'action de démarrage du navigateur web doit faire partie du test codé de l'interface utilisateur.
  
  Si un navigateur web est déjà ouvert et que vous souhaitez exécuter des étapes sur ce navigateur, la lecture échoue, sauf si vous utilisez Internet Explorer.Il est donc recommandé d'inclure le démarrage de votre navigateur web à vos tests codés de l'interface utilisateur.
- L'automatisation d'actions d'interface utilisateur basées spécifiquement sur un navigateur, par exemple agrandir, réduire et restaurer, n'est pas prise en charge.
Conseils
- Vous pouvez configurer la sortie pour inclure des captures d'écran dans les journaux codés de l'interface utilisateur.Pour cela, vous devez définir des paramètres de configuration dans le fichier QTAgent32.exe.config.Par défaut, ce fichier est installé à l'endroit suivant :
  
  C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE
  
  Définissez les valeurs suivantes :
  - EqtTraceLevel dans la section system.diagnostics.
  - <add name="EqtTraceLevel" value="4" />
    
    En affectant la valeur 3 ou une valeur supérieure, des captures sont prises pour chaque action.Lorsque la valeur est 1 ou 2, des captures sont prises uniquement pour les actions d'erreur.
  Pour plus d'informations, voir Analyse des tests codés de l'interface utilisateur à l'aide des journaux de test codé de l'interface utilisateur.