Le nouveau test réactif de Telerik Test Studio vous permet de valider le comportement de conception Web réactif de votre application par rapport à différents facteurs de forme et tailles de fenêtre de navigateur. Combiné avec les fonctionnalités OCR étonnantes, il fait de Test Studio l'outil d'automatisation de test Web le plus complet et le plus fiable du marché.
Test réactif
La conception Web réactive garantit que les sites Web peuvent être consultés et peuvent être entièrement fonctionnels sur n'importe quel appareil quelle que soit la taille de l'écran ou du navigateur, qu'il s'agisse d'un ordinateur de bureau, d'un téléphone portable ou d'une tablette.
Saviez-vous que près de 60% de tout le trafic Web provient d'appareils mobiles?
Qu'en est-il du fait que Google donne la priorité à la page mobile la vitesse de chargement comme mesure clé lors de la détermination du classement de recherche d'un site Web? Un site Web mobile lent ou insensible entraîne un mauvais référencement et des pénalités importantes pour votre classement général sur tous les appareils.
La conception Web adaptative est essentielle au succès de vos applications aujourd'hui. Investir dans l'automatisation des tests est une étape importante pour améliorer la qualité et l'efficacité de vos tests. Envisager d'ajouter plus de scénarios dans le cadre de votre processus d'automatisation est tout aussi important. Un tel scénario pourrait consister à vérifier le comportement de l'application testée sous différents facteurs de forme. Grâce à la nouvelle fonctionnalité de test réactif de Test Studio Ultimate vous pouvez facilement le faire en utilisant les mêmes techniques que vous avez l'habitude de créer des tests Web automatisés avec Test Studio.
Cette version apporte une toute nouvelle Fonction de test réactif pour vous aider à tester facilement le comportement de votre application Web sur les navigateurs mobiles et de bureau, sans courbe d'apprentissage ni codage. Choisissez le facteur de forme dans lequel votre site Web fonctionnera et exécutez l'enregistreur avec Chrome ou Edge à base de chrome. Enregistrez les tests pour vérifier que la version réactive de l'application testée se comporte comme prévu. Une fois les tests créés, placez-les dans une liste de tests et exécutez-les en choisissant parmi les appareils prédéfinis ou ajoutez des tailles d'écran personnalisées.
La nouvelle approche de test réactif présente plusieurs avantages importants. Cela rend les tests fastidieux et répétitifs redondants. Regardons les choses en face: changer d'appareil et valider une seule et même chose n'est pas la chose la plus amusante à faire. De plus, vous n’avez pas besoin de plusieurs appareils à portée de main pour couvrir différents scénarios et facteurs de forme. Vous laissez simplement Test Studio faire le gros du travail, ce qui vous fait gagner du temps et des efforts.
Si vous voulez jouer avec cette nouvelle fonctionnalité, vous pouvez télécharger la dernière version de Test Studio créez à partir de votre compte ou démarrez un essai si vous n'êtes pas encore client.
Fonctionnalités OCR (reconnaissance optique de caractères)
Fonctionnalité Web Les ingénieurs QA de l'interface utilisateur ont souvent du mal avec différents types d'éléments difficiles à automatiser. Les éléments SVG (Scalable Vector Graphics), qui sont largement utilisés pour les diagrammes de type vectoriel tels que les barres, les camemberts, les icônes évolutives et les logos, sont un excellent exemple d'éléments causant des problèmes d'automatisation. Le SVG est essentiellement une image, qui contient des données statiques ou dynamiques qui doivent être validées.
Il est difficile d'automatiser des scénarios, où ces éléments sont englobés, avec la logique de recherche classique de l'élément DOM, quel que soit l'outil ou cadre. L'interaction avec le DOM est un processus qui prend du temps, qui nécessite des compétences d'automatisation avancées et conduit souvent à des scripts de test défectueux.
![ConfusedNinja "title =" ConfusedNinja "/> </p>
<p>
Avec les nouvelles fonctionnalités OCR, Test Studio offre la solution, vous assurant que vous serez en mesure de couvrir des scénarios délicats et encombrants lors de l'automatisation des tests Web. Afin de faciliter l'automatisation de la validation de ces éléments, Test Studio propose désormais trois étapes supplémentaires que vous pouvez appliquer lors de l'automatisation des tests: </p>
<ul>
<li> Verify Image
<p> Pendant l'enregistrement, capturez n'importe quel élément en tant qu'image — utilisez l'image entière ou sélectionnez-en une partie et utilisez-la pour la comparaison pendant l'exécution. </p>
<p> Automatisez la vérification des logos, des images statiques, des graphiques ou de tout autre élément par comparaison visuelle. La validation s'applique à toute la zone sélectionnée. Si vous avez besoin d'aller plus loin et de valider une seule ligne de texte inaccessible depuis le DOM-3, utilisez la nouvelle étape de vérification avec OCR. </p>
</li>
<li> Vérification OCR
<p> Imaginez un graphique contenant des données dynamiques et statiques. En raison de la nature de cet élément, disons <canvas>rien à l'intérieur ne peut être consulté séparément. La comparaison d'images complètes ne fonctionnera pas correctement, car le contenu changera à chaque fois que la page est chargée. La première étape consiste à valider le texte statique dans <canvas> – le titre, les étiquettes des axes X, Y, etc. Utilisez l'enregistreur de Test Studio pour extraire le texte de l'image et le valider avec la nouvelle étape de vérification OCR. [19659021] Extraction OCR</p>
<p> Prenons le graphique de l'exemple précédent. Le texte statique est déjà vérifié mais comment comparer les données changeantes dynamiquement avec les valeurs réelles de la source de données? Cela garantira que le graphique charge les données correctes et se comporte comme prévu. Ici, la nouvelle étape d'extraction OCR arrive. Appliquez cette étape lors de l'enregistrement afin d'extraire du texte d'une image et de l'affecter à une variable. Cette fonction peut être utilisée dans divers scénarios: </p>
<ul>
<li> Validez les données par rapport à la source de données. Assurez-vous que le jeu de données correct est chargé. </li>
<li> Utilisez la chaîne capturée dans les champs de saisie. Il est toujours utile de créer des scénarios du monde réel. Par exemple, le site Web testé fournit un calculateur d'épargne personnelle et les utilisateurs aimeraient utiliser le dernier cours de l'action du graphique ci-dessus. Il est facile de recréer celui-ci: utilisez la nouvelle étape de texte Extraction pour obtenir le dernier cours de l'action à partir du graphique, puis appliquez la valeur dans n'importe quel champ. </li>
</ul>
</li>
</ul>
<p><img decoding=](https://i0.wp.com/d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/teststudio/blogs/asset2_resized.png?w=660&ssl=1)
Vous pouvez télécharger la dernière version de Test Studio depuis votre compte dès maintenant. Ou si vous êtes nouveau dans Test Studio, commencez dès aujourd'hui avec un essai gratuit complet de 30 jours.
Bon test!
Source link