Playwright est un outil d’automatisation de tests qui est de plus en plus utilisé pour les tests end to end, et surtout pour les tests de non régression, j’ai fait un article sur celui ci : https://julienbrouwers.com/index.php/2024/03/05/playwright-outil-test-performant-agile-testing-front/ . Si tu ne connais pas je te recommande de lire cet article, avant de lire celui ci sur les Vidéos Playwright.

Playwright dispose d’une capacité à enregistrer des vidéos de vos tests.

Dans cet article, nous allons discuter de comment configurer Playwright pour enregistrer des vidéos, les avantages de cette fonctionnalité et comment l’utiliser efficacement.

Configuration de Playwright pour l’Enregistrement de Vidéos

Pour commencer, vous devez configurer Playwright pour enregistrer des vidéos de vos tests.

C’est assez simple à faire. Dans votre fichier de configuration Playwright, ajoutez simplement l’option recordVideo. Vous pouvez spécifier le chemin où les vidéos seront enregistrées avec l’option dir. Par exemple : recordVideo: { dir: 'videos/' }.

À partir de ce moment, Playwright enregistrera une vidéo pour chaque test exécuté.

Mon fichier playwright.config.ts contient les lignes suivantes

  use: {
    video: 'on',
    trace: 'on-first-retry',
  },

et pour mon test d’enregistrement de vidéo, j’ajoute un paramètre recordVideo à l’ouverture du navigateur dans le code

  const context = await browser.newContext(
            {
                httpCredentials:
                {
                    username: 'julienbrouwers',
                    password: 'xxxxxx'
                },
                recordVideo:{ dir : './playwright-videos-tests/' },
            })

Voici le lien de la documentation pour la vidéo : https://playwright.dev/docs/videos

Avantages de l’Enregistrement de Vidéos Playwright

L’enregistrement de vidéos de vos tests offre de nombreux avantages. Tout d’abord, cela vous permet de voir exactement ce qui s’est passé pendant le test. Si un test échoue, vous pouvez regarder la vidéo pour voir où et comment il a échoué. ( cela est valable si vous les jouez en automatique, car si vous les jouez depuis Visual Studio Code, vous voyez déjà le déroulé dans le navigateur )

C’est un bon outil pour débuguer, cela peut également être utile pour le partage, la documentation et la formation.

Vous pouvez montrer aux nouveaux membres de l’équipe comment les tests sont censés se dérouler, ou utiliser les vidéos pour démontrer le parcours utilisateur, des limitations techniques ou des problèmes aux parties prenantes et clients…

Uniquement en ligne de commande

Attention ! Les vidéos s’enregistrent uniquement en ligne de commande, si vous lancez vos tests depuis votre Visual Studio Code, les vidéos Playwright ne s’enregistreront pas ! J’ai perdu un peu de temps sur cette subtilité de mon côté.

Conclusion

En conclusion, l’enregistrement de vidéos offre à Playwright est un outil qui vaut le détour.

Il est simple à configurer et offre de nombreux avantages, a adapter en fonctions de nos contextes et besoins !

Catégorisé:

Test