What is Playwright? (🎭 Playwright introduction tutorial, features & demo)
HTML-код
- Опубликовано: 22 май 2024
- 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
The birds in the background are so peaceful ; love it
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
Welcome aboard Daniel! And thank you for the feedback, it really helps 😊.
@@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.
Totally agreed. Amazing. Thanks ❤
The birdsong is amazing
😂❤
Lets become a biolog 😂
Thanks a lot for such clear, full and at the same time short presentation!
This was well structured and done demo. Great job!
@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!
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.
Great tutorial! short, sweet and straight to the point. Liked and subscribed! Thanks.
Nice backdrop, refreshing after all those neon-setting tutorial videos! And very well presented, too, thank you!
Great Demo. Gave a great introduction and insight into Playwright and what to expect.
What an explanation !! Crisp and clear ..Thank you for sharing this
Such a great video. Very clear and concise! Thanks for putting this together!
Nice easy and clear demo. Thank you.
Very clear and well explained. A fantastic tutorial!
Thankyou. Excellent demo. Definitely a tool I need to learn .
What a cool video man! Excellent explanation
Very easy to understand. Thank you very much.
Your videos are great, I'm still waiting for more.
How to sound treat you room to make on point video tutorials? Well, go outside. Well done. Subscribed 👏
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?
Really Awesome and precise sir.Thanks a lot.
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. ^^
Thanks, it showed me in short time more than a web tutorials during a hours...
thank you so much for the concise and useful video, I will use it for sure...
Amazing feature! Thanks for sharing
This was incredibly helpful! Thank you!
Thank you so much for the video! It is very informational!
That is one powerful software. And excellent explanation.
Awesome! Thank you! Subscribed!
Great intro. Thanks.
Thanks for the great intro video. Playwright should consider making this their getting started vid.
Short and sweet!Thank you!
Glad you liked it! Cheers!
@@Testopic I would like to see more videos from you about Playwright and may be an Udemy course(why not?). Thanks
Nice video, thank you!
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.
Really helpful. Thank you.
very nice, it gives me some ideas
Nice and helpful video! Thank you very much!
Very clear instructions thanks.
Thanks for the feedback Dios
🙂!
great presentation!
Great video, thank you.
Thanks a lot for the video!
Great content! Keep it up!
Cool topic professional presentation, keep it up and more vids/topic pls!!!
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
Great video.
Thank you!!!
Great Demo, thanks for such a clear and nice presentation. I have one question, is it possible to integrate Zephyr test cases to Playwright?
cool and comprehensive
awesome !
Your English is so easy to listen to
Awesome! Subscribed!
Thanks Mihai!
THANK YOU!!!!!!
This seems very promising as a tool - curious what else it can do. Waiting for sequeeels ! :)
I'll definitely be posting more about Playwright in the coming weeks. So ... stay tuned 😄!
That was a quick one
Amazing tool
Thanks a mil!
In one word "WOW"
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?
Great explanation. When will be the next Playwright video?? 🙂
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 💡
nice, thanks
i love the birds chirping in the background
amazing content ::)
Thank you Sushmitha! A new vid will come soon :)
It looks really nice actually, I came from using Python + Selenium but I think I'll this playwright a shot. :D
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.
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
@ard1419 I'm having the same issue, did you find the solution?
Great video. Any way to headless test a Chrome extension? Maybe do a video about testing extensions?
Ok, mind is blown!
genial!
Thanks Raluca 🤩!
Definitely.
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?
+++++ perfect!!!
dude u r awesome, i was having issues installing it, the command in the playwright documentation wasn't working for me
Is it possible to migrate existing Selenium test cases to playwright? Or do we need to rewrite them again?
I am new to testing, just started to learn. A quick question, is it possible to install playwright in webstorm?
im learning playwright and im having trouble getting my tests to run via terminal. they cant be found according to the message i get.
Can we use the playwright with eclipse or IntelliJ idea?
Which language should I go with as a beginner in coding and Playwright?
Hello, node .\test-name.js and npx playwright test test-name.spec.ts doesn't run the test. What's the correct command?
Please post a video on Framework , Thanks
How to maximize browser window using playwright java?And do we have Cucumber/BDD framework can be compatible with Playwright java?
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?
I am new to this. Can I capture the screen and produce java code using Playwright? If so, how do I do that?
Hello Khaled,
Yep, for producing Java code, check out the video at timestamp 371 (or use this link: ruclips.net/video/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
What about testing REST APIs?
Quick suggestion for some next videos : BDD beginner and then BDD advanced
Thanks for the suggestion. It's on top of my TODO list :)
like from kazakhstan
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.
4:18 yes, but how to install NPM?
aawsesome thanks, can you do a video about playwright stealth plugin?
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?
@@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 RUclips but I cannot log in with chrome, it's kinda detected.
I know there is the api but some stuff are no on it ^^'
@@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!
Great .... But I want to know how to download the html source code
is this runnning selenium under the hood?
No dear It isn't. Why couldn't you google before posting questions
I hop we can use this for a heavy duty website
Hai cu algoritmul!!!
Hai hai! 😉
I like to work on intelija or pycharm
Why did you stop making vids?
Agreed, we need more of this!
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!!
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
Error solved: Change require
const { chromium } = require('@playwright/test');
Hello Viktor,
I sent you a message on Linkedin.
Thank you for such a great explanation of what a Playwright is.
Please check your Linkedin.
Thanks,
Data
Is this discovery channel, bird noise in the back dude....
Your site is down dear. And your channel has just the overviews :( Too bad!