What is Playwright? (🎭 Playwright introduction tutorial, features & demo)
HTML-код
- Опубликовано: 19 июн 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
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 ❤
This was well structured and done demo. Great job!
Great Demo. Gave a great introduction and insight into Playwright and what to expect.
Thanks a lot for such clear, full and at the same time short presentation!
Great tutorial! short, sweet and straight to the point. Liked and subscribed! Thanks.
What an explanation !! Crisp and clear ..Thank you for sharing this
Nice backdrop, refreshing after all those neon-setting tutorial videos! And very well presented, too, thank you!
Such a great video. Very clear and concise! Thanks for putting this together!
@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!
Very clear and well explained. A fantastic tutorial!
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.
Nice easy and clear demo. Thank you.
Thanks for this video. This brief intro to Playwright made a big difference for me. 😃
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.
This was incredibly helpful! Thank you!
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. ^^
That is one powerful software. And excellent explanation.
Really Awesome and precise sir.Thanks a lot.
Your videos are great, I'm still waiting for more.
Thank you so much for the video! It is very informational!
thank you so much for the concise and useful video, I will use it for sure...
Amazing feature! Thanks for sharing
How to sound treat you room to make on point video tutorials? Well, go outside. Well done. Subscribed 👏
Awesome! Thank you! 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?
Thanks, it showed me in short time more than a web tutorials during a hours...
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!
Thanks for the great intro video. Playwright should consider making this their getting started vid.
Great intro. Thanks.
Nice video, thank you!
The birds in the background are so peaceful ; love it
very nice, it gives me some ideas
Nice and helpful video! Thank you very much!
Really helpful. 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.
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
Great video.
Very clear instructions thanks.
Thanks for the feedback Dios
🙂!
Thanks a lot for the video!
The birdsong is amazing
😂❤
Lets become a biolog 😂
Great content! Keep it up!
great presentation!
awesome !
Great video, thank you.
Thank you!!!
Cool topic professional presentation, keep it up and more vids/topic pls!!!
cool and comprehensive
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
Awesome! Subscribed!
Thanks Mihai!
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 😄!
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?
Amazing tool
Thanks a mil!
You're very welcome Prasanna!
If your time permits, let me know what did you find most useful 💡 in the clip? Thanks!
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?
amazing content ::)
Thank you Sushmitha! A new vid will come soon :)
That was a quick one
It looks really nice actually, I came from using Python + Selenium but I think I'll this playwright a shot. :D
nice, thanks
Your English is so easy to listen to
In one word "WOW"
Ok, mind is blown!
Great explanation. When will be the next Playwright video?? 🙂
i love the birds chirping in the background
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 💡
Great video. Any way to headless test a Chrome extension? Maybe do a video about testing extensions?
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!!!
genial!
Thanks Raluca 🤩!
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?
How to maximize browser window using playwright java?And do we have Cucumber/BDD framework can be compatible with Playwright java?
Definitely.
Hello, node .\test-name.js and npx playwright test test-name.spec.ts doesn't run the test. What's the correct command?
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?
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?
Please post a video on Framework , Thanks
What about testing REST APIs?
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
4:18 yes, but how to install NPM?
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.
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
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
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!
I like to work on intelija or pycharm
I hop we can use this for a heavy duty website
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
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!!
Why did you stop making vids?
Agreed, we need more of this!
Hai cu algoritmul!!!
Hai hai! 😉
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