Playwright Login Automation with JavaScript | Click & Verify#javascript #automationtesting
Chaîne : Automation Testing with Amrita
Analyse du 2026-11-07
Voir la vidéo sur YouTube
Le test enchaîne vérifier le titre « Swag Labs », cliquer sur Login puis contrôler l'en-tête « Products ».
À nuancer : Il garde un wait_for_timeout de 5 s, que la vidéo dit réservé au débogage.
Ce que la vidéo apprend
- 1:03 Lire le titre réel de la page dans les outils de développement avant d'écrire l'assertion toHaveTitle, au lieu de le deviner.
- 10:10 Un test doit vérifier le résultat d'une action : après le clic sur Login, toHaveText sur « .title » confirme l'arrivée sur « Products ».
- 11:00 Les assertions Playwright réessaient seules jusqu'au délai limite : pas besoin d'attente fixe pour les laisser réussir.
La vidéo en bref
- 0:00 Le créateur relève le vrai titre de la page dans les outils de développement du navigateur. Il remplace « Google » par « Swag Labs » dans l'assertion toHaveTitle, écrite avec une expression régulière.
- 2:26 Il explique le délai fixe de 5 000 ms et conseille de l'éviter hors débogage. Il détaille la commande npx playwright test avec les options --project=chromium et --headed.
- 4:30 Le test ouvre le site, vérifie le titre et remplit les champs, sans cliquer sur Login. Le créateur explique comment lire un résultat réussi ou en échec dans le terminal.
- 5:35 Il se connecte à la main avec les identifiants fournis par SauceDemo et arrive sur la page d'inventaire, titrée « Products ». Il repère ensuite l'identifiant du bouton Login.
- 8:00 Il ajoute le clic avec page.locator, puis cible l'en-tête par la classe .title. L'assertion toHaveText vérifie « Products » et réessaie automatiquement jusqu'au délai limite.
- 11:22 Il relit le test complet et le lance : il passe (« 1 passed »). Il ouvre le rapport HTML de Playwright, qui permet d'examiner un test en échec.
De quoi ça parle
Suite d'un cours Playwright en JavaScript sur le site de démo SauceDemo : corriger le titre attendu, automatiser le clic sur Login, puis vérifier avec une assertion que la page affiche « Products ».
Ce qu'il faut savoir
- Point solide 1:23 Le créateur vérifie la valeur attendue dans le navigateur avant de coder, et le test s'exécute en direct jusqu'au résultat « 1 passed ».
- Non-dit 7:40 Le sélecteur du bouton et les identifiants viennent d'un site de démonstration. Sur une application réelle, le choix des locators sera moins simple.
Carte des affirmations
3:06Établi
Playwright attend seul que les éléments soient prêts
Playwright attend automatiquement que les éléments soient prêts et ses assertions web réessaient jusqu'à validation ; les attentes fixes servent surtout au débogage.
Contre-argument : La documentation Playwright déconseille les attentes fixes. Ici le délai est conservé pour la démonstration, ce qui ne nuit pas à l'exemple mais montre une pratique que le créateur dit éviter.
Intérêts en jeu
Aucun sponsor, lien affilié ni produit du créateur détecté dans la description ou la transcription.
Installer Unsaid (gratuit)