Outils de test d'enregistrement et de lecture – Automatisation efficace de l'interface utilisateur

Les tests d'enregistrement et de lecture ont été sous-estimés par les développeurs et les ingénieurs d'automatisation de l'assurance qualité depuis un certain temps. Pourtant, les outils de test automatisés ont évolué pour offrir un moyen beaucoup plus simple, plus intelligent et plus durable de tester les applications Web et de bureau tout en éliminant les inconvénients courants des tests sans code / low code.

Où en êtes-vous?

Que vous soyez dans un changement organisationnel, que vous passiez des tests manuels à l'automatisation des tests ou que vous essayiez d'accélérer vos cycles de développement de logiciels, l'enregistrement et la lecture modernes des outils de test comme Test Studio peuvent vous faire gagner beaucoup de temps en vous aidant à concevoir des tests qui n'échouent tout simplement pas.

Les avantages de l'enregistrement de test visuel

L'intérêt d'utiliser un enregistreur visuel pour automatiser des scénarios complets n'a pas 'n'a pas reçu l'attention qu'il mérite, principalement parce que les outils de test d'enregistrement et de lecture sont connus pour avoir des limitations importantes. Dans un article récent Karl Hughes a fait valoir que les outils de test sans code peuvent éliminer certaines des barrières les plus importantes qui font obstacle à l'automatisation des tests aujourd'hui, tant pour les ingénieurs en automatisation expérimentés que pour les intervenants non techniques.

En fait, pendant que je travaillais sur ce billet de blog, j'ai identifié au moins ces trois avantages de l'utilisation de l'interface de test d'enregistrement et de lecture pour les besoins de cette démo:

• J'ai gagné beaucoup de temps que j'ai pu consacrer à assurer le niveau de stabilité de la suite de tests que je visais
• J'ai atteint un niveau de couverture de code que je ne pourrais pas fournir en écrivant des tests automatisés à partir de zéro basés sur certains des frameworks d'automatisation de test les plus courants [19659008] J'ai développé une suite de tests qui est assez facile à maintenir – grâce aux tests hébergés en dehors de la base de code sans ajouter de dette / surcharge de maintenance d'automatisation

Blazor UI Automation: The Game Changer

Test Studio o offre une intégration immédiate exclusive avec les suites d'interface utilisateur Telerik via traducteurs intégrés désormais dotés de fonctionnalités étendues. La dernière version de Test Studio est livrée avec de nouveaux traducteurs pour l'interface utilisateur Telerik la plus populaire et la plus largement utilisée pour les composants Blazor afin de faciliter et d'optimiser les tests d'interface utilisateur des applications Blazor.

Traducteurs natifs de Test Studio pour Telerik L'interface utilisateur pour les composants Blazor ouvre l'élément et expose les propriétés spécifiques et personnalisées pour l'automatisation et la vérification des actions via une approche d'automatisation d'interface utilisateur véritablement sans code sans compromettre la qualité et l'efficacité recherchées par chaque ingénieur en automatisation. En fait, l'histoire des tests de Blazor basés sur l'approche native que je vais démontrer, pourrait bien être le plus grand potentiel de Blazor au-delà des avantages purs de C # .

Pourquoi?

Automatisation de Interface utilisateur Telerik pour les composants Blazor dans Visual Studio

Dans ce billet de blog, je vais utiliser Test Studio Dev Edition – le plugin natif de Test Studio pour Visual Studio – et démontrer l'automatisation Blazor Grid dans Visual Studio 2019 en tant que exemple de la façon dont la fonctionnalité de test d'enregistrement et de lecture a évolué et comment cela peut rendre l'automatisation des tests plus facile, plus rapide et avec moins d'obstacles.

Pour les besoins de la démonstration, je vais créer le scénario suivant:

1. Charger un exemple d'application Telerik Blazor Stock Portfolio
2. Vérifier le nombre d'éléments dans la grille de données Blazor
3. Ajouter un nouveau téléscripteur d'actions [19659008] Vérifier que le nombre d'éléments dans la grille a augmenté
4. Vérifier que j'ai ajouté le bon symbole boursier
5. Vérifier le cours de l'action

Une fois que je navigue vers l'application Blazor chargée, je peux utiliser le test visuel intuitif de Test Studio enregistreur pour créer facilement des étapes d'action et de vérification. Test Studio convertit avec précision les actions de l'interface utilisateur telles que la sélection de menu, le glisser-déposer et le survol en étapes de test:

En moins d'une minute, le scénario mentionné ci-dessus est enregistré en quelques étapes maintenables , pour qu'à partir de maintenant je puisse exécuter le test et l'inclure dans ma suite de tests. Mon test enregistré ressemble à ceci:

Face à la réalité

C'est un sentiment populaire que lorsque vous jouez un test enregistré, il ne fonctionnera que si l'application reste inchangée. Même des modifications mineures de l'interface utilisateur de l'application qui affectent le DOM empêchent l'exécution correcte de l'enregistrement, ce qui entraîne une douzaine de tests interrompus qui doivent être réenregistrés.

Heureusement, les tests enregistrés ne sont plus un monolithe unique et immuable. Des outils modernes comme Test Studio permettent à l'utilisateur de diviser les tests enregistrés en tests séparés qui peuvent être supprimés, réorganisés et même convertis en code, à partir desquels d'autres ajustements ou maintenance peuvent être effectués facilement.

En outre, chaque objet visuel est identifié et enregistré par un mécanisme logique de recherche sophistiqué assurant l'unicité de l'élément, une exécution de test stable et moins de temps passé à la maintenance des tests. Même lors de changements majeurs d'éléments, il est facile de mettre à jour sa logique de recherche enregistrée et de l'appliquer à tous ou à quelques-uns des ensembles de tests sélectionnés qui l'utilisent.

Conversion de tests sans code en étapes codées

Pour les développeurs expérimentés et l'automatisation Ingénieurs QA, modifier et mettre à jour un test scripté peut être plus facile que de corriger un test enregistré. Imaginez que vous ayez écrit un script pour tester trois composants différents de l'application.

Si vous avez besoin de changer une partie du test qui existe dans plusieurs composants, vous pouvez utiliser votre IDE pour rechercher et remplacer, ou pour créer une méthode pour rendre le test plus efficace. La réutilisation de certaines parties de votre test peut souvent être plus facile lorsqu'elle est effectuée dans le code que dans les tests enregistrés.

C'est pourquoi Test Studio est livré avec une fonctionnalité intéressante qui vous permet de convertir le test enregistré en code et de l'étendre selon vos besoins afin de répondre aux exigences de votre scénario.

Une fois votre test converti en code, vos options de maintenance et d'extensibilité sont infinies. Vous pouvez référencer des bibliothèques externes, écrire vos propres méthodes, classes et extensions d'exécution personnalisées qui aident à mieux intégrer Test Studio dans votre environnement et à résoudre même les scénarios les plus difficiles. Vous trouverez plus de détails sur la façon de créer votre propre extension d'exécution .

À propos de la dernière version de Test Studio

La création d'environnements de test stables et l'écriture de scripts de test peuvent être impossibles à réaliser dans des délais serrés. Pourtant, pour atteindre vos objectifs, vous aurez besoin de plus qu'un simple «outil de test». Grâce à l'UX mis à jour et à l'interface utilisateur entièrement repensée, Test Studio Recorder offre désormais une conception intuitive et des performances optimisées, ce qui en fait une partie intégrante de la transition des tests manuels à l'automatisation du navigateur, avec prise en charge de plusieurs navigateurs et un ensemble complet de fonctionnalités pour une interface utilisateur fonctionnelle, un web réactif UI, API RESTful, tests de charge et de performance. Depuis la dernière version, Test Studio est également livré avec :

• Nouvelle interface du panneau de l'enregistreur, maintenant appelée "Advanced Recording Tools", avec un accès facile à Step Builder, Common Steps et Browser Control [19659008] Traducteurs améliorés pour l'interface utilisateur Telerik pour Blazor Grid et Blazor Window
• Traducteurs pour Blazor TextBox et ComboBox permettant la vérification du contenu sélectionné par texte et index
• Traducteurs pour Blazor Tabstrip, AnimationContainer, Drawer et ListView
• Nouvelle interface utilisateur de Test Studio thème avec mode sombre pour une intégration optique transparente dans Visual Studio

À propos de Test Studio Dev Edition

Dev Edition est le plugin Test Studio pour Visual Studio. Il est disponible dans le cadre du bundle de produits DevCraft Ultimate basé sur une licence par développeur. Le plugin est également inclus dans l'application autonome Test Studio qui est distribuée sous forme de licence machine flottante. L'édition Dev est fournie avec un ensemble complet de fonctionnalités pour faciliter et accélérer l'automatisation des tests, en particulier des applications basées sur l'interface utilisateur de Telerik, dans Visual Studio.

Conclusion

La demande toujours croissante d'une qualité logicielle exceptionnelle a changé beaucoup de choses. les outils que nous utilisons et notre propre vision du développement de logiciels et des tests de logiciels. Record — La lecture provoquée par le besoin d'efficacité a évolué vers Record — Playback — Code. Les solutions d'automatisation de test modernes telles que Test Studio fournissent ce type d'expérience et d'efficacité dont ont besoin les développeurs, les QA d'automatisation et les testeurs réguliers.

Télécharger la version d'essai