CodeTutoriel sur le framework d'automatisation des tests d'interface utilisateur
โก Rรฉsumรฉ intelligent
CodeCUIT (d UI Test) est une fonctionnalitรฉ de test automatisรฉe de Visual Studio qui permet de tester l'interface utilisateur d'une application. Vous dรฉcouvrirez ici ce qu'est CUIT, ses fonctionnalitรฉs, les technologies prises en charge, comment crรฉer des tests et les bonnes pratiques.

Une automatisation logicielle typique Tests nรฉcessite des outils d'automatisation comme Selenium et QTP. Coded UI est similaire ร ces outils et peut รชtre particuliรจrement utile pour les tests fonctionnels.
Coded UI Test (CUIT) utilise l'IDE Visual Studio pour รฉcrire les scripts, car l'enregistrement peut รชtre effectuรฉ ร l'aide de Visual Studio.
Qu'est-ce que le CodeTest d'interface utilisateur ?
Coded Test d'interface utilisateur (CUIT) Il s'agit d'un test automatisรฉ qui pilote les applications via leur interface utilisateur (UI). D'oรน son nom. CodeTest d'interface utilisateur (CUIT). Ce test implique test fonctionel des contrรดles de lโinterface utilisateur. Il vรฉrifie la fonctionnalitรฉ de l'ensemble de l'application, y compris l'interface utilisateur. Il est รฉgalement utilisรฉ pour automatiser un test manuel existant.
Test de l'interface utilisateur Architecture
Coded Fonctionnalitรฉs de test d'interface utilisateur
CodeLes fonctionnalitรฉs de l'interface utilisateur incluent
- Essais fonctionnels
- Gรฉnรฉrer du code en VB/C#
- Intรฉgrรฉ ร l'histoire ALM
- Crรฉez, dรฉployez et testez en laboratoire ou dans le cadre d'un build
- Exรฉcutions locales et ร distance, collecte de donnรฉes
- Extensibilitรฉ riche
- Enregistrement sensible ร l'intention et lecture rรฉsiliente
CodeTechnologies prises en charge par les tests d'interface utilisateur (CUIT)
Avec une interface utilisateur codรฉe, une application dotรฉe dโune interface utilisateur (User Interface) peut รชtre facilement testรฉe. L'application peut รชtre basรฉe sur une fenรชtre ou sur le Web.
Coded UI prend en charge des technologies comme
- Applications de bureau basรฉes sur Windows
- Services Web (SOAP, ASPX, etc.)
- Applications de tรฉlรฉphone ร fenรชtre
- WPF (Windows Prรฉsentation Foundation)
- Applications Web (HTML, Silverlight, HTML5)
Pourquoi utiliser l'interface utilisateur codรฉe pour l'automatisation des tests
La raison pour laquelle l'interface utilisateur codรฉe pour l'automatisation des tests est prรฉfรฉrรฉe
- Les dรฉveloppeurs et les testeurs de logiciels peuvent collaborer efficacement en utilisant les mรชmes outils/langage.
- Il prend en charge ร la fois le Web et Windows projets.
- Le mรฉcanisme d'identification des รฉlรฉments est une fonctionnalitรฉ remarquable de Codeinterface utilisateur. De plus, elle prend en charge la synchronisation.
- Le moteur de lecture prend en charge des fonctionnalitรฉs telles que ยซ WaitForControlExist ยป, ยซ WaitForReadyLevel ยป, etc.
- Avec l'aide des ยซ agents de tests ยป, des tests d'automatisation peuvent รชtre exรฉcutรฉs sur des machines distantes.
- Les รฉquipes d'automatisation peuvent dรฉvelopper des tests sophistiquรฉs, en utilisant une interface utilisateur codรฉe avec un cadre en couches
- Les testeurs de logiciels peuvent capturer les exceptions et enregistrer efficacement le rรฉsultat en utilisant log4net.dll
- CodeL'outil d'interface utilisateur prend en charge programmation descriptive. Il permet aux testeurs de logiciels d'automatiser des scรฉnarios basรฉs sur les propriรฉtรฉs des objets
- Il prend en charge les contrรดles AJAX.
Comment crรฉer Coded Tests d'interface utilisateur (CUIT)
Pour crรฉer des tests d'interface utilisateur codรฉs, vous pouvez le faire des maniรจres suivantes.
- Gรฉnรฉration ร partir d'un enregistrement d'action existant (conversion ร partir d'un enregistrement de test manuel)
- Crรฉer un nouveau test d'interface utilisateur codรฉ ร partir de zรฉro
- รcrire du code ร partir de zรฉro
Contenu d'un CodeTest d'interface utilisateur
Lorsque vous crรฉez un test d'interface utilisateur codรฉ, le gรฉnรฉrateur de test d'interface utilisateur codรฉ crรฉe une carte. Cela inclut l'interface utilisateur testรฉe, les mรฉthodes de test, les paramรจtres, les assertions, etc. Pour chaque test, il crรฉe รฉgalement un fichier de classe.
| Fichier | Contenu | รditable |
|---|---|---|
| UIMap.Designer.cs | Section de dรฉclaration Propriรฉtรฉs des mรฉthodes de classe UIMap | Non |
| UIMap.cs | Classe UIMap (partielle) | Oui |
| CodedUITest1.cs | CodePropriรฉtรฉs des mรฉthodes de la classe UITest1 | Oui |
| UIMap.uitest | La carte XML de l'interface utilisateur pour le test. Il est รฉditรฉ uniquement via l'รฉditeur UI Map | Non |
- UIMap.Designer.cs : Le concepteur contient la vue code de l'UIMap. Il est gรฉnรฉrรฉ lorsqu'un testeur enregistre une interaction avec l'interface utilisateur ou lorsque certains objets sont ajoutรฉs manuellement ร l'UIMap.
- UIMap.cs: Toute modification ou personnalisation apportรฉe ร l'UIMap est stockรฉe dans ce fichier. Initialement, ce fichier sera vide et pourra รชtre renseignรฉ ultรฉrieurement. Si des modifications sont directement apportรฉes au fichier UIMap.designer.cs, assurez-vous qu'elles ne sont pas enregistrรฉes sinon toutes les modifications seront perdues.
- CodedUITest1.cs: Ce fichier contient une classe de test codรฉe de l'interface utilisateur, des mรฉthodes de test, un appel d'assertion et un appel de mรฉthode. Toutes les assertions et mรฉthodes sont invoquรฉes par dรฉfaut ร partir de ce fichier.
- UIMap.uitest: Il s'agit d'une reprรฉsentation XML de la classe UIMap. Il comprend des fenรชtres, des contrรดles, des propriรฉtรฉs, des mรฉthodes, des actions et des assertions. Il est รฉditรฉ uniquement via l'รฉditeur UI Map
Suivant dans ce CodeDans ce tutoriel sur l'interface utilisateur, nous apprendrons comment rรฉaliser Coded Test d'automatisation de l'interface utilisateur.
Comment effectuer CodeTest d'interface utilisateur
Coded UI propose deux mรฉthodes diffรฉrentes pour effectuer un test sur votre application.
- CodeEnregistrement et lecture de l'interface utilisateur ou
- Coded UI Codage manuel
Vous devez suivre les รฉtapes suivantes pour effectuer Coded Tests d'interface utilisateur,
- Crรฉer un Codeprojet de test d'alcoolรฉmie au volant
- Ajouter un fichier de test d'interface utilisateur codรฉ
- Enregistrer une sรฉquence d'actions
- Vรฉrifiez les valeurs dans les champs de l'interface utilisateur tels que les zones de texte
- Afficher le code de test gรฉnรฉrรฉ
- Ajouter plus d'actions et d'assertions
- Modifier les dรฉtails des activitรฉs de test et des assertions
- Exรฉcutez le test
Meilleures pratiques pour Coded Test d'interface utilisateur (CUIT)
Voici quelques bonnes pratiques pour un Coded Cadre d'automatisation des tests d'interface utilisateur :
- Utilisez le bouton Coded Automatisation de l'interface utilisateur Test Builder chaque fois que possible
- Essayez de ne pas modifier directement le fichier UIMap.designer.cs. Sinon, les modifications que vous avez apportรฉes au fichier seront รฉcrasรฉes
- Crรฉez votre test sous forme de sรฉquence de mรฉthodes enregistrรฉes
- Chaque mรฉthode enregistrรฉe doit agir sur une seule page, formulaire ou boรฎte de dialogue. Crรฉez รฉgalement une nouvelle mรฉthode de test pour chaque nouveau formulaire, page ou boรฎte de dialogue
- Lorsque vous crรฉez une mรฉthode, au lieu du nom par dรฉfaut, utilisez un nom de mรฉthode significatif. Un nom significatif aide ร identifier le but de la mรฉthode
- Si possible, limitez chaque mรฉthode enregistrรฉe ร moins de 10 actions. Cette approche facilite le remplacement d'une mรฉthode si l'interface utilisateur change.
- Pour crรฉer une assertion, utilisez CodeGรฉnรฉrateur de tests dUI. Il ajoute automatiquement une mรฉthode d'assertion au fichier UIMap.Designer.cs.
- Rรฉenregistrez les mรฉthodes de test/mรฉthodes d'assertion, si les interfaces utilisateur modifient ou rรฉenregistrent les sections affectรฉes d'une mรฉthode de test existante.
- Si vous codez directement avec l'API, utilisez les mรฉthodes et propriรฉtรฉs des classes crรฉรฉes dans le fichier UIMap.Designer.cs. Ces cours rendront votre travail plus fiable et plus facile et vous aideront ร รชtre plus productif.
Comparaison de Coded Test d'interface utilisateur Vs Selenium Vs QTP
Ci-dessous figure le tableau comparatif de Coded UI Vs Selenium Vs QTP:
- Selenium ne prend en charge aucun WPF ainsi que Windows applications
- Visual Studio CodedUI prend en charge les tests d'applications Windows Store ainsi que les tests d'applications Windows Phone. Aucun autre outil ne prend en charge cela.
- Le test terminรฉ prend en charge l'application Windows mais nรฉcessite l'installation d'un plugin.
Comparaison de Coded Test d'interface utilisateur Vs Selenium Vs QTP

