Utiliser différents navigateurs web avec des tests codés de l’interface utilisateurUse different web browsers with coded UI tests

Les tests codés de l'interface utilisateur peuvent automatiser le test des applications web en enregistrant vos tests à l'aide d'Internet Explorer.Coded UI tests can automate testing for web applications by recording your tests using 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.You can then customize your test and play it back using either Internet Explorer or other browser types for these web applications.

Installez d’abord les composants Selenium pour les tests codés de l’interface utilisateur sur plusieurs navigateurs.First, install the Selenium components for coded UI cross browser testing.

Quelles sont les opérations prises en charge par tous les navigateurs web ?What's supported across all web browsers?

Pourquoi dois-je utiliser les tests codés de l'interface utilisateur sur différents types de navigateur web ?Why should I use coded UI tests across multiple web browser types?

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.By testing your web application using a variety of web browser types, you better emulate the UI experience of your users who may run different browsers. 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.For example, your application might include a control or code in Internet Explorer that is not compatible with other web browsers. 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.By running your coded UI tests across other browsers, you can discover and correct any issue before it impacts your customers.

Comment enregistrer et lire les tests d'interface utilisateur codés des applications web à l'aide des navigateurs web pris en charge ?How do I record and play back coded UI tests on web applications using the supported web browsers?

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.Recording: You must use the Coded UI Test Builder to record your web application test using 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.You can optionally add validation and custom code for the tested controls using a predefined set of properties as you would normally do for coded UI tests. Pour plus d’informations, consultez Utiliser l’automatisation de l’interface utilisateur pour tester votre code.For more information, see Use UI automation to test your code.

Note

Vous ne pouvez pas enregistrer des tests codés de l'interface utilisateur à l'aide des navigateurs Google Chrome ou Mozilla Firefox.You cannot record coded UI tests using Google Chrome or Mozilla Firefox browsers.

Lecture avec Internet Explorer : lorsqu’aucun navigateur n’est explicitement spécifié, les tests s’exécutent par défaut sur Internet Explorer.Play back with Internet Explorer: When no browser is explicitly specified, tests will run on Internet Explorer by default. Vous pouvez déclarer explicitement le navigateur à utiliser en définissant la propriété BrowserWindow.CurrentBrowser dans le code de votre test.You can explicitly state the browser to be used by setting the BrowserWindow.CurrentBrowser property in your test code. Pour Internet Explorer, cette propriété doit être définie sur IE ou Internet Explorer.For Internet Explorer, this property should be set to IE or 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 et définissez-la sur Firefox ou Chrome.Play back with non-Internet Explorer web browsers: To play back on non-Internet Explorer web browsers, change BrowserWindow.CurrentBrowser property in your test code to either Firefox or Chrome.

Pour lire les tests sur les navigateurs web autres qu’IE, vous devez installer les composants Selenium pour les tests codés de l’interface utilisateur sur plusieurs navigateurs.To play back tests on non-IE web browsers, you must install the Selenium components for Coded UI Cross Browser Testing.

Installer les composants SeleniumInstall Selenium components

  1. Dans le menu Outils , choisissez Extensions et mises à jour.On the Tools menu, choose Extensions and Updates.

  2. Dans la boîte de dialogue Mises à jour de produit et d’extension, recherchez Selenium components for Cross Browser Testing.In the Extension and Updates dialog box, search for Selenium components for Cross Browser Testing.

  3. Mettez en surbrillance l’extension et choisissez Télécharger.Highlight the extension and choose Download.

    Tip

    Vous pouvez également télécharger les composants Selenium pour le test codé de l’interface utilisateur sur plusieurs navigateurs ici.You can also download the Selenium components for Coded UI Cross Browser Testing from here.

Pour plus d’informations sur la création et l’utilisation des tests codés de l’interface utilisateur, consultez Créer des tests codés de l’interface utilisateur.For more information about creating and using coded UI tests, see Create coded UI tests.

Activer le débogageEnable debugging

Pour activer le débogage de votre application web, vous devez utiliser les options de configuration suivantes :To enable debugging your web application, you must complete the following configuration options:

  1. Activer Uniquement mon code :Enable Just My Code:

    1. Dans le menu Outils, choisissez Options, puis Débogage.On the Tools menu, choose Options and then choose Debugging.

    2. Sélectionnez Activer Uniquement mon code.Select Enable Just My Code.

  2. Désactiver les exceptions CLR :Disable CLR exceptions:

    1. Dans le menu Déboguer, choisissez Exceptions.On the Debug menu, choose Exceptions.

    2. Pour Exceptions CLR, désactivez Non géré par l’utilisateur.For Common Language Runtime Exceptions, uncheck User-unhandled.

Si vous ne voyez pas l’option de modification BrowserWindow.CurrentBrowser dans le test codé de l’interface utilisateur, vous utilisez peut-être une version de Visual Studio qui ne prend pas en charge les tests codés de l’interface utilisateur avec différents navigateurs web.If don't see the option to change BrowserWindow.CurrentBrowser in the coded UI test, you might be using a version of Visual Studio that does not support coded UI tests using various web browsers. Pour utiliser ces tests codés de l’interface utilisateur, vous devez utiliser l’édition Visual Studio Enterprise.To use such coded UI tests, you must use Visual Studio Enterprise edition.

Voici quelques autres informations à connaître :Here are some other things you should know:

  • Le navigateur web Apple Safari n'est pas pris en charge.Apple Safari web browser is not supported.

  • L'action de démarrage du navigateur web doit faire partie du test codé de l'interface utilisateur.The action of starting the web browser must be part of the coded UI test.

    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.If you have a web browser already open and you want to run steps on it, the playback will fail unless you are using Internet Explorer. Il est donc recommandé d'inclure le démarrage de votre navigateur web à vos tests codés de l'interface utilisateur.Therefore, it is a best practice to include the startup of your web browser as part of your coded UI tests.

  • 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.Automating browser specific based UI actions such as maximize, minimize and restore is not supported.

ConseilsTips

Vous pouvez configurer la sortie pour inclure des captures d'écran dans les journaux codés de l'interface utilisateur.You can configure the output to include screenshots in the coded UI logs. Pour cela, vous devez définir des paramètres de configuration dans le fichier QTAgent32.exe.config.To do so, you need to set some configuration settings in the QTAgent32.exe.config file. Par défaut, ce fichier est installé à l'endroit suivant :By default, this file is installed in the following location:

%ProgramFiles(x86)%\Microsoft Visual Studio\2017\Enterprise\Common7\IDE%ProgramFiles(x86)%\Microsoft Visual Studio\2017\Enterprise\Common7\IDE

Définissez les valeurs suivantes :Set the following values:

  • EqtTraceLevel dans la section system.diagnostics.EqtTraceLevel in the system.diagnostics section.

  • <add name="EqtTraceLevel" value="4" />

    Avec la valeur définie sur 3 ou plus, des captures d’écran sont prises pour chaque action.By setting the value to 3 or higher, screenshots are taken for each action. Lorsque la valeur est 1 ou 2, des captures sont prises uniquement pour les actions d'erreur.When the value is set to either 1 or 2, screenshots are taken for error actions only.

Pour plus d’informations, consultez Analyse des tests codés de l’interface utilisateur à l’aide des journaux de test codé de l’interface utilisateur.For more information, see Analyze coded UI tests using coded UI test logs.

Ressources vidéoVideo resources

Enregistrement dans IE et lecture dans tous les navigateursRecord on IE and playback everywhere

Créer des tests multinavigateurs avec le générateur de test codé de l’interface utilisateurAuthor cross browser tests with coded UI test builder

Créer des tests multi-navigateurs avec du code brut sans mapper l’interface utilisateurAuthor cross browser tests using plain hand coding without UI Map

Exécuter des tests multi-navigateurs de manière séquentielle sur plusieurs navigateursRun cross browser tests sequentially on multiple browsers

Résoudre les problèmes des tests multi-navigateursTroubleshoot cross browser test failures

Voir aussiSee also