Tests automatisés pour les éléments de graphique avec OCR et étapes codées

L'automatisation d'éléments contenant des données dynamiques et statiques peut être une tâche très difficile pour les ingénieurs en automatisation. Dans cet article, nous explorerons l'automatisation de test de niveau supérieur en utilisant Telerik Test Studio Dev Edition avec ses toutes nouvelles fonctionnalités de reconnaissance optique de caractères (OCR) et nous l'appliquerons à une interface utilisateur Telerik pour Blazor graphique. Nous adopterons des approches codées avancées pour résoudre des problèmes plus complexes concernant la visualisation des données (DataViz) et la comparaison basée sur les fournisseurs.

Présentation

Avant de commencer, clarifions une chose. Le but de cet article est de présenter un scénario avec une utilisation plus large et de créer une approche plus générique pour l'ingénieur en automatisation moderne. C'est pourquoi nous couvrirons le présent cas d'utilisation de bout en bout avec tous les détails nécessaires relatifs à cette approche, bien que dans la réalité, certaines des étapes décrites ci-dessous pourraient être simplifiées pour ce cas.

The Use Case

Now , jetons un coup d'œil au cas d'utilisation. En tant qu'ingénieur QA, je souhaite créer un scénario de test automatisé qui vérifie les données dans un rapport de revenus en constante évolution.

démo graphique exemple à partir de l'interface utilisateur Telerik pour les composants Blazor. Ce qui nous intéresse, c'est chaque point de données pour le 'Total Revenue':

Élément SVG Circle . Les SVG sont largement utilisés pour les diagrammes de type vectoriel comme les barres, les camemberts, les icônes évolutives et les logos, tous ensemble des éléments contenant des données dynamiques nécessitant une validation, ce qui est bien connu pour causer des problèmes d'automatisation.

Activé le survol de la souris chaque cercle met à jour une fenêtre de données d'info-bulle, qui est visualisée dans la figure suivante:

Test Studio Dev Edition . Ici vous pouvez télécharger un essai gratuit . Suivez les étapes du Guide de démarrage rapide afin de créer votre premier projet automatisant vos tests Web. Toutes les fonctionnalités OCR sont également disponibles dans Test Studio Ultimate et Test Studio Web & Desktop.

Pour commencer, accédez à l'application testée et agrandissez le navigateur si nécessaire:

C # foreach la fonction 'MouseHover' et les fonctionnalités OCR les plus récentes de Test Studio:

Webinaire sur la version de test et de rapport le vendredi , 2 octobre à 11 h HE.

Test Studio Dev Edition in Perspective

Test Studio Dev Edition fait partie de DevCraft Ultimate l'ensemble d'outils de développement .NET et JavaScript reconnu par l'industrie permettant aux équipes de développement de créer des applications Web, mobiles et de bureau modernes et hautement performantes qui offrir les expériences numériques exceptionnelles exigées par les utilisateurs.

Test Studio Dev Edition est également disponible en tant que plug-in Visual Studio dans le cadre de Test Studio Ultimate . Avec son mélange réussi de capacités d'automatisation sans code et basées sur le code dans une interface utilisateur intuitive, Test Studio permet de tester que tout le monde peut utiliser, quelle que soit son expertise. Test Studio Ultimate est utilisé à la fois par les développeurs et par le contrôle qualité, leur offrant les possibilités de tests automatisés dans un IDE autonome ou dans Visual Studio.

Demander une démo

---