Getting Started with Playwright and VS Code

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024

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

  • @kumekster
    @kumekster ปีที่แล้ว +6

    Great introductory material. I hope there is more to come :)

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

    Thank you for the good demonstration of Playwright setuping and using.

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

    Simple and effective .

  • @monkeydluffy2063
    @monkeydluffy2063 ปีที่แล้ว +4

    Nicely done, very easy to follow

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

    Thanks for this video 🙂

  • @AdityaSharma-j6y7b
    @AdityaSharma-j6y7b 2 หลายเดือนก่อน

    Such a neat explanation

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

    Great stuff!

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

    Love it

  • @NarasimhaVusurpati
    @NarasimhaVusurpati 7 หลายเดือนก่อน +1

    when will you start playwright with Java Sessions?

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

    Hello, I do not want to use TypeScript. I either want to use python instead. Can I do it on Playwright extension using VSCode

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

    cool!!

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

    >Install Playright shows up as a picklist item when searching, but once clicked it doesn't do anything, no browser options are displayed for installation.

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

    Thanks for sharing. What if my playwright.config.ts does not live under the root, how should I pass the customized playwright config path?

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

      npx playwright test --config foo/bar/playwright.config.ts
      See here: playwright.dev/docs/test-cli#reference

  • @sen86sen
    @sen86sen 9 ชั่วโมงที่ผ่านมา

    Will playwright extensions support JAVA .. ??

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

    Hi, can anyone suggest to me whether we can use the playwright to automate the Pega application

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

    Unable to see anything in test explorer...

    • @dknc-be8dv
      @dknc-be8dv ปีที่แล้ว

      Get latest VS code, click the flask icon.

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

      @@dknc-be8dvPlease help, i have same issue.... what does flask icon do? It just showed option to install additional test extensions...

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

    Please help... I click "Test:Install Playwright" but nothing happens after that, I do not see firefox, webdriver chromium, anything...

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

      Please file an issue on GitHub, thanks!

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

      @@Playwrightdev It worked somewhat... I had to close VSCode, and then open a cmd in its location, and type "code ."
      But then the playwright installation failed, and threw many errors :(
      Please help i'm getting tired, nothing is working... it shows error 4048 in the VSCode terminal
      Meanwhile it shows "WSL is not installed, so could not detect WSL profiles" in the cmd terminal

    • @error404_Not-Found
      @error404_Not-Found ปีที่แล้ว

      i have the same issue. Do you resolved it?

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

      @@error404_Not-Found Other than the update above, this guy suggested that there should be one "package.json" file and one "package.lock" file, but I had many, not just one.
      So that made no sense to me and he had no answer, and then I moved to selenium and eclipse, i left playright and vscode

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

      @@error404_Not-Found If i had to guess, the system environment and path variables were not setup correctly...

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

    hello - how to choose chrome or Edge after selecting chromium?

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

      ok, I got it can be done in cofig file

  • @Chandrika-u5o
    @Chandrika-u5o ปีที่แล้ว

    hi,just a small doubt,present i am learning playwrite for my project,where i have good experience with selenium java, when i am learning about playwrite java, instead of driver.commands in all playwrite tutorials and also on playwrite website i am seeing only page.commands, my doubt is why we only use page.commands instead of driver.commands,thanks in advance

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

      Playwright is fundamental different to other end-to-end testing solutions. Each of the frameworks have different APIs, function calls etc. Playwright always uses a Page instance as a representative object to interact with a "browser tab". I hope that helps!

    • @Chandrika-u5o
      @Chandrika-u5o ปีที่แล้ว

      @@Playwrightdev thank you for the reply :)

  • @SilentNorn
    @SilentNorn 5 หลายเดือนก่อน +1

    How to get the green triangle right there 4:53

    • @SilentNorn
      @SilentNorn 5 หลายเดือนก่อน +1

      Has 8 extensions installed, shows 1. Cool.

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

      I finally give up with this

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

      You need our VSCode extension, see here: playwright.dev/docs/getting-started-vscode
      Also make sure to have a recent Node.js installed.
      Make sure to install the right one (by Microsoft) - if you run into any issues, feel free to file a bug or reach out to Discord: aka.ms/playwright/discord

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

      @@Playwrightdev I installed it and I don't see the green triangles either

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

      Finally got it after updating to the latest VSCode

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

    Hello, im new to VS code and I have a few questions thought you could answer.
    1. Do i need to install playwright in every folder i create? Whenever i create a new folder, i dont see them inside the test explorer.
    2. Should test files should only be created in the tests folder? I created .ts files in other folders but i cant run them.
    3. Whenever I rename the test file or rename the folder, I cant run them in the text explorer. So does this mean i cant rename my test scripts?
    Thanks.

    • @dknc-be8dv
      @dknc-be8dv ปีที่แล้ว +1

      1. I think yes, you need to npm init a new "project", and then when you launched VS code, you open folder of that new project and click the flask. I don't know about #2 and #3.

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

      #2 - I don't think so. refer playwright.config.ts -> key "testDir: './tests'," - this is where we define where playwright will look for tests.
      #3 - you definitely can rename the test-files. probably if you're in UI mode, try relaunching. or refer above point to address this.

  • @MuhammadUmar-su8og
    @MuhammadUmar-su8og 7 หลายเดือนก่อน

    I need help!
    I didn't find any PLAYWRIGHT drop down at left down corner

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

      We recommend joining our Discord or filing an issue on GitHub:
      - aka.ms/playwright/discord
      - github.com/microsoft/playwright

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

      You have to click on the flask icon on the vs code left sidebar, then the dropdown for testing options reveal.

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

    Can we test components (Vue, React, ...) in isolation?

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

      yes, component testing is in beta : playwright.dev/docs/test-components

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

    What about java bindings
    How we can work playwright with java?

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

      Check out the Java docs for that: playwright.dev/java/

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

      @@Playwrightdev thank you sharing that
      I was looking for how we can use java binding with playwright in vscode

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

    when will you start playwright with Java

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

    It is not asking me which browser to install.

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

      In VS code by default it has all of them checked but you can uncheck the ones you want. see this guide: playwright.dev/docs/getting-started-vscode

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

      @@Playwrightdev is there anything like maven that auto configures things in vs code for playwright like we do in esclipse selenium java. This is very very very very very difficult.

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

    Come on! Thanks!!!!

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

    At 2:07 you mention 'yamal' file without telling us what that is. Remember we are completely new to Playwright!

    • @dknc-be8dv
      @dknc-be8dv ปีที่แล้ว

      I think that's when you did a npm init, it's for git hub deploy configuration. I think it can be used with DevOps also.

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

      It's .yml file. YAML

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

      This yaml file is for GitHub Actions, see here: playwright.dev/docs/ci-intro

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

    npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the
    name, or if a path was included, verify that the path is correct and try again.

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

      Make sure to have Node.js installed: nodejs.org

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

    Arghhh the light, the light...

  • @JagadeshWaran-h9c
    @JagadeshWaran-h9c ปีที่แล้ว

    Hi need playwright cucumber+javascript video for reference plz, It would be helpful for my career.
    🤕