7 outils de test inter-navigateurs dont vous avez besoin en 2019 –

Cet article a été créé en partenariat avec LambdaTest . Merci de soutenir les partenaires qui rendent SitePoint possible.

Cet article a été mis à jour pour la troisième fois en avril 2019 pour refléter les outils de test multi-navigateurs déjà utilisés et refléter les statistiques d'utilisation actuelle du navigateur.

Tout d'abord, qu'est-ce que le test entre navigateurs?

Le test entre navigateurs est la formalité du test des applications Web et des sites Web dans tous les navigateurs Web couramment utilisés par les utilisateurs actuels, ce qui garantit la cohérence de l'expérience utilisateur. partout, et pas seulement le navigateur Web qui nous tente. Voici quelques points à surveiller:

• Validation du code: certains navigateurs signalent-ils des erreurs de code?
• Performances: le site Web est-il lent, voire en train de causer des pannes?
• Responsive design
• Incohérences de l'interface utilisateur: existe-t-il d'autres défauts de conception?
• Autres comportements étranges: autre chose ne fonctionne tout simplement pas

Que se passe-t-il si je ne teste pas?

en fait très normal. Le fait est que tous les navigateurs Web se comportent et rendent les sites Web un peu différemment, et certains navigateurs peuvent même ne pas prendre en charge les fonctionnalités que nous voulions utiliser à l’origine; et lorsque ces incohérences apparaissent, cela peut avoir un impact direct sur nos revenus (entre autres).

Prenons le commerce électronique, par exemple. 69,89% des caisses sont abandonnées, et 17% de celles-ci sont attribuées à des erreurs et à des crashs de sites Web. En supposant qu'une entreprise génère un demi-million de ventes par an, il en résulte une perte de 59 407 en raison d'erreurs et de plantages qui auraient pu être contrés par des tests croisés entre navigateurs.

Depuis que Microsoft a annoncé qu'il abandonnerait ses propres moteurs EdgeHTML et Chakra faveur des moteurs V8 et Blink largement adoptés, cela signifie que la plupart des principaux navigateurs offrent aujourd'hui des niveaux similaires de compatibilité de code. C’est un pas en arrière en termes de concurrence saine, mais cela signifie que si un site Web fonctionne dans Google Chrome, il fonctionnera très probablement dans Brave, Opera et le futur Microsoft Edge. Cela, combiné au fait que même Microsoft nous a ordonné de ne plus utiliser Internet Explorer, les tests inter-navigateurs sont plus faciles que jamais, seuls Safari et Firefox utilisant leurs propres moteurs.

Techniquement, les navigateurs Web nous ] si devrait aujourd'hui prendre en charge ceux que nos utilisateurs et clients utilisent, informations qu'il est assez facile de trouver avec Google Analytics ou un autre type de logiciel de suivi des analyses Web. Mais si vous ne disposez pas de ce type de données, voici les statistiques mondiales *:

• Chrome: 61,75%
• Safari: 15,12%
• Firefox: 4,92%
• UC: 4,22%
• Opéra: 3,15%
• Internet Explorer: 2,8%
• Samsung Internet: 2,74%
• Microsoft Edge: 2,15%

* À partir de novembre 2018.

Aussi, ours en gardant à l'esprit qu'il existe plusieurs versions de chaque navigateur Web sur plusieurs systèmes d'exploitation. Ça fait peur? Pas vraiment, mais il est ennuyeux à dire d'essayer des sites Web sur chacun d'entre eux!

Heureusement, il existe un grand nombre d'excellents outils de test inter-navigateurs disponibles, nous allons donc en profiter aujourd'hui. un aperçu de 7 des meilleurs.

Avec un accès immédiat à plus de 2 000 navigateurs Web fonctionnant sur de vrais appareils Android et iOS, le célèbre BrowserStack permet aux développeurs et aux autres parties prenantes de procéder à des tests sur plusieurs navigateurs. , qu’il s’agisse de capturer quelques captures d’écran, de corriger les erreurs en temps réel ou d’interagir avec le navigateur de manière native et de voir comment la disposition se présente lorsque la fenêtre est redimensionnée. Il n'est pas nécessaire de faire des compromis sur les simulateurs et les émulateurs, BrowserStack vous offre un contrôle total, car vous interagissez avec de vrais navigateurs sur des machines distantes.

Ce n'est pas comme c'est .

BrowserStack prend également en charge Selenium un outil libre permettant de vous aider à automatiser divers tests de sorte que vous n'ayez pas à le faire manuellement.

Les fonctionnalités ci-dessus sont assez standard en ce qui concerne les outils de test inter-navigateurs. Ce qui distingue réellement BrowserStack, c'est que vous pouvez démarrer à partir de 12,50 $ / mois, une initiative destinée aux pigistes offrant une fonctionnalité plus légère.

CrossBrowserTesting de SmartBear propose des tests manuels et automatisés via Selenium, plus de 1 500 navigateurs distants sur mobile et sur ordinateur de bureau, et dispose d’un paramétrage d’abonnement similaire à BrowserStack (sans leur "plan d’intermédiaire"). Avec un accès total aux extensions de navigateur et aux outils de développement tels que Chrome Dev Tools et FireBug, la possibilité d'interagir à l'aide de mouvements de glissement, etc., et enfin, le moyen de déboguer les erreurs frontales de manière native, CrossBrowserTesting n'est pas si différent de BrowserStack.

CrossBrowserTesting et BrowserStack permet également aux utilisateurs de comparer des versions (en direct ou en capture d'écran), d'exécuter plusieurs tests (ou de prendre plusieurs captures d'écran à la fois) et même de partager les résultats.

Tout-en-tout , une alternative appropriée à BrowserStack, cependant, je choisirais BrowserStack si le nombre de navigateurs pris en charge est important pour vous (BrowserStack prend en charge 500 supplémentaires).

Avec des tests de navigateur en temps réel et illimités, des tests d'automatisation illimités, tests réactifs, tests de captures d'écran illimités et support 24 × 7, vous n'aurez pas le moindre souci en termes de limitations lors de l'utilisation de Lambdatest . Et avec le plan le plus bas commençant à seulement 15 $ / mois, Lambdatest offre le meilleur rapport qualité-prix. En fait, il existe même une option «Lifetime Free» hautement fonctionnelle, ce qui en fait l'un des outils de test multi-navigateurs les plus accessibles du marché, très bien adapté aux personnes soucieuses de les tester pour la première fois. [19659004] En prime, toutes les options incluent des minutes d’automatisation gratuites; si vous ne choisissez pas leur puissante option d’automatisation!

Toutes les options incluent également:

• 2000+ navigateurs de test natif
• Suivi des problèmes avec les journaux de test
• Fonctionnalité de test local
• Test automatisé de captures d'écran
• Test de comparaison interactif et visuel
• Accès à la Extension WordPress et Chrome
• Intégration à Trello, Asana, Jira et Slack

En bref, la plate-forme d'automatisation LambdaTest est une grille de sélénium en ligne qui vous permet d'exécuter vos scripts de test en 2000. + environnements de navigateur.

Bien qu'il s'agisse de l'un des outils de test de navigateur les moins chers à 19 $ / mois (dépassé uniquement par Lambdatest en termes de valeur), ne laissez pas Browserling ne pas le site Web de fioritures vous tromper. Si les tests automatisés ne préoccupent pas vraiment votre équipe, Browserling est une option assez rentable.

De plus, ils ont également des extensions pour Chrome, Firefox, Opera et Safari! 19659004]

Experitest offre des fonctionnalités assez standard mais avec des coûts réduits à partir de 9 $ / mois, et dispose même d'une option freemium attrayante comme Lambdatest. Cela étant dit, le test d’expérience n’est pas aussi brillant chez Lambdatest, c’est pourquoi Experitest n’est peut-être la meilleure option que si vous avez un budget.

Ce qui sépare Functionize Les outils de test multi-navigateurs de la concurrence sont sa vaste utilisation de l'intelligence artificielle et le fait que si vous configurez des tests pour le navigateur un il n'est pas nécessaire de recoder les tests pour les autres, ce qui peut sauver une foire. peu de temps. Ils sont tous axés sur les tests autonomes (à l'aide de leur technologie Adaptive Event Analytics ™), de sorte que vous puissiez passer plus de temps à analyser les résultats.

Le nombre de navigateurs pris en charge par Functionize n'est pas spécifié. Cependant, ils offrent le même standard de fonctionnalités que avec d'autres outils de test multi-navigateurs, tels que le débogage de code et les tests visuels.

Just FYI: leurs outils de test multi-navigateurs sont intégrés à une plate-forme plus étendue et leur tarification n'est pas publiquement disponible. 19659003]

Malgré ses fonctionnalités similaires à celles des autres outils de test inter-navigateurs, Sauce Labs commence à 89 $ / mois (pour les tests sur des appareils réels). Ils existent depuis un certain temps et prétendent avoir «le plus grand nuage de tests continus au monde», donc si vous avez le budget, cela vaut la peine d'essayer.

Conclusion

Même si la majorité des outils de test inter-navigateurs disponibles sur le marché ont conservé un standard très élevé en termes de fonctionnalités offertes, permettant aux équipes de développement d'accroître la couverture de leurs tests et de fournir une expérience utilisateur plus cohérente à travers le monde.

Que ce soit Functionize et leur approche des tests frontaux axée sur l'IA, Experitest avec son prix compétitif, ou BrowserStack pour tous les appareils et toutes les tailles d'écran, beaucoup d'entre eux ont au moins un trait caractéristique qui les distingue de leurs concurrents. leur option à prix réduit destinée aux indépendants, l’un de ces outils saura répondre aux besoins de vos équipes. Si vous êtes à la recherche d'une solution polyvalente géniale, Lambdatest semble offrir le meilleur rapport qualité-prix.

Daniel Schwarz est un designer de UX / UI, web développeur et fabricant de fond, mais écrivain, éditeur, auteur et enseignant dans l’esprit. Actuellement concepteur chez SitePoint (ex Toptal), fondateur de UX Tricks écrivain chez .net Magazine et Web Designer Magazine, et collaborateur occasionnel avec les plus grandes entreprises de design telles que Adobe et InVision.