Playwright - with Debbie O'Brien
Durée: 51m57s
Date de sortie: 27/12/2025
In this episode, I was joined by Debbie O’Brien to chat about Playwright - Microsoft’s open-source end-to-end testing framework. I’m a huge fan of Playwright, so I was really excited to have this chat with Debbie. We covered a lot of ground, including features such as Codegen, Trace Viewer, and UI Mode. We also spoke a lot about AI - including the exciting Playwright MCP Server which enables AI agents to automate browser interactions! Debbie has been an integral part of Playwright as a Princi...
Bonjour à tous et bienvenue à l'Unhandled Exception podcast. Je m'appelle Dan Clark et c'est épisode
numéro 83. Et aujourd'hui, l'épisode est sur le playwright. Et pour me joindre aujourd'hui à
chatter, le playwright est aussi le débit de débit. Et bienvenue à la débit de débit.
Merci, c'est incroyable. Oh mon Dieu.
Pour vous introduire correctement, le débit a été une partie intérieure du playwright
comme programme principal de Microsoft et a fait la communauté de playwright de la communauté
qui a formé beaucoup de ce que le playwright a été aujourd'hui, qui a des features comme
QI mode et le serveur de playwright de la PC, qui sont des choses que j'espère que
vous allez parler de aujourd'hui. Elle est aussi une experte de développeur Google,
star de GitHub. Je ne sais pas comment dire, il y a de l'alumine.
Je dois perdre ma star de la vidéo parce que je suis en Microsoft, donc vous ne pouvez
pas être star de la vidéo quand vous êtes employé de Microsoft.
Oh non, je n'en sais pas.
Ah, c'est un programme de la VP.
Le programme de la VP aussi, exactement.
Et aussi un ambassadeur de Nox.
Oui.
J'espère que ça va bien.
C'est une chose d'honneur.
Je suis un expert de développeur de la VP, mais oui, c'est comme ça que beaucoup de gens
m'ont dit, je ne vais pas parler de elles tous les jours.
Faire de l'air.
Donc avant de faire le playwright, je vais faire quelques petits souvenirs pour les
listeners.
Donc, évidemment, ce podcast a sa communauté de Discord.
Si vous vous portez au site unhandledexceptionpodcast.com, vous verrez un lien de Discord.
Je dois aussi avoir un newsletter de monthly où je vous envisage un article de développeur de
les items de l'année dernière.
Donc, ça inclure un tip de dev, un pic de comique de dev, ainsi que les updates de podcast
sur le show.
C'est un bon moyen de continuer de vous donner de la date avec ce que vous avez passé
dans les news.
Si vous vous abonnez, il y a un lien de subscribe sur le site de podcast.
Et, en plus, je vous remercie de ce podcast qui a été brought à vous par Everstack,
qui est mon propre company, qui donne des services de développement de software et de
consultation.
Pour plus d'informations, visite Everstack.com.
Maintenant, on peut giker sur Playwright, qui j'ai utilisé beaucoup et j'adore
ça.
Donc, tout d'abord, merci beaucoup pour tout ce que vous avez fait.
Ça serait bien si on...
Je veux giker sur les services de Playwright, les services de PC, et tout le code-gen,
même les UI, c'est bien de faire ça.
Mais je pense que nous devons vraiment juste se faire avec ce que le Playwright est,
pour les personnes qui n'ont pas...
Tu sais ce que c'est?
Parce que plus de personnes sont testées, parce que plus de personnes sont en code, plus de
personnes sont en code, donc les tests sont maintenant plus importants et plus essentiels.
Donc, c'est important de commencer par le début et dire,
qu'est-ce que le Playwright est?
Donc, Playwright est une façon de tester votre site.
Tout ce qui est dans le browser, donc le browser est base.
Et ce que Playwright fait, c'est qu'il ouvre un browser et tu as écrit le test
de Playwright et c'est ce qui automate le processus de quelque chose que tu voudrais test
sur le blog, normalement tu aurais testé quelque chose par remplir le formule
et presser le bouton et voir que ça fonctionne.
Et maintenant tu as basicement écrit un test de Playwright.
Le Playwright ouvre le browser, fillet le formule, clique le bouton.
Et si c'est tout gris, le test passe et tu peux aller chez moi,
et si c'est rouge, tu peux fixer le code, etc.
Donc c'est basicement ce que le Playwright est.
Et il y a beaucoup de choses que je peux payer le whole day
en parlant de Playwright et tout, cool de Playwright.
Mais on peut aller tout à l'heure, mais oui,
le test de Playwright est, à l'heure du moment,
le framework numéro 1 de test pour sûr.
Je suis un peu biais, mais pour sûr.
Je me souviens aussi.
Donc pour les listeners qui ont utilisé et entendu des choses comme,
évidemment, en fin de la journée, des choses comme,
c'est-il encore un truc de Selenium ou de Selenium ?
Il y a beaucoup de tests, il y a beaucoup de codes
qui sont encore réunis dans Selenium, ces tests,
mais je pense que les gens qui sont migrés,
les gens ne choisissent pas Selenium,
à mon avis, quand ils peuvent choisir Playwright,
mais il y a des tests que les gens ont toujours à maintenir
dans Selenium.
Mais pour sûr, le Playwright est plus facile.
Donc si vous avez pensé,
pourquoi j'utilise Playwright si j'ai déjà utilisé Selenium ?
Parce que le Playwright est plus facile à adopter,
plus facile à utiliser en tous les moyens.
Et puis, évidemment, tous les cool features
que nous allons parler de aujourd'hui,
on va vous en mettre plus en vidéo.
Et c'est juste plus,
oui, c'est juste mieux.
C'est juste mieux.
Sorry Selenium.
Vous avez utilisé Selenium beaucoup de temps,
et...
C'est trop difficile.
Je pense que c'est juste tout le monde qui a utilisé
les tests flakés, les tests flakés,
les tests flakés, les trucs que Playwright
n'a pas de soucis.
Parce que c'est la chose,
et c'est la même chose que je ne parle pas toujours,
parce que nous considérons que c'est juste
le travail en Playwright, c'est juste
les tests de travail en isolation.
Vous n'avez pas de...
Je me souviens d'un autre qui me dit
que vous avez de la clean-up de test,
parce que les tests précédents
peuvent faire quelque chose dans les autres tests,
parce que tout le Playwright
commence avec un contexte de broussage clean.
Donc vous avez un contexte de broussage,
c'est comme,
que ce soit le test,
ce soit le test.
Ce n'est jamais le test.
Vous n'avez pas de clean-up,
et c'est cool.
Et puis les autres choses que je ne parle pas
que je devais vraiment dire,
c'est que ça automatique
t'attend pour les choses.
Donc, vous n'avez...
Au moins, évidemment,
vous avez un site très lent,
où vous avez quelque chose
qui est en train de se faire
très lent et terrible,
vous avez de la mettre en temps,
parce que c'est vraiment mal,
votre site.
Mais généralement,
vous ne devriez jamais avoir de temps,
parce que ça va être
disponible sur la page,
et être cliquable,
et puis ça va cliquer le bouton,
ou tout le monde.
Et c'est comme,
le test en parallèle,
c'est juste au bouton.
Il y a beaucoup de features
qui sont juste au bouton,
et évidemment,
c'est en source ouvert et libre,
et je l'ai toujours oublié,
de le dire.
Et sur les plateformes,
c'est ça qui fonctionne
toutes les choses différentes,
et les brousses et les choses.
Et sur les plateformes,
c'est ça, il y a beaucoup de choses.
Je dois faire un liste
de toutes ces choses pour moi-même.
D'aimant, pour un client,
nous avons utilisé un playwright
pour les nouveaux
zones de code base,
les nouveaux websites et choses.
Mais pour les autres,
c'est un code base
et les autres web apps et choses.
Ils utilisent une plateforme
qui s'appelle Leapwork.
Et c'est un code très
nul,
très lent,
mais il y a des diagrams
qui ont des tests
et qui ont des tests
et des tests
qui ont été récemment testés
avec les autres des playwrights.
Et le playwright code,
Genstaph,
était absolument incroyable
pour ça,
parce que je pouvais juste
cliquer.
Je regardais les diagrams
de Leapwork,
et ensuite,
suivant le même path,
en fait, dans le browser
avec le record de la playwright.
Et ensuite, j'ai eu
l'outil de la table,
je l'ai dû faire un peu
un peu plus tard,
comme des choses comme, je sais,
il y a peut-être une option
d'en faire, mais les choses comme,
si j'ai cliqué sur la boîte,
et puis,
remplir la boîte,
le code playwright
aurait le clic
et puis le type in.
Et ils ont tous les sélecteurs,
donc le clic était rélevé,
donc,
et puis, j'ai dû délire
les clics.
Donc, il y a un peu
de phase de clean-up,
mais par-dessus de ça,
ça a juste fonctionné.
C'est ce que vous avez fait,
c'est ce que j'ai fait,
comme vous assumez
que tout le monde sait
que le code-gen est, c'est vrai.
C'est vrai, c'est vrai.
Je vais prendre un petit table,
je vais expliquer.
Donc, le code-gen est
un des features qu'on a,
et en fait,
quand j'ai commencé à l'entraîner,
c'était comme,
le code-gen était le meilleur de
faire des tests,
parce que c'est pour vous
que vous avez
utilisé le site
comme l'utilisateur,
et vous cliquiez sur les choses.
Donc,
c'est pour ça que je vous donne
un formule,
comme exemple,
parce que j'ai hâte de tester les formules.
Mais, basiquement,
vous allez cliquer sur ce formule
une fois et remplir-le une fois,
et vous allez voir que c'est un
et que vous avez un point de vue
et que vous avez un point de vue
et que vous avez un point de vue.
Et vous avez un point de vue
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
Et vous avez un point de vue.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
C'est grand.
Oh yeah, yeah, yeah, yeah.
C'est scari, though.
C'est scari, c'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
Davis, c'est différent.
C'est différent, c'est différent.
C'est différent, c'est différent.
Mais il y a des vérités conditions,
parce que les résultats sexu drainages
flavour certainly differentrench
dont- 번째 question,
et c'est tellement facile.
Mon tip de la vie est que si tu n'as pas vraiment trouvé le temps de jouer
et que tu joues avec les services de la CPC,
que tu joues avec l'AI,
que tu joues à différents agents et choses,
alors tu fais ça pour le service
et juste trouver un heure
et juste jouer avec ça, c'est tellement facile.
Je pense que le problème est,
et c'est vraiment difficile de dire aux gens,
aller voir un heure et juste jouer avec ça.
Ils ne savent pas,
parfois ils ne savent pas où commencer,
parce qu'il y a tellement de gens,
et il y a beaucoup de cool gens à suivre,
beaucoup de cool vidéos à regarder,
donc tu peux aller dire, où tu commences?
Et, basicement, juste,
commences,
commences,
donc si tu es en train de utiliser le copain,
comme exemple, si tu es en train de utiliser le copain,
et de la code,
juste vas-y et utilise les petites questions,
avant de me demander les questions,
pense en avoir quelqu'un à l'aise,
et toutes ces questions stupides
que tu es affrayée de demander à quelqu'un,
commence à utiliser les agents,
le copain,
comme ton personne,
comme ton ropheur.
Et tu n'as pas de confiance,
tu n'as pas de confiance,
ne t'inquiètes pas,
donc commence à me demander,
et, basicement,
tu sais,
demande la question,
et dis,
qu'est-ce que tu penses de la bonne idée
de faire ça sur le site website,
et bla bla bla,
comment tu implementes ça?
Et puis, tu parles,
et tu vas, oh mon Dieu,
c'est vraiment une idée clé,
je ne pensais pas que tu pourrais faire ça.
Et puis, continuez à l'interpréter et demander,
et puis,
allez-y,
tourne le mode de la rédaction,
et voir la suggestion de la rédaction,
et vous pouvez voir ce qui se passe,
tu as encore le contrôle,
et quand tu es prêt,
utilisez le mode d'agent,
et maintenant, le mode d'agent
C'est super,
et puis,
ici est mon truc,
installez le service de la rédaction,
et basically,
vérifiez votre travail,
et regardez l'opinion de l'abri,
et regardez le vérifier,
que ça a fait des changements,
et que ça fait un cool truc.
Ça doit prendre plus de 3 minutes,
pour obtenir le service de rédaction,
en bas et en bas.
Donc, c'est très facile à faire,
et tu dois tout le temps faire ça,
en code VS,
c'est super simple,
j'ai eu beaucoup de vidéos,
donc regardez ça.
Donc oui,
c'est là où je commencerai.
Oui, c'est certain.
Mais je n'aurais pas trop de temps,
avant de bouger au agent,
parce que le truc pour moi,
c'est que,
par exemple,
le co-pilot,
c'est de l'enclosage,
si tu fais juste un mode d'éducation,
ça ne peut pas compiler,
mais en mode d'agent,
l'agent va éditer le code,
essayer de rouler le code,
ou de la bale,
ou d'un MPM,
ou d'un autre,
et regardez l'outil de compiler,
si c'est faible,
l'agent va voir ça
et essayer de fixer ça,
donc ça va éterrir en soi-même,
plutôt que...
Ça va vous sauver beaucoup de temps.
Oui,
plutôt que de revenir sur le foret,
copier et pasteer des messages,
ou essayer de
changer le compiler,
l'agent peut juste spinning,
faire ça pour vous,
et vous allez faire un café,
ou faire quelque chose d'autre.
Oui,
et il y a aussi un mode d'éducation,
donc vous pouvez juste aller
et faire ça,
dans le mode d'éducation,
et puis vraiment dire,
wow, oui,
et puis vous pouvez aller au boss,
et dire,
en fait,
je pense que nous devons faire ça,
et puis votre boss va dire,
wow, c'est très clé,
allez-y et fais ça,
et puis vous allez faire
votre café,
et puis vous allez dire,
je dois payer le médecin.
Oh,
je pense que le problème est,
parce que tout le monde
va utiliser ça,
et c'est comme,
le normal va juste être plus
productif,
donc c'est comme,
alors que le moment
on va utiliser ça,
oh, on est super productif,
et tout,
mais
le base-line de
ce que l'une normal
productivité va juste
faire en bas,
c'est toujours going to be the same,
c'est juste relative,
n'est-ce pas,
vraiment?
Il y a des différents outils.
Exactement.
Cool.
Donc avant de nous rappeler,
où est le meilleur endroit?
Je sais que vous avez mentionné
la communauté et le stuff
de LinkedIn et Discord,
mais où est le meilleur endroit
pour les listeners
pour vous atteindre
si vous avez des questions?
LinkedIn,
probablement,
est un endroit vraiment bon
pour des questions,
je pense,
mais vous pouvez trouver
tous les détails
dans le code debut.
Vous pouvez,
comme,
voir les posts blogs
que j'ai,
et les vidéos que j'ai,
et tout.
Et si vous avez des questions,
vous pouvez y arriver
après ça,
mais vériez tout le contenu
que j'ai pour le moment,
parce que sinon,
vous allez poser les questions,
et je vais vous dire
la part de la blog.
Oui,
je l'ai codé,
comme,
beaucoup d'années,
mais je l'ai juste codé
sur le dessus,
c'est très différent.
Je vois votre animation
de Matrix,
que vous avez mentionné,
avant.
C'est super,
je l'ai codé,
c'est le code de vibe,
c'est Gemini.
C'est génial.
Merci beaucoup pour vous joindre,
c'est un grand geekout,
et merci pour tout
que vous avez fait
sur le joueur,
aussi.
Merci.
C'est une grande communauté,
donc si vous n'avez pas
été utilisée en joueur,
vous devez totalement
couper et commencer à utiliser
votre appareil.
Je vais bien plus le plus.
Merci à tous d'avoir regardé,
et je vais remercier
que ce podcast
est sponsorisé par Everstack,
qui est mon propre
company,
qui a été
offert par l'appareil
et des services de consultation,
pour plus d'informations.
Visite Everstack.com.
Et si vous aimez le podcast,
s'il vous plait,
me l'a aidé à mettre
les mots sur les socials,
je n'ai pas normalement
utilisé le hashtag
UnhandleException,
et tous mes socials
peuvent être trouvé
sur DanClark.com,
ce qui est aussi
un website de vibe
codé.
Et le meilleur endroit
pour me réveiller
est,
toutes ces liens
sur mon site,
ou Discord,
et tous les liens
pour les choses
que nous avons évoquées
aujourd'hui,
je vais mettre
dans les notes de la show,
qui peuvent être trouvées
sur
UnhandleException podcast.com.
Episode suivant:
Les infos glanées
TheUnhandledExceptionPodcast
Tags