Playwright – Test de bout en bout pour les applications Web

Vous êtes-vous déjà demandé; Comment simplifier les tests de bout en bout ???

Eh bien, je suppose que c’est là que PLAYWRIGHT entre en scène. Il s’agit d’un framework NodeJS open source de Microsoft pour l’automatisation de bout en bout des applications Web. En outre, il aide les développeurs à tester les applications Web sur tous les navigateurs et les systèmes d’exploitation modernes.

Optimizely AUI est un site Web de marché B2B qui frappe Perficient pour migrer d’un site classique vers un site spire. Le commerce sur site nécessite à la fois des compétences de développeur et de testeur.

Installez Playwright et Tools pour évoluer :

Avec ces logiciels, vous pouvez jouer avec Playwright. Pour une installation sans effort, optez pour les commandes d’installation à partir de l’invite de commande. Mettez également à jour les variables système et d’environnement.

Installez NodeJS, NPM, Playwright, Chocolatey, Docker-desktop, Visual Studio 2019 professionnel et Dotnet.

Pourquoi dramaturge :

• Facile à configurer à l’aide de commandes simples
• Playwright résout les problèmes et rend la création de tests plus lisible, rapide et fiable.
• Son attente automatique permet aux éléments d’être visibles avant d’interagir.
• Prend en charge les émulations multi-navigateurs, multi-plateformes, inter-langues et mobiles.
• L’exécution par défaut du navigateur sans tête améliore la vitesse d’exécution des tests.

Exécutez un test :

• Faites un clic droit sur l’explorateur de solutions et créez la solution pour éviter les échecs.

• Accédez à Test -> Explorateur de tests

• Pour exécuter le cas de test particulier, cliquez sur l’option d’exécution et pour exécuter tous les cas de test, choisissez l’option exécuter tout à côté de l’option d’exécution.

Notre expérience de projet :

Dans le cadre du projet, Perficient a pris en charge la migration du commerce sur site Classic StoreFront vers Spire Storefront. À l’aide du numéro de cas de test classique, vous pouvez facilement rechercher les scripts de test Spire Storefront s’ils sont déjà présents. Tout d’abord, accédez manuellement au cas de test Spire Storefront en saisissant le numéro de cas de test classique de la vitrine. Cependant, certains des cas de test sont déjà présents dans la vitrine Classic, nous avons recherché le cas de test en référence au numéro de cas de test. Si le cas de test est disponible en version classique, nous l’avons conservé comme référence pour recréer le script d’automatisation de la vitrine spire.

Défis et résolution :

1. Pour localiser les éléments, seul data-test-selector peut être utilisé. Difficultés rencontrées lors de l’ajout du sélecteur de test de données dans la balise exacte.
   • Le code Visual Studio est plus convivial que Visual Studio, nous pouvons également facilement ajouter un sélecteur de test de données.
   • De plus, nous pouvons facilement trouver l’endroit où le sélecteur de test de données précédent est ajouté en recherchant avec le texte présent dans le DOM.

2. Le projet contenait deux sites différents (c’est-à-dire un site classique et un site spire), il ne nous a pas permis d’ouvrir/d’exécuter les deux sites à la fois.
   • A chaque fois besoin de passer du classique (http://localhost:3010) flècher (http://localhost:3000) en donnant (/Admin/SwitchCms).
   • Pour travailler sur un cas de test spécifique, nous devons d’abord activer les paramètres requis à partir de la connexion backend en tant qu’administrateur. (hôte local : 3000/admin)

3. Docker peut ne pas fonctionner correctement en raison de la consommation d’espacement.
   • Il nécessite de réinitialiser la base de données à chaque fois pour exécuter le docker.
   • Avant d’exécuter le script, nous avions l’habitude de réinitialiser le menu fixe dans le bureau du menu fixe en choisissant « Réinitialiser à la restauration d’usine » et exécuterons le cmd docker-up qui récupérera tous les scripts dans les conteneurs/applications dans le menu fixe.

4. Le produit/la page créé/généré n’est pas affiché sur le site spire.
   • Lors de l’ajout d’un produit/d’une page/d’une liste supposé utiliser un générateur de base de données qui permet d’afficher le produit/la page/la liste.
   • Lorsque vous travaillez avec le générateur insite, vous devez configurer le générateur et commencer à travailler sur le script, sinon le produit/la page ne sera pas affiché.

Les meilleures pratiques:

• • Créez une nouvelle branche et mettez à jour vos modifications.
  • Récupérez toujours le dernier code de dev et démarrez sur le script.
  • Concentrez-vous sur la réutilisabilité, réutilisez les méthodes existantes.
  • Nettoyez et générez le projet pour faciliter l’exécution du script.

Valeur ajoutée pour le client :

• • Des livrables de meilleure qualité
  • Augmentation de la vitesse de livraison
  • De meilleurs niveaux de service
  • Moins de maintenance et d’assistance
  • Très flexible pour son public