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

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 134

  • @dinoscheidt
    @dinoscheidt 2 ปีที่แล้ว +1

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

  • @danielgilleland8611
    @danielgilleland8611 3 ปีที่แล้ว +101

    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
      @Testopic  3 ปีที่แล้ว +3

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

    • @umer.on.youtube
      @umer.on.youtube ปีที่แล้ว +1

      @@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
      @mindaugasazubalis ปีที่แล้ว

      Totally agreed. Amazing. Thanks ❤

  • @iuliaf7809
    @iuliaf7809 2 ปีที่แล้ว +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.

  • @tudorb.2849
    @tudorb.2849 3 ปีที่แล้ว +2

    Short and sweet!Thank you!

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

      Glad you liked it! Cheers!

    • @tudorb.2849
      @tudorb.2849 3 ปีที่แล้ว +1

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

  • @lotterombaut976
    @lotterombaut976 ปีที่แล้ว +1

    i love the birds chirping in the background

  • @lukaszjasinskipc
    @lukaszjasinskipc 2 ปีที่แล้ว +1

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

  • @dios8256
    @dios8256 3 ปีที่แล้ว +2

    Very clear instructions thanks.

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

      Thanks for the feedback Dios
      🙂!

  • @rokesby
    @rokesby ปีที่แล้ว

    Very clear and well explained. A fantastic tutorial!

  • @depositionsandstuff7465
    @depositionsandstuff7465 2 ปีที่แล้ว +3

    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
      @ard1419 ปีที่แล้ว +1

      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
      @anjuramos3074 ปีที่แล้ว

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

  • @denislensky9132
    @denislensky9132 7 หลายเดือนก่อน

    Amazing feature! Thanks for sharing

  • @lovaa5645
    @lovaa5645 2 ปีที่แล้ว +1

    very nice, it gives me some ideas

  • @MariusGreenMeadow
    @MariusGreenMeadow ปีที่แล้ว

    Nice and helpful video! Thank you very much!

  • @marius35mm
    @marius35mm ปีที่แล้ว

    Thanks a lot for the video!

  • @dankierson
    @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 💡

  • @ard1419
    @ard1419 ปีที่แล้ว

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

  • @WhistleFantasy
    @WhistleFantasy 2 ปีที่แล้ว

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

  • @karthik209710
    @karthik209710 2 ปีที่แล้ว

    Please post a video on Framework , Thanks

  • @satyaguddu508
    @satyaguddu508 2 ปีที่แล้ว

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

  • @okey1317
    @okey1317 2 ปีที่แล้ว

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

  • @middebalu
    @middebalu 8 หลายเดือนก่อน

    I like to work on intelija or pycharm

  • @muhammadathar3304
    @muhammadathar3304 2 ปีที่แล้ว +1

    Why did you stop making vids?

    • @Na1bi
      @Na1bi 4 หลายเดือนก่อน

      Agreed, we need more of this!

  • @nigoramamajonova616
    @nigoramamajonova616 2 ปีที่แล้ว

    Can we use the playwright with eclipse or IntelliJ idea?

  • @this.gabbar
    @this.gabbar ปีที่แล้ว

    Your site is down dear. And your channel has just the overviews :( Too bad!

  • @iTzWunderkind
    @iTzWunderkind 2 ปีที่แล้ว +1

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

  • @michaelsmith3453
    @michaelsmith3453 2 ปีที่แล้ว +3

    I am getting "Error: Cannot find module '@playwright/test'" error even though I have a @playwright/test

  • @LeightonChen-x5y
    @LeightonChen-x5y ปีที่แล้ว +2

    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.

  • @n.zubenko2251
    @n.zubenko2251 2 ปีที่แล้ว +18

    The birdsong is amazing

  • @nimra3726
    @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.

  • @DlBuli
    @DlBuli 3 ปีที่แล้ว +7

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

    • @Testopic
      @Testopic  3 ปีที่แล้ว +3

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

  • @natalieniehaus2626
    @natalieniehaus2626 2 ปีที่แล้ว +1

    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!!

  • @Mvrck44
    @Mvrck44 6 หลายเดือนก่อน +2

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

  • @izrailmoiseevic2844
    @izrailmoiseevic2844 2 ปีที่แล้ว +5

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

  • @danieljakobsson1181
    @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?

  • @manishchavan1760
    @manishchavan1760 2 ปีที่แล้ว +1

    Awesome! Thank you! Subscribed!

  • @Dlo2018
    @Dlo2018 ปีที่แล้ว +1

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

  • @privateeye242
    @privateeye242 2 ปีที่แล้ว +1

    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?

  • @jlei6802
    @jlei6802 2 ปีที่แล้ว +3

    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?

  • @JadeclonOfficial
    @JadeclonOfficial 2 ปีที่แล้ว +1

    Nice video, thank you!

  • @heenapatel1728
    @heenapatel1728 2 ปีที่แล้ว +1

    awesome !

  • @ourfamilyssimplejoys3916
    @ourfamilyssimplejoys3916 3 หลายเดือนก่อน +1

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

  • @Bayanda7
    @Bayanda7 หลายเดือนก่อน

    Great video, makes me wanna get started on it immediately

  • @mikemihay
    @mikemihay 3 ปีที่แล้ว +2

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

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

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

  • @kpg7882
    @kpg7882 2 ปีที่แล้ว

    What about testing REST APIs?

  • @aristakesyenokyan8796
    @aristakesyenokyan8796 2 ปีที่แล้ว +1

    Thank you!!!

  • @khaledreza1
    @khaledreza1 3 ปีที่แล้ว +1

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

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

      Hello Khaled,
      Yep, for producing Java code, check out the video at timestamp 371 (or use this link: th-cam.com/video/wGr5rz8WGCE/w-d-xo.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

  • @nikhilkaushik805
    @nikhilkaushik805 3 หลายเดือนก่อน

    So clear explanation. Subbed

  • @Merlin_YouTube
    @Merlin_YouTube 2 ปีที่แล้ว +7

    The birds in the background are so peaceful ; love it

  • @jennifereileenmartinez2104
    @jennifereileenmartinez2104 2 ปีที่แล้ว +1

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

  • @goodluckoriuwa1669
    @goodluckoriuwa1669 ปีที่แล้ว

    I hop we can use this for a heavy duty website

  • @42-jj
    @42-jj 2 ปีที่แล้ว +1

    Great video.

  • @TechiesUnofficial
    @TechiesUnofficial 2 ปีที่แล้ว +1

    That is one powerful software. And excellent explanation.

  • @hasanozdemir1067
    @hasanozdemir1067 2 ปีที่แล้ว +1

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

  • @lamias7712
    @lamias7712 2 ปีที่แล้ว +1

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

  • @cyrelm
    @cyrelm ปีที่แล้ว +1

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

  • @databorbieva3399
    @databorbieva3399 2 ปีที่แล้ว

    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

  • @marshallgraphic
    @marshallgraphic 2 ปีที่แล้ว

    Ok, mind is blown!

  • @nimra3726
    @nimra3726 ปีที่แล้ว

    cool and comprehensive

  • @lwiimbokasweshi
    @lwiimbokasweshi 2 หลายเดือนก่อน

    thank you

  • @lukejay
    @lukejay 3 หลายเดือนก่อน

    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!

  • @gayathrir51
    @gayathrir51 2 ปีที่แล้ว +1

    Really Awesome and precise sir.Thanks a lot.

  • @nurzatertugan1985
    @nurzatertugan1985 2 ปีที่แล้ว

    like from kazakhstan

  • @prasannasolanke2021
    @prasannasolanke2021 3 ปีที่แล้ว +2

    Thanks a mil!

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

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

  • @Vikramdashboard
    @Vikramdashboard ปีที่แล้ว

    That was a quick one

  • @Analyse_US
    @Analyse_US 2 ปีที่แล้ว +1

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

  • @mikemihay
    @mikemihay 3 ปีที่แล้ว +2

    Awesome! Subscribed!

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

      Thanks Mihai!

  • @dragon3602010
    @dragon3602010 3 ปีที่แล้ว +2

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

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

      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
      @dragon3602010 3 ปีที่แล้ว +1

      @@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 TH-cam 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
      @Testopic  3 ปีที่แล้ว +1

      @@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!

  • @enokmalik
    @enokmalik 2 หลายเดือนก่อน

    good stuff!

  • @mei9200
    @mei9200 ปีที่แล้ว

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

  • @0DaviL
    @0DaviL 3 ปีที่แล้ว +1

    Very easy to understand. Thank you very much.

  • @mazid3361
    @mazid3361 ปีที่แล้ว

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

  • @sandratoolan9598
    @sandratoolan9598 7 หลายเดือนก่อน

    nice, thanks

  • @Jo_spice_blackwood
    @Jo_spice_blackwood 2 หลายเดือนก่อน

    Thanks

  • @vitatkachenko7204
    @vitatkachenko7204 ปีที่แล้ว

    Amazing tool

  • @tomascarignano5002
    @tomascarignano5002 2 ปีที่แล้ว +1

    What a cool video man! Excellent explanation

  • @adomovic323
    @adomovic323 3 ปีที่แล้ว +1

    Great intro. Thanks.

  • @suzi3211
    @suzi3211 3 ปีที่แล้ว +2

    amazing content ::)

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

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

  • @justlukedotjs
    @justlukedotjs ปีที่แล้ว

    THANK YOU!!!!!!

  • @pseudokk
    @pseudokk ปีที่แล้ว

    +++++ perfect!!!

  • @ralukiss17
    @ralukiss17 3 ปีที่แล้ว +2

    genial!

    • @Testopic
      @Testopic  3 ปีที่แล้ว +1

      Thanks Raluca 🤩!

  • @akash-kumar737
    @akash-kumar737 ปีที่แล้ว

    Definitely.

  • @drillcat659
    @drillcat659 2 ปีที่แล้ว +1

    Really helpful. Thank you.

  • @jumperengineering7581
    @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

  • @carloscode5-jm7qh
    @carloscode5-jm7qh 6 หลายเดือนก่อน

    @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!

  • @matthiasmuller6301
    @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. ^^

  • @michalshpak6818
    @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?

  • @okey1317
    @okey1317 2 ปีที่แล้ว

    is this runnning selenium under the hood?

    • @okey1317
      @okey1317 2 ปีที่แล้ว

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

  • @sherxdavid
    @sherxdavid ปีที่แล้ว

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

  • @johnfonseka6728
    @johnfonseka6728 2 ปีที่แล้ว

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

  • @trilogen
    @trilogen 2 ปีที่แล้ว

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

  • @tomasdablju2199
    @tomasdablju2199 2 ปีที่แล้ว

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

  • @cloudgreenhorn452
    @cloudgreenhorn452 2 ปีที่แล้ว +1

    Great content! Keep it up!

  • @nikolozbekauri2192
    @nikolozbekauri2192 2 ปีที่แล้ว

    Is this discovery channel, bird noise in the back dude....

  • @tatevikmelikyan110
    @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?

  • @MichelPWeber
    @MichelPWeber 2 ปีที่แล้ว +1

    Nice easy and clear demo. Thank you.

  • @bababaivanov
    @bababaivanov 2 ปีที่แล้ว +1

    This was well structured and done demo. Great job!

  • @shrikrishnadyawarakonda7602
    @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

  • @allaboutauto1395
    @allaboutauto1395 3 ปีที่แล้ว +1

    In one word "WOW"

  • @ramanpasricha8897
    @ramanpasricha8897 ปีที่แล้ว

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

  • @aleskral6170
    @aleskral6170 2 ปีที่แล้ว

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

  • @sarifkhan2346
    @sarifkhan2346 2 ปีที่แล้ว

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