Qu'est-ce que le test cross-browser et comment le réaliser: un guide complet

what is cross browser testing

Un guide complet pour débutants sur les tests de navigateurs croisés:

Les tests de navigateurs croisés sont un type de test pour vérifier si une application fonctionne sur différents navigateurs comme prévu et se dégrade en douceur. C'est le processus de vérification de la compatibilité de votre application avec différents navigateurs.

Plusieurs fois, j'ai rencontré un problème avec un site Web et en appelant le support technique, ils me disent simplement de l'essayer dans un autre navigateur? Quand je le fais, cela fonctionne et je me sens complètement idiot, même si je gagne ma vie en travaillant dans l'industrie du logiciel.

Je parie que cela vous est arrivé à tous, n'est-ce pas?

Je finis toujours par me demander «pourquoi n’ai-je pas pensé à cela?» Mais croyez-moi, avec le temps, j’ai réalisé que ce n’était pas de ma faute; c'est juste que le site Web n'a pas été testé de manière approfondie en ce qui concerne les tests de compatibilité entre navigateurs et en tant qu'utilisateur final, je viens de trouver un bogue.

Ce que vous apprendrez:

• introduction
• Qu'est-ce que le test cross-browser?
• Pourquoi est-il exécuté?
• Qui effectue ce test?
• Comment effectuer des tests entre navigateurs?
• Outils recommandés
  • # 1) Test Lambda
  • # 2) Test CrossBrowser
• Quand commencer ce test?
• Que tester?
• Pour résumer «comment» effectuer un test multi-navigateurs
• Quel est le meilleur moment pour le faire?
• Conclusion
• lecture recommandée

introduction

Nous avons tous pu constater que certains sites Web ne sont pas correctement affichés sur certains navigateurs et nous pensons simplement que le site Web est cassé. Mais, dès que vous l'ouvrez sur un autre navigateur, le site Web s'ouvre très bien. Ainsi, ce comportement explique la compatibilité d'un site Web avec différents navigateurs.

Chaque navigateur interprète les informations sur la page du site Web différemment. Ainsi, certains navigateurs peuvent ne pas disposer des fonctionnalités que votre site Web tente d'afficher et rendre votre site Web défectueux sur ce navigateur.

Par exemple , comme indiqué ci-dessous, les erreurs des formulaires d'inscription ne sont pas les mêmes sur les deux navigateurs. En outre, la couleur du texte, la police, etc., sont également différentes si vous les regardez de près.

Avec les progrès de la technologie, plusieurs options sont disponibles pour les navigateurs, et il ne suffit pas de faire fonctionner un site Web sur l'un des navigateurs.

Les utilisateurs ne doivent pas être limités à utiliser un navigateur spécifique pour accéder à votre application. Ainsi, il devient nécessaire de tester la compatibilité de votre site Web avec différents navigateurs. Certains des navigateurs couramment utilisés incluent Chrome, Safari, Firefox, Internet Explorer, etc.

Ceci étant l’histoire de fond, je parie que vous avez tous compris le sujet de la discussion d’aujourd’hui - Test de navigateurs croisés.

Comme c'est une pratique générale à STH, nous allons nous concentrer sur les bases. Nous croyons que tout concept aura un sens lorsque nous posons la question de base sur des mots comme: «Quoi, pourquoi, comment, qui, quand, où».

Faisons exactement cela au fur et à mesure.

Qu'est-ce que le test cross-browser?

#1) Les tests multi-navigateurs sont simplement ce que son nom signifie - c'est-à-dire pour tester votre site Web ou votre application dans plusieurs navigateurs - et vous assurer qu'il fonctionne de manière cohérente et comme prévu, sans aucune dépendance ni compromis en matière de qualité.

#deux) Ceci s'applique aux deux la toile et Applications mobiles .

# 3) Quels types d'applications subissent cela? - Les applications destinées aux clients sont le meilleur choix. Vous vous demandez peut-être à ce stade: 'Toutes les applications ne sont-elles pas destinées aux clients?' Hé bien oui. Elles sont. Cependant, regardons un exemple.

Application 1: Une application développée pour une entreprise pour suivre en interne son inventaire
Application 2: Il s'agit pour les utilisateurs finaux d'acheter des produits de cette société

• Il est évident que la meilleure idée serait de tester l'application 2 pour les tests de compatibilité du navigateur car il est impossible de contrôler les navigateurs / plates-formes / versions que l'utilisateur final va utiliser.
• D'un autre côté, si tous les ordinateurs internes à l'entreprise utilisent des machines Windows 8 avec navigateur Chrome, il n'est pas nécessaire de rechercher ou de tester autre chose en ce qui concerne l'application 1.

Pourquoi est-il exécuté?

D'ailleurs, pourquoi des tests sont-ils effectués?

• Pour savoir ce qui ne va pas et être en mesure de le réparer.
• Pour améliorer l'efficacité et l'expérience utilisateur et, par conséquent, les affaires.
• Être informé des éventuels écueils

Mais précisément, si nous pensons: À quoi servent les tests multi-navigateurs? - C'est double.

1. Le rendu ou l'apparence de la page dans différents navigateurs - est-ce la même chose, est-ce différent, si l'un est meilleur que l'autre, etc.
2. La fonctionnalité et le fonctionnement de celui-ci. (Bien sûr!)

Qui effectue ce test?

• Vous pensez: 'Il existe un million de navigateurs, de versions et de plates-formes - lesquels choisir?' - Heureusement, ce n’est pas une décision qui relève de la responsabilité du testeur. Le client, l'équipe d'analyse commerciale et les équipes marketing ont un rôle majeur dans cette décision. En outre, les entreprises collectent des statistiques d'utilisation / trafic pour préciser les navigateurs, l'environnement et les appareils les plus utilisés.
• Toute l'équipe de projet doit avoir un intérêt, du temps, de l'argent et une infrastructure investis pour soutenir cette entreprise.
• L'équipe d'assurance qualité peut être impliquée dans ce processus ou il peut s'agir de l'équipe de conception qui souhaite savoir comment l'application se comporte dans plusieurs navigateurs.
• Qu'il soit effectué par QA ou par toute autre équipe, les résultats sont interprétés par les équipes de conception et de développement et les modifications pertinentes sont apportées.

Comment effectuer des tests entre navigateurs?

Maintenant, nous parlons!

Tout d'abord, est-ce fait manuellement ou à l'aide d'un outil?

Cela peut sûrement être fait manuellement - plusieurs machines, plusieurs systèmes d'exploitation, plusieurs navigateurs, plusieurs machines et, mais clairement, cela conduit à de multiples problèmes, plusieurs investissements et de multiples défis.

Méthode manuelle

Dans ce cas, une entreprise identifie les navigateurs que l'application doit prendre en charge. Les testeurs réexécutent ensuite les mêmes cas de test en utilisant différents navigateurs et observent le comportement de l'application et signalent les bogues le cas échéant.

Dans ce type de test, il n'est pas possible de couvrir de nombreux navigateurs et aussi, l'application peut ne pas être testée sur les principales versions de navigateur.

En outre, la vérification manuelle de plusieurs navigateurs est également coûteuse et prend du temps.

Méthode automatisée

Les tests multi-navigateurs exécutent essentiellement le même ensemble de cas de test plusieurs fois sur différents navigateurs.

lequel des éléments suivants fournit un programme distant qui ressemble et ressemble à une application locale?

Ce type de tâche répétée est le mieux adapté à l'automatisation. Ainsi, il est plus rentable et plus rapide d’effectuer ces tests à l’aide d’outils.

Ainsi, de nombreux outils sont disponibles sur le marché pour rendre cela plus facile.

Les outils nous aident avec un ou plusieurs ou tous les éléments suivants en fonction de l'outil lui-même et des types de licence:

1. Ils fournissent un VPN (Virtual Private Machine) à l'aide duquel vous pouvez vous connecter à des machines distantes et vérifier le fonctionnement et le rendu de vos pages JAVA, AJAX, HTML, Flash et autres. La plupart d'entre eux sont sécurisés, mais puisque vous soumettez vos informations à un tiers, une certaine analyse discrétionnaire est conseillée.
2. Des captures d'écran sont fournies pour les pages et les liens soumis expliquant comment ils apparaissent dans plusieurs navigateurs. Ceci est, bien sûr, statique.
3. Plusieurs navigateurs sont synchronisés par rapport aux opérations effectuées sur l'un d'eux et les résultats sont présentés par navigateur.
4. Afficher le rendu d'une page à plusieurs résolutions d'écran
5. Lorsqu'un problème est rencontré, une vidéo ou des captures d'écran sont enregistrées pour transporter le problème pour une analyse plus approfondie.
6. L'assistance est généralement disponible pour les applications Web et mobiles
7. Les pages privées qui nécessitent une authentification pour accéder peuvent également être testées
8. Local, au sein d'un réseau privé / pages de pare-feu, peut également être testé

Outils recommandés

# 1) Test Lambda

LambdaTest est une plate-forme de test multi-navigateurs basée sur le cloud qui utilise quel utilisateur peut effectuer des tests de compatibilité automatisés et manuels de leur site Web ou application Web sur une combinaison de plus de 2000 navigateurs et systèmes d'exploitation différents.

Les utilisateurs peuvent exécuter des tests d'automatisation Selenium sur une grille Selenium basée sur le cloud évolutive, sécurisée et fiable et effectuer des tests inter-navigateurs interactifs en direct sur leurs sites Web et applications Web publics ou hébergés localement sur le cloud.

# 2) Test CrossBrowser

CrossBrowserTest est fourni par la société appelée SmartBear. CrossBrowserTesting vous permet de rendre chaque expérience Web parfaite, sur n'importe quel navigateur ou appareil mobile avec leur laboratoire de périphériques réels basé sur le cloud. Abandonnez vos VM et votre laboratoire d'appareils. Exécutez facilement des tests manuels, visuels et Selenium dans le cloud sur plus de 2050 navigateurs de bureau et mobiles réels.

Vous cherchez à accélérer vos tests en tant qu'utilisateur non technique? Découvrez leur fonction Record & Replay, qui vous permet d'enregistrer un test en direct et d'exécuter ce test enregistré en parallèle.

# 3) Sélénium

Selenium est bien connu pour les tests automatisés des applications Web. En changeant simplement le navigateur à utiliser pour exécuter les cas de test, le sélénium permet d'exécuter très facilement les mêmes cas de test plusieurs fois en utilisant différents navigateurs.

# 4) BrowserStack

BrowserStack est une plate-forme de test Web et mobile basée sur le cloud qui permet de tester des applications sur des navigateurs à la demande, des systèmes d'exploitation et de vrais appareils mobiles.

# 5) Naviguer

Il s'agit d'un service interactif en direct qui fournit des tests sans effort aux développeurs Web et aux concepteurs Web.

Il existe différents navigateurs et systèmes d'exploitation et Browserling fournit un accès rapide à tous les navigateurs les plus populaires sur les systèmes d'exploitation les plus courants.

=> Lectures complémentaires: Liste complète des outils de test Cross Browser

Quand commencer ce test?

Le moment de démarrer le test Cross-Browser dépend entièrement de votre méthodologie de test et de votre calendrier de test.

Ce test peut être effectué:

# 1) Dès que possible:

Commencez ce test même lorsqu'une seule page est prête pour le test.

Testez cette page sur chaque navigateur. Lorsque la page suivante est disponible, testez-la également sur plusieurs navigateurs. Cela augmentera les efforts, mais cela aidera à corriger les erreurs le plus tôt possible dans le cycle de vie. Ainsi, la correction des erreurs, dans ce cas, est très rentable.

# 2) Lorsque la demande est complète:

Démarrez ce test lorsque le développement de l'application est terminé.

Cela testera l'application dans son ensemble sur différents navigateurs. La correction des erreurs ne sera pas aussi rentable que dans le cas ci-dessus, mais cela aidera toujours à corriger les erreurs avant de publier l'application aux utilisateurs.

# 3) Lorsque l'application est publiée:

Il s'agit du moment le moins favorable pour effectuer un test multi-navigateurs pour votre application. Mais il vaut mieux le faire que de ne pas le faire et de laisser les utilisateurs finaux vivre une mauvaise expérience.

Une fois l'application publiée pour les utilisateurs finaux, ce test peut être effectué et les bogues peuvent être corrigés dans le cadre des demandes de modification de l'application. Ceci est très coûteux et nécessite plusieurs déploiements en fonction des corrections de bogues.

Des tests inter-navigateurs rigoureux ne peuvent être effectués que lorsque les membres de l'équipe de test qui connaissent les outils effectuent ces tests. Le haut niveau ou la vérification de certains navigateurs spécifiques peut également être effectué par des utilisateurs professionnels ou même des développeurs.

Ce test consiste à tester l'application en profondeur à l'aide de différents navigateurs. Les tests comprennent en profondeur les tests fonctionnels et non fonctionnels de l'application.

Dans la plupart des entreprises, une équipe produit dispose d'équipes distinctes pour les tests fonctionnels et non fonctionnels. Ainsi, ces tests doivent être réalisés par la ou les équipes qui sont responsables des tests fonctionnels et non fonctionnels de l'application.

Pour ce test, un testeur a besoin des navigateurs sur lesquels l'application doit être testée.

Ces navigateurs peuvent être fournis au testeur sous la forme:

• Installé localement sur la machine du testeur.
• Une machine virtuelle ou différentes machines auxquelles un testeur a accès.
• Des outils qui fournissent leurs propres navigateurs et leurs versions pour les tests.
• Sur le cloud - afin que plusieurs testeurs puissent utiliser les navigateurs en cas de besoin.

Ces tests sont indépendants des environnements de déploiement. Ainsi, cela peut être fait en environnement de développement, de test, d'assurance qualité ou même de production en fonction de la disponibilité de l'application dans chacun de ces environnements.

Que tester?

1. Fonctionnalité de base: Liens, boîtes de dialogue, menus, etc.
2. Interface utilisateur graphique: Aspect et convivialité de l'application.
3. Réponse: Dans quelle mesure l'application répond aux actions des utilisateurs.
4. Performance: Chargement des pages dans le délai imparti.

Si votre application fonctionne bien sur un navigateur, cela ne signifie pas qu'elle fonctionnera également bien sur les autres navigateurs. Ainsi, ce test vous aide à vous assurer qu'une application s'exécute sur différents navigateurs sans aucune erreur.

Pour identifier les pauses sur quel navigateur et pour réparer le site Web en conséquence, nous devons effectuer ce test. Si un navigateur n'est pas du tout pris en charge, les utilisateurs peuvent facilement en être informés.

Pour résumer «comment» effectuer un test multi-navigateurs

#1. Les statistiques de trafic aident à déterminer les navigateurs à tester.

#deux. Une analyse détaillée doit être effectuée sur l'AUT (Application en cours de test) elle-même pour déterminer quelles parties de l'application ou si elle doit toutes subir cela. Il est conseillé que tout cela soit testé sur plusieurs navigateurs, mais encore une fois, les coûts et le temps doivent être pris en compte. Une bonne stratégie consiste à effectuer des tests à 100% sur un navigateur par plate-forme et pour l'autre simplement à tester la fonctionnalité la plus critique / largement utilisée.

# 3. Une fois que la décision «Quoi» tester et «Où (navigateurs)» est prise - les décisions d'infrastructure doivent être prises - acquérons-nous des outils ou effectuons-nous cela manuellement, etc. Encore une fois, le coût doit être pris en compte. La viabilité, les risques, les problèmes de sécurité, les personnes à impliquer, le temps, les critères d'acceptation, les calendriers / processus de résolution des problèmes / défauts - sont quelques éléments à résoudre.

# 4. Effectuez les tests. Les cas de test de tests fonctionnels réguliers peuvent être utilisés lors de la validation de l'efficacité du système. Pour l'apparence et le rendu, les cas de test ne sont pas nécessaires.

L'opération dont je parlais au début de cet article qui a échoué pour moi était un virement bancaire en ligne. Je me suis connecté à mon compte bancaire, j'ai choisi le montant du transfert d'environ un lakh et j'ai essayé d'effectuer le transfert et une erreur de servlet s'est affichée, peu importe le nombre de fois que j'ai essayé.

Donc, si l'opération de transfert est choisie pour le test de compatibilité du navigateur, voici à quoi le script de test va ressembler.

1. Connectez-vous au compte bancaire en ligne
2. Sélectionnez le compte à partir duquel le transfert doit être effectué
3. Entrez le montant du transfert: 100 000
4. Sélectionnez le bénéficiaire et cliquez sur «Transférer»
5. Résultat attendu: le transfert devrait réussir
6. Celui-ci sera simplement exécuté sur tous les navigateurs choisis.

Encore une fois, veuillez noter que cela ne ressemble pas à un cas de test fonctionnel. Veuillez consulter cet article de test non fonctionnel pour plus d'informations à ce sujet.

# 5. Rapportez les résultats à l'équipe de conception, s'ils n'ont pas été impliqués dans le processus de test. Le changement suit.

Quel est le meilleur moment pour le faire?

Tout test recueille les meilleurs avantages lorsqu'il est effectué tôt. Par conséquent, la recommandation de l'industrie est de commencer par elle dès que les conceptions de page sont disponibles.

Mais il peut également être réalisé lorsque le site est entièrement intégré et fonctionnel.

Si vous avez manqué le bus lors de l'exécution du test cross-browser pendant les phases de conception, de développement et d'assurance qualité, cela peut toujours être fait pendant que l'application est en production. Cependant, c'est le plus coûteux de tous et risqué aussi.

Où les tests de compatibilité du navigateur sont-ils effectués?

Habituellement, la réponse à cette question serait l'une des- Environnements de développement / assurance qualité / production . Mais pour la vérification croisée des navigateurs, ce n'est pas définitif et sans importance (si je puis dire). Cela peut être fait dans n'importe lequel d'entre eux ou dans tous.

Conclusion

Quelques points à noter,

avec quoi ouvrir les fichiers bin

• Ayant été professeur d'AQ pendant un certain temps maintenant, je peux dire ce qui va suivre et c'est - la question, s'agit-il de tests fonctionnels et non fonctionnels? Je pense que ce n'est ni l'un ni l'autre.
• Il ne doit pas non plus être confondu avec Multiplateforme testing, qui teste votre application dans plusieurs environnements cibles comme Windows, Linux, Mac, etc. Bien que parfois les deux doivent s'intégrer, certaines des anciennes versions de navigateur pouvant être compatibles uniquement avec les anciennes versions des plates-formes.
• C'est aussi un processus qui continue car les environnements logiciels, les navigateurs et les appareils évoluent chaque jour et pour s'assurer qu'il n'y a pas de mauvaises surprises, ce navigateur Testing devrait être ajouté au répertoire des suites de régression.

Comme vous le savez, chaque type de test contribue à améliorer la qualité de l'application, tout comme le test multi-navigateurs.

Les tests multi-navigateurs aident à créer une bonne impression sur les utilisateurs en leur offrant une expérience cohérente dans toute l'application, quel que soit le navigateur ou le système d'exploitation.

La correction des bogues est rentable au cours des premières étapes du cycle de vie du développement, et il en va de même pour les défauts détectés dans le cadre de ces tests.

Ces tests aident à améliorer votre entreprise, ce qui se traduit par des clients heureux, vous êtes heureux !!

Ceci est un autre témoignage du concept selon lequel les tests sur le terrain ou les logiciels d'assurance qualité sont un domaine multidimensionnel et il y a quelque chose dans lequel tout le monde peut exceller.

Veuillez poster vos commentaires et questions ci-dessous. Nous sommes toujours ravis de vous entendre!

lecture recommandée

• Test alpha et test bêta (un guide complet)
• Build Verification Testing (BVT Testing) Guide complet
• Test fonctionnel vs test non fonctionnel
• Meilleurs outils de test de logiciels 2021 (Outils d'automatisation des tests QA)
• Types de tests logiciels: différents types de tests avec des détails
• Tutoriel Parrot QA: Revue de l'outil de test fonctionnel Cross Browser
• Tutoriel de test de test de l'entrepôt de données ETL (un guide complet)
• Top 10 des outils de test multi-navigateurs en 2021 (dernier classement)