Generating Playwright Tests in VS Code

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ม.ค. 2025

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

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

    The best thing that every happened to E2E is Playwright! Keep up the great work!

  • @mourad-zitouni
    @mourad-zitouni 2 หลายเดือนก่อน

    This is just amazing! Love the record at cursor feature, thank you!

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

    beautiful video - clear walkthrough and awesome script generation.

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

    Great presentation and super energy. Overall A+ grade.

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

    Really great video, I put a few videos out on this a while ago and I had a lot of great feedback on the extension! Keep it up!

  • @Maisonier
    @Maisonier 8 หลายเดือนก่อน +1

    Llegué acá y aprendí de playwright por el scam de Rabbit R1. Al menos estoy aprendiendo algo nuevo. Excelente vídeo, like y suscribir.

  • @JustinBuck-d7j
    @JustinBuck-d7j หลายเดือนก่อน

    I have been using the playwright codegen for a while for playwright python test cases but I noticed on some websites I will have ad pop ups and I would use codegen to get the code to click the x close button but the codegen wont even highlight the button instead when I hover on the X it will highlight the whole background of website.. but on same webform once I actually close out the ad pop up it works for all other elements. Has anyone experienced this ? and know how I can fix ?

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

    I am using Visual Studio code and recording works well. But then I record at cursor location, it doesn’t run the existing code. I would like it to run that code so I don’t have manually do the preexisting steps like navigate, etc.

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

    Hi, I can not get run the test without headless mode, Can someone help me, please?

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

    That's super awesome! Never seen this before!

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

    I went as far as installing the playwright test for vscode but then that was it... clicking the record new it just spits out "no playwright tests found"

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

    I have a problem when I click record it doesn't open a browser. I also tried codegen from the commandline and that told me it can't find the browser, but it's not respecting my global-setup.ts where I specify the executablePath. I have no problem running tests so it's just codegen that's reading the browser settings from some file I don't know of

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

    Thank you for the very helpful video.

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

    Not every event will be recorded. I try it with drag&drop but it record only two clicks.

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

      Good to know, I guess as with all recorders they will not be perfect but it gives you some ability to record and see auto generated code. You should still be able to manually add in drag and dropping code which Playwright supports.

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

      correct, you can always add as a feature request, who knows in the future

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

    Dear playwright how should I locate the upload button of twitter, since I gen the code from codegen, and run it said 👾👾[Bug]: playwright._impl._errors.Error: Error: Node is not an HTMLInputElement

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

      We recommend filing an issue on GitHub: github.com/microsoft/playwright

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

    Curious if this could be used to generate tests for an Electron app built with React Native as well.

    • @Playwrightdev
      @Playwrightdev  10 หลายเดือนก่อน +1

      It should work, you can call `page.pause()` inside your tests / after launching Electron and it will give you codegen: playwright.dev/docs/api/class-page#page-pause

  • @LocalGhost_8080
    @LocalGhost_8080 2 วันที่ผ่านมา

    OMG I looooove it!

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

    My codegen doesnt capture keystores ! any ideas?

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

      Please file a bug on GitHub with reproduction steps - appreciate!

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

    Does the "record at cursor" option runs the test and stops where the cursor is or does it load a snapshot of the browser state at that moment?

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

      it allows you to start recording a test at a specific point in your code.

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

    Hey! That’s awesome! I read about this VS Code integration. But seeing it in action helps a lot! I wonder if the same functionality is supported for other languages like python? If not yet, do you have it on your roadmap?

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

      not in VS Code but you can so similar using the cli with Python, then you just have to copy the code from the inspector into you editor. playwright.dev/python/docs/codegen-intro

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

      @@Playwrightdev yes, I know about playwright cli. But VS code integration is top! 😎

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

    you marvellous!!

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

    hey, can i run tests in UI dashboard? or only in vscode or terminal

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

      we don't have a dashboard so VS Code or terminal which opens up a playwright inspector window to watch tests being run

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

    it has gone a long way... from 2008 when IE 6, 7, and 8 were not suitable for even debugging, to nowadays with such automated e2e tests... but then, 15 years have passed.

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

    This demo site doesnt exist :( i got 404

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

      which demo site?

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

      @@Playwrightdev Sorry, I was wrong, it works :)

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

    LIGHT MODE AAAAA MY EYEEEEES

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

      just for videos, don't tell anyone but we all work with dark mode ;)

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

    cool!

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

    This is probably what Rabits R1 is using and calling it "techmood"

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

    the "thinking" at 2:59 is plain moronic. you do not(!) want the locator to be an element from the list. there it might be a list of similar elements. clicking on one line mean nothing.
    you would want to select the field that said "1 item" and check that its value is 1 item.

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

    the output at failed test is barbaric. what year is this?!
    ahhh... another microsoft 2020 "cualiti"...

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

    You trying to blind us? Dark mode yo.

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

      You are a tech savvy developer, try lowering your monitor brightness

  • @aaronsmith6996
    @aaronsmith6996 8 หลายเดือนก่อน +1

    Coffezilla sent us. I actually couldn't believe something like this was even possible, I mean damn this is beyond impressive!