What is Playwright? (🎭 Playwright introduction tutorial, features & demo)

Подписаться 3,2 тыс.

Просмотров 86 тыс.

50% 1

In this episode, we take a look at a relatively new automation tool called 🎭Playwright: what it is, how to install it, how to generate scripts without writing code, how to interact with elements on the screen, and finally, how to take screenshots and videos of your run. During the demo, we'll have a go at the Playwright Inspector as well. Oh, and it's a beginner tutorial, so you don't need any coding experience to follow through.
Head over to testopic.com/playwright to join Playwright NTTN.
Chapters:
00:00 Intro
00:40 About Playwright
02:09 Installation
04:36 Code Generator / Inspector
07:20 Code structure
08:28 Running scripts
08:53 Take Screenshot
09:39 Record Video
11:45 Outro

Опубликовано:

1 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 130

@danielgilleland8611 3 года назад

First time stumbling upon your channel. VERY professionally presented! - Clean/clear speech - short, focused presentation (cuts to the point) - packed with information - easy-to-follow tutorial Subscribers +1

@Testopic 3 года назад

Welcome aboard Daniel! And thank you for the feedback, it really helps 😊.

@umer.on.youtube Год назад

@@Testopic how can I make the Inspector NOT to open an InCognito/Private window? (rather use a regular window). This is such an important requirement because most websites use CloudFlare and do not let a user sign in in a Private window.

@mindaugasazubalis 11 месяцев назад

Totally agreed. Amazing. Thanks ❤

@izrailmoiseevic2844 2 года назад

Thanks a lot for such clear, full and at the same time short presentation!

@bababaivanov Год назад

This was well structured and done demo. Great job!

@iuliaf7809 2 года назад

Great tutorial, man. I was going to ask you how does Playwright compare to Selenium, but the next recommended video will answer this exact question. Looking forward to your new videos.

@Mvrck44 3 месяца назад

Nice backdrop, refreshing after all those neon-setting tutorial videos! And very well presented, too, thank you!

@carloscode5-jm7qh 3 месяца назад

@Testopic came across your video wanting to learn a LEGIT understanding on Playwright and I'm glad I clicked the thumbnail. Your format and layout of the video and topics was clear, clean and to the point without boring me. Definitely subscribing, thank you for taking the time to create this and an inspiration for me when I start making tutorials! Thank you!

@cyrelm Год назад

Great tutorial! short, sweet and straight to the point. Liked and subscribed! Thanks.

@jakef7445 Год назад

Great Demo. Gave a great introduction and insight into Playwright and what to expect.

@rsucgang Год назад

Such a great video. Very clear and concise! Thanks for putting this together!

@ramanpasricha8897 Год назад

What an explanation !! Crisp and clear ..Thank you for sharing this

@ourfamilyssimplejoys3916 28 дней назад

Thanks for this video. This brief intro to Playwright made a big difference for me. 😃

@MichelPWeber 2 года назад

Nice easy and clear demo. Thank you.

@rokesby Год назад

Very clear and well explained. A fantastic tutorial!

@stevefox7469 2 года назад

Thankyou. Excellent demo. Definitely a tool I need to learn .

@tomascarignano5002 2 года назад

What a cool video man! Excellent explanation

@lukejay 23 дня назад

I've been looking for a way to switch the POE on/off on various unifi switch ports for ages. I had hoped to write simple scripts to SSH into the switch and toggle the power, but unifi doesn't have that functionality and it's possible only via the web browser. This is the PERFECT solution to do what I need. Very excited to try it out!

@lukaszjasinskipc 2 года назад

Your videos are great, I'm still waiting for more.

@dinoscheidt 2 года назад

How to sound treat you room to make on point video tutorials? Well, go outside. Well done. Subscribed 👏

@jakemccambley8684 Год назад

This was incredibly helpful! Thank you!

@gayathrir51 2 года назад

Really Awesome and precise sir.Thanks a lot.

@jlei6802 2 года назад

This is a very nice and sweet video and provide a very good overview of Playwright. Any plan on making it a series to go more in depth in various topics such as multibrowsers, file upload, and Api just to name a few?

@Merlin_YouTube Год назад

The birds in the background are so peaceful ; love it

@0DaviL 2 года назад

Very easy to understand. Thank you very much.

@aleskral6170 2 года назад

Thanks, it showed me in short time more than a web tutorials during a hours...

@denislensky9132 4 месяца назад

Amazing feature! Thanks for sharing

@matthiasmuller6301 2 года назад

I totally agree with Daniel Gilleland. There are not many such clear tuts (means regarding Playwright I found NONE). I'd wish more for this topic. ^^

@hasanozdemir1067 Год назад

Thank you so much for the video! It is very informational!

@TechiesUnofficial Год назад

That is one powerful software. And excellent explanation.

@lamias7712 2 года назад

thank you so much for the concise and useful video, I will use it for sure...

@nikhilkaushik805 День назад

So clear explanation. Subbed

@adomovic323 2 года назад

Great intro. Thanks.

@user-hr1vy9wv5f Год назад

I usually don't reply to videos but I should change my habits. Thanks for this helpful introduction and for letting me realise to be grateful.

@johnfonseka6728 Год назад

Thanks for the great intro video. Playwright should consider making this their getting started vid.

@manishchavan1760 2 года назад

Awesome! Thank you! Subscribed!

@cloudgreenhorn452 2 года назад

Great content! Keep it up!

@MariusGreenMeadow Год назад

Nice and helpful video! Thank you very much!

@tudorb.2849 2 года назад

Short and sweet!Thank you!

@Testopic 2 года назад

Glad you liked it! Cheers!

@tudorb.2849 2 года назад

@@Testopic I would like to see more videos from you about Playwright and may be an Udemy course(why not?). Thanks

@drillcat659 2 года назад

Really helpful. Thank you.

@JadeclonOfficial 2 года назад

Nice video, thank you!

@papamegamind Год назад

great presentation!

@lovaa5645 2 года назад

very nice, it gives me some ideas

@sherxdavid Год назад

Cool topic professional presentation, keep it up and more vids/topic pls!!!

@42-jj 2 года назад

Great video.

@shrikrishnadyawarakonda7602 2 года назад

Hi , I am so amazed by your video and your style of delivering exact information with nice content. Why dont you make more videos on your channel

@marius35mm Год назад

Thanks a lot for the video!

@user-dh8vz2us8f 7 месяцев назад

Your English is so easy to listen to

@heenapatel1728 2 года назад

awesome !

@dios8256 2 года назад

Very clear instructions thanks.

@Testopic 2 года назад

Thanks for the feedback Dios 🙂!

@takeshikriang 10 месяцев назад

Great video, thank you.

@n.zubenko2251 2 года назад

The birdsong is amazing

@umer.on.youtube Год назад

😂❤

@user-zt2uy7xr2e 7 месяцев назад

Lets become a biolog 😂

@nimra3726 Год назад

cool and comprehensive

@DlBuli 3 года назад

This seems very promising as a tool - curious what else it can do. Waiting for sequeeels ! :)

@Testopic 3 года назад

I'll definitely be posting more about Playwright in the coming weeks. So ... stay tuned 😄!

@mikemihay 3 года назад

Awesome! Subscribed!

@Testopic 3 года назад

Thanks Mihai!

@tatevikmelikyan110 Год назад

Great Demo, thanks for such a clear and nice presentation. I have one question, is it possible to integrate Zephyr test cases to Playwright?

@aristakesyenokyan8796 2 года назад

Thank you!!!

@michalshpak6818 2 года назад

thank you for the video! can you maybe explain how is possible to mix between the recorder and shared functions? for example, is it possible to lunch the recorder after before each of a login function? or for example, we want the click on a button will be a page function we use in many tests?

@Vikramdashboard Год назад

That was a quick one

@vitatkachenko7204 Год назад

Amazing tool

@allaboutauto1395 3 года назад

In one word "WOW"

@4evrPrime Год назад

THANK YOU!!!!!!

@tomasdablju2199 Год назад

Great explanation. When will be the next Playwright video?? 🙂

@sushmithasomanna3211 3 года назад

amazing content ::)

@Testopic 3 года назад

Thank you Sushmitha! A new vid will come soon :)

@lotterombaut976 Год назад

i love the birds chirping in the background

@jennifereileenmartinez2104 2 года назад

It looks really nice actually, I came from using Python + Selenium but I think I'll this playwright a shot. :D

@marshallgraphic Год назад

Ok, mind is blown!

@sandratoolan9598 4 месяца назад

nice, thanks

@WhistleFantasy 2 года назад

Great video. Any way to headless test a Chrome extension? Maybe do a video about testing extensions?

@prasannasolanke2021 2 года назад

Thanks a mil!

@Testopic 2 года назад

You're very welcome Prasanna! If your time permits, let me know what did you find most useful 💡 in the clip? Thanks!

@pseudokk Год назад

+++++ perfect!!!

@mazid3361 Год назад

dude u r awesome, i was having issues installing it, the command in the playwright documentation wasn't working for me

@dankierson Год назад

Sure do plan to use it ASAP. But does Playwright offer the mobile versions of Safari? These ones have to be tested on too since they may not have new CSS features. Great idea 💡

@privateeye242 2 года назад

In a browser when I hoover over a menu item called "Schedules" a pull down menu appears. I then click on one of the menu items ("Weekly Schedule") and another page appears. When using the inspector I notice that although "clicking the menu item" is mentioned. The step before: hoovering over the menu to have the menu items appear does not occure. Hence I get a time out error and the text: waiting for selector "#menuItemHilite14" selector resolved to hidden Weekly Schedule attempting click action waiting for element to be visible, enabled and stable element is not visisble - waiting... How can I make the hidden menu appear and the click action can take place?

@okey1317 Год назад

Is it possible to migrate existing Selenium test cases to playwright? Or do we need to rewrite them again?

@ralukiss17 2 года назад

genial!

@Testopic 2 года назад

Thanks Raluca 🤩!

@Dlo2018 Год назад

im learning playwright and im having trouble getting my tests to run via terminal. they cant be found according to the message i get.

@karthik209710 2 года назад

Please post a video on Framework , Thanks

@mei9200 Год назад

I am new to testing, just started to learn. A quick question, is it possible to install playwright in webstorm?

@akash-kumar737 Год назад

Definitely.

@depositionsandstuff7465 2 года назад

One note @8:36: Before you can run the script by typing in node .\[filename] you need to save your script first in VS Code. If you do not save first, you will just be returned to the next line in the terminal and the script will not run.

@ard1419 Год назад

Hello, node .\test-name.js and npx playwright test test-name.spec.ts doesn't run the test. What's the correct command? Doesn't matter if the file is saved or not

@anjuramos3074 Год назад

@ard1419 I'm having the same issue, did you find the solution?

@trilogen 2 года назад

Which language should I go with as a beginner in coding and Playwright?

@satyaguddu508 2 года назад

How to maximize browser window using playwright java?And do we have Cucumber/BDD framework can be compatible with Playwright java?

@ard1419 Год назад

Hello, node .\test-name.js and npx playwright test test-name.spec.ts doesn't run the test. What's the correct command?

@danieljakobsson1181 Год назад

What happens if something is wrong like a bug appears and you run headless! How do you know if there is a bug? Is there some kind of errror apeparing in the result?

@mikemihay 3 года назад

Quick suggestion for some next videos : BDD beginner and then BDD advanced

@Testopic 3 года назад

Thanks for the suggestion. It's on top of my TODO list :)

@nigoramamajonova616 2 года назад

Can we use the playwright with eclipse or IntelliJ idea?

@nurzatertugan1985 2 года назад

like from kazakhstan

@nimra3726 Год назад

my playwright installation is stuck here. PS E:\Playwright> npm i -D playwright [##################] - reify:playwright: timing reify:loadBundles Completed in 0ms tried the command many times, but it always gets stuck here.

@khaledreza1 2 года назад

I am new to this. Can I capture the screen and produce java code using Playwright? If so, how do I do that?

@Testopic 2 года назад

Hello Khaled, Yep, for producing Java code, check out the video at timestamp 371 (or use this link: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wGr5rz8WGCE.html). Notice Java is in the list there. For taking a screenshot, using Java code, you can use this: page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("screenshot.png"))); And, if you want quicker answers to your questions (... sorry it took 3 days to get to this one) check out Playwright's Slack channel: aka.ms/playwright-slack

@kpg7882 Год назад

What about testing REST APIs?

@syedarmaghanhassan4652 9 месяцев назад

4:18 yes, but how to install NPM?

@dragon3602010 3 года назад

aawsesome thanks, can you do a video about playwright stealth plugin?

@Testopic 3 года назад

Thanks for bringing this to my attention. I see that there is only a Python version at the moment, but I will definitely check it out. If you don't mind me asking, why do you need to prevent headless detection? Is your application under some sort of bot protection?

@dragon3602010 3 года назад

@@Testopic hey thank uuu, it's not only for the headless mode but also with the gui, I am using it to automate the upload on RU-vid but I cannot log in with chrome, it's kinda detected. I know there is the api but some stuff are no on it ^^'

@Testopic 3 года назад

@@dragon3602010 Indeed, google authentication is protected on chrome when you start it with Playwright. Firefox works however. So, if you don't mind hacky ways, you could try logging in with firefox, saving the logged in state with context.storageState() and then opening up chrome and loading that state in the chromium context. I have no idea if state format is browser specific, so it might be a bad solution from the start. Good Luck!

@sarifkhan2346 2 года назад

Great .... But I want to know how to download the html source code

@goodluckoriuwa1669 Год назад

I hop we can use this for a heavy duty website

@middebalu 5 месяцев назад

I like to work on intelija or pycharm

@jumperengineering7581 2 года назад

Your video tutorial is great. With all due respect however I'm afraid a code editor is NOT an IDE. But an IDE can be a code editor

@iTzWunderkind 2 года назад

Error solved: Change require const { chromium } = require('@playwright/test');

@pavadaniel 3 года назад

Hai cu algoritmul!!!

@Testopic 3 года назад

Hai hai! 😉

@okey1317 Год назад

is this runnning selenium under the hood?

@okey1317 Год назад

No dear It isn't. Why couldn't you google before posting questions

@natalieniehaus2626 2 года назад

I know this is off topic, but your voice sounds like LEMMiNO who made the YT Cicada vid. I keep toggling back to that as soon as you started talking. It's messing with my brain!!