Tests d'applications web : Comment tester un site web ? Types

Avant de détailler les différents types de tests web, définissons rapidement ce qu'est un test web et voyons où il s'intègre dans le cycle de livraison.

Qu'est-ce que le test d'applications Web ?

Test d'applications WebLes tests d'application web consistent à vérifier votre application ou site web afin de détecter d'éventuels bogues avant sa mise en ligne et son accessibilité au grand public. Ces tests vérifient la fonctionnalité, l'ergonomie, la sécurité, la compatibilité et les performances de l'application ou du site web.

Durant cette étape, on vérifie des aspects tels que la sécurité de l'application web, le fonctionnement du site, son accessibilité aux personnes handicapées et aux utilisateurs réguliers, ainsi que sa capacité à gérer le trafic.

Un site web n'est pas un simple programme. C'est un ensemble de technologies : HTML, CSS et… JavaScript dans le navigateur, plus Apis et les bases de données sur le serveur. Une couche qui fonctionne correctement seule peut néanmoins échouer une fois qu'elle communique avec sa voisine ; les tests web nécessitent donc des techniques complémentaires.

Types d'applications Web que vous devez tester

Avant de choisir les techniques, identifiez l'architecture sous-jacente. La structure détermine où se concentrent les défauts et comment répartir les efforts entre le client et le serveur.

Architecture	Comment ça se comporte	Qu’est-ce que cela signifie pour les tests ?
Demande d'une seule page (SPA)	Se charge une seule fois, puis met à jour l'affichage sans rechargement complet de la page. Gmail Cela fonctionne de cette façon.	La majeure partie du code logique est exécutée dans le navigateur : concentrez-vous sur JavaÉtat du script, rendu dynamique et sessions côté client.
Application multipage (MPA)	De nombreuses pages ont été consultées par un itinéraire différent. URLs, rendu côté serveur. Courant pour les sites de commerce électronique et d'actualités.	Les chemins de navigation se multiplient : testez chaque route, formulaire et redirection de bout en bout.
Application Web progressive (PWA)	Fonctionne comme une application native utilisant des service workers, un manifeste et une interface d'application.	Ajout du comportement hors ligne, des caches obsolètes, des notifications push et des invites d'installation.

La plupart des produits combinent ces motifs. Identifiez celui auquel vous avez affaire, puis appliquez les huit techniques ci-dessous.

Comment tester une application Web ou un site Web

En génie logiciel, les types/techniques de tests suivants peuvent être effectués en fonction de vos besoins en matière de tests Web.

Chaque technique peut être exécutée manuellement ou par script, et ce choix influe davantage sur le coût que sur la couverture.

Aspect	Test manuel	L'automatisation des tests
Meilleur adapté à	Convivialité et exploratoire chèques	Régression, multiplateforme, tests de charge
Vitesse sur les courses répétées	Lent ; l'effort se répète à chaque cycle	Rapide ; la suite est rediffusée à la demande
Profil des coûts	Faible au départ, augmente à chaque sortie	Coût initial plus élevé, puis maintenance du script

1. Test de fonctionnalité d'un site Web

Test de fonctionnalité d'un site Web est un processus qui comprend plusieurs paramètres de test tels que l'interface utilisateur, les API, les tests de base de données, les tests de sécurité, les tests client et serveur et les fonctionnalités de base du site Web. Les tests fonctionnels sont très pratiques et permettent aux utilisateurs d'effectuer des tests manuels et automatisés. Elle est réalisée pour tester les fonctionnalités de chaque fonctionnalité du site Internet.

Les activités de test Web comprennent :

Test tous Gauche dans vos pages Web fonctionnent correctement et assurez-vous qu’il n’y a pas de liens brisés. Les liens à vérifier incluront –

• Liens sortants
• Liens internes
• Anchor Liens
• MailVers les liens

Formulaires d'essai fonctionnent comme prévu. Cela comprendra-

• Les vérifications de script sur le formulaire fonctionnent comme prévu. Par exemple, si un utilisateur ne remplit pas un champ obligatoire dans un formulaire, un message d'erreur s'affiche.
• Vérifiez que les valeurs par défaut sont renseignées
• Une fois soumises, les données des formulaires sont soumises à une base de données en direct ou sont liées à une adresse e-mail fonctionnelle.
• Les formulaires sont formatés de manière optimale pour une meilleure lisibilité

Tester les cookies fonctionnent comme prévu. Les cookies sont de petits fichiers utilisés par les sites Web pour mémoriser principalement les sessions utilisateur actives afin que vous n'ayez pas besoin de vous connecter à chaque fois que vous visitez un site Web. Les tests de cookies comprendront

• Les cookies de test (sessions) sont supprimés soit lorsque le cache est vidé, soit lorsqu'ils atteignent leur expiration.
• Supprimez les cookies (sessions) et testez que les identifiants de connexion sont demandés lors de votre prochaine visite sur le site.

Testez HTML et CSS pour garantir que les moteurs de recherche peuvent explorer facilement votre site. Cela comprendra

• Vérification des erreurs de syntaxe
• Readable Schémas de couleurs
• Conformité aux normes. Assurez-vous que les normes telles que W3C, OASIS, IETF, ISO, ECMA ou WS-I sont respectées.

Tester le flux de travail de l'entreprise– Cela comprendra

• Testez vos scénarios de flux de travail/affaires de bout en bout qui guident l'utilisateur à travers une série de pages Web à compléter.
• Testez également les scénarios négatifs, par exemple lorsqu'un utilisateur exécute une étape inattendue, un message d'erreur ou une aide appropriée s'affiche dans votre application Web.

Outils pouvant être utilisés: QTP , IBM Rationnel , Selenium

2. Test d'utilisabilité

Tests d'utilisabilité est désormais devenu un élément essentiel de tout projet Web. Ça peut être réalisé par des testeurs comme toi ou un petit groupe de discussion similaire au public cible de l’application Web.

Test le site Navigation:

• Les menus, boutons ou liens vers différentes pages de votre site doivent être facilement visibles et cohérents sur toutes les pages Web.

Test le Contenu:

• Le contenu doit être lisible, sans fautes d’orthographe ou de grammaire.
• Les images, si elles sont présentes, doivent contenir un texte « alt »

Outils pouvant être utilisés: Marque à la craie, Contenusquare, et Clixpy

3. Tests d'interface

Une fois que les fonctionnalités et l'ergonomie sont validées, vérifiez que les différentes couches sous-jacentes communiquent entre elles. Trois domaines doivent être testés : serveur d'application, serveur web et serveur de base de données.

• Application: Les demandes de test sont envoyées correctement à la base de données et la sortie côté client s'affiche correctement. Les éventuelles erreurs doivent être détectées par l'application et doivent être affichées uniquement à l'administrateur et non à l'utilisateur final.
• Web Server: Le serveur Web de test gère toutes les demandes d'application sans aucun déni de service.
• Serveur de base de données: Assurez-vous que les requêtes envoyées à la base de données donnent les résultats attendus.

Tester la réponse du système quand connexion entre les trois couches (Application, Web et base de données) ne peut être établi et un message approprié est affiché à l'utilisateur final.

Outils pouvant être utilisés: Ranorex

4. Test de base de données

La base de données est un composant essentiel de votre application Web et il faut insister pour la tester de manière approfondie. Les activités de test comprendront-

• Testez si des erreurs s'affichent lors de l'exécution des requêtes
• Centres de données Integrity est conservé lors de la création, de la mise à jour ou de la suppression de données dans la base de données.
• Vérifiez le temps de réponse des requêtes et ajustez-les si nécessaire.
• Les données de test extraites de votre base de données sont affichées avec précision dans votre application Web

Outils pouvant être utilisés: QTP, Selenium

5. Test de compatibilité

Les tests de compatibilité garantissent que votre application web s'affiche et fonctionne correctement sur différents appareils. Cela comprend :

Test de compatibilité du navigateur:Le même site Web s'affichera différemment dans différents navigateurs. Vous devez vérifier si votre application Web s'affiche correctement dans tous les navigateurs, JavaLe script, AJAX et l'authentification fonctionnent correctement. Vous pouvez également vérifier Mobile Compatibilité du navigateur.

Le rendu des éléments Web tels que les boutons, les champs de texte, etc. change avec les changements de Operating système. Assurez-vous que votre site Web fonctionne correctement pour diverses combinaisons de Operades systèmes tels que Windows, Linux, Mac et navigateurs tels que Firefox, Internet Explorer, Safari, etc.

Outils pouvant être utilisés: Dynatrace

6. Tests de performances

Cela permettra de garantir le bon fonctionnement de votre site quelles que soient les charges. Les tests comprendront notamment :

• Temps de réponse des applications de sites Web à différentes vitesses de connexion
• Testez la charge de votre application Web pour déterminer son comportement sous des charges normales et maximales
• Testez votre site Web pour déterminer son point de rupture lorsqu'il est poussé au-delà des charges normales aux heures de pointe.
• Testez si un crash se produit en raison d'un pic de charge, comment le site se remet-il d'un tel événement
• Assurez-vous que les techniques d'optimisation telles que la compression gzip, le cache côté navigateur et serveur sont activées pour réduire les temps de chargement.

Outils pouvant être utilisés: Loadrunner, JMeter

7. Tests de sécurité

Test de sécurité est vital pour les sites Web de commerce électronique qui stockent des informations client sensibles telles que les cartes de crédit. Les activités de test comprendront-

• Tester l'accès non autorisé aux pages sécurisées ne doit pas être autorisé
• Les fichiers restreints ne doivent pas être téléchargeables sans un accès approprié
• Les sessions de contrôle sont automatiquement supprimées après une inactivité prolongée de l'utilisateur
• Lors de l'utilisation de certificats SSL, le site Web doit être redirigé vers des pages SSL cryptées.

Intruder

Intruder est un puissant scanner de vulnérabilités qui vous aidera à découvrir les nombreuses faiblesses cachées dans vos applications Web et votre infrastructure sous-jacente. Offrant des contrôles de sécurité de pointe, une surveillance continue et une plateforme facile à utiliser, Intruder protège les entreprises de toutes tailles contre les pirates informatiques.

Fonctionnalité

• Couverture des menaces de premier ordre avec plus de 10,000 contrôles de sécurité
• Vérifie les faiblesses de configuration, les correctifs manquants, les faiblesses des applications (telles que l'injection SQL et les scripts intersites) et bien plus encore.
• Analyse automatique et priorisation des résultats d'analyse
• Interface intuitive, rapide à configurer et à exécuter vos premières analyses
• Surveillance proactive de la sécurité pour les dernières vulnérabilités
• AWS, Azure et Google Cloud connecteurs
• Intégration d'API avec votre pipeline CI/CD

Visiter Intruder >>

8. Tests de foule

Vous sélectionnerez un grand nombre de personnes (une foule) pour exécuter des tests qui, autrement, auraient été réalisés par une petite équipe interne. Les tests participatifs constituent un concept intéressant et émergent qui permet de déceler de nombreux défauts passés inaperçus.

Outils pouvant être utilisés: Plateforme de test de foule

Processus de test d'application Web : étape par étape

Ces huit techniques vous indiquent ce qu'il faut vérifier. La procédure ci-dessous vous indique quand les appliquer.

1. Recueillir et clarifier les exigences. Décrivez les fonctionnalités et le comportement attendus de l'application. Des exigences ambiguës engendrent des attentes impossibles à tester ; il est donc essentiel de les clarifier en premier lieu. Cette étape ancre les tests web dans un cadre plus global. cycle de vie des tests logiciels.
2. Rédigez le plan de test. Déterminez les techniques applicables, les personnes chargées de leur mise en œuvre, les outils nécessaires et le calendrier. Ce plan constitue votre feuille de route et votre estimation.
3. Élaborer des cas de test. Transformez chaque exigence en étapes concrètes avec des résultats attendus, en couvrant à la fois le scénario idéal et les scénarios négatifs que les utilisateurs déclenchent accidentellement.
4. Configurer l'environnement de test. Production miroir aussi fidèle que le budget le permet : mêmes paires navigateur/système d’exploitation, volumes de données comparables, vitesses de réseau réalistes.
5. Exécutez les tests. Exécutez les tests, enregistrez les résultats réels par rapport aux résultats attendus et capturez des captures d'écran, la sortie de la console et les journaux du serveur tant que la défaillance est encore reproductible.
6. Signaler et track défauts. Consignez chaque incident avec les étapes de reproduction et une priorité, puis effectuez un nouveau test après la correction et vérifiez qu'aucun autre élément à proximité n'a été endommagé.
7. Boucler la boucle. Rédigez un résumé des tests couvrant ce qui a été testé, ce qui a été constaté, ce qui reste à faire et ce qui doit être amélioré, puis validez la mise en production.

FAQ