Playwright
Playwright
  • 59
  • 504 017
Getting started with ARIA Snapshots
Playwright's new ARIA Snapshot testing makes it easier to test structure and content of your site. In this video, Simon demonstrates it and gives you an overview of how to use it.
Docs: playwright.dev/
Discord: aka.ms/playwright/discord
01:50 - 🎄 Accessibility Tree
02:43 - 🎥 Recording an ARIA Snapshot
03:26 - 📸 What is an ARIA Snapshot?
04:30 - 🔎 How the matching works
07:45 - 🤖 Automatic Rebaselining
09:43 - 🛝 Exploring ARIA snapshots in Playground
11:28 - 🧹 Summary
มุมมอง: 3 381

วีดีโอ

What's new in Playwright v1.49: ARIA snapshots, chrome headless changes
มุมมอง 6K2 หลายเดือนก่อน
In this video, we cover ARIA snapshots and changes coming to chromium headless. We show a demo of how to use the new ARIA snapshots feature, including rebaselining existing snapshot assertions. We explain the changes with chromium's new headless mode and what that means for Playwright users. Join us as we delve into these cool new features with a live demo and helpful explanations. Don't forget...
How to test dynamic content in Playwright with API mocking
มุมมอง 7K3 หลายเดือนก่อน
In this video lets take a look at how you can test dynamic content that comes from an API by mocking a part of the API call. The demo uses UI mode to show how the test is set up and VS Code to modify the average votes of a movie to see the test failing and passing and see the response from the API and from the mocked response. #playwright #testing 00:00 - Intro 01:24 - Source code for API mocki...
What's new in Playwright v1.48: webSocket routing, ui mode/trace viewer network tab updates
มุมมอง 5K3 หลายเดือนก่อน
In this video, we cover webSocket routing and the network improvements to UI mode and Trace Viewer. We show a demo of how to test web sockets with mocking and intercepting the web socket requests. We then show a demo of the UI mode / Trace Viewer updates to the network tab. Join us as we delve into these cool new features with a live demo and helpful explanations. Don't forget to like, comment,...
What's new in Playwright v1.46: Client certificates, only changed, ui mode
มุมมอง 7K5 หลายเดือนก่อน
In this video, we cover how to test sites that use TLS Client Certificates. Then we demo how to use the new CLI command to run only changed tests, tests that have been changed since the last commit, since a specific commit or that have been changed on the current branch. Finally we demo the UI mode / Trace Viewer updates with a new testing options pane, how to hide routing actions for route.con...
Exploring Playwright's Trace Viewer for debugging locally and on CI
มุมมอง 3.9K7 หลายเดือนก่อน
In this video let's look at Playwright's trace viewer, a GUI tool that helps you explore recorded Playwright traces after the script has ran. Traces are a great way for debugging your tests locally or when they fail on CI. The trace viewer shows you a timeline of your tests actions, a DOM snapshot which you can pop out and explore, network requests, console, source code and more. Check out the ...
What's new in Playwright v1.45: Clock API
มุมมอง 6K7 หลายเดือนก่อน
In this video, we demo the new clock API to test time such as when testing clocks and timers. We then take a look at how to upload directories with setInputFiles. Finally we look at the new support for click and press for ControlOrMeta S Join us as we delve into these cool new features with a live demo and helpful explanations. Don't forget to like, comment, and subscribe for more updates! Rele...
How to Run Tests in Playwright with the VS Code Extension
มุมมอง 9K8 หลายเดือนก่อน
In this video let's look at how to run tests in Playwright with the VS Code Extension and showcase how you can easily select which browsers known as projects, to run your tests on, how to run your setup tests, such as login tests, only once and how to switch between different configs. Check out the docs on getting started with VS Code: playwright.dev/docs/getting-started-vscode #playwrightdev #...
What's new in Playwright v1.44
มุมมอง 7K8 หลายเดือนก่อน
In this video, we demo the UI updates to the VS Code Extension which include updates and an easier way to select on which projects to run your tests on as well as run your setup tests. We then take a look at the new accessibility assertions for role, accessible name and description. Followed by how to run your last failed tests on the CLI. Finally we look at the new options for the locator hand...
How to Generate Tests in Playwright with the VS Code Extension
มุมมอง 15K10 หลายเดือนก่อน
How to Generate Tests in Playwright with the VS Code Extension
What's new in Playwright v1.41 & v1.42
มุมมอง 8K10 หลายเดือนก่อน
What's new in Playwright v1.41 & v1.42
What's new in Playwright v1.40
มุมมอง 12Kปีที่แล้ว
What's new in Playwright v1.40
Introduction to the Microsoft Playwright Testing service: Scale Your Playwright tests
มุมมอง 10Kปีที่แล้ว
Introduction to the Microsoft Playwright Testing service: Scale Your Playwright tests
What's new in Playwright 1.39
มุมมอง 9Kปีที่แล้ว
What's new in Playwright 1.39
What's new in Playwright 1.38
มุมมอง 9Kปีที่แล้ว
What's new in Playwright 1.38
What's new in Playwright 1.36 & 1.37
มุมมอง 8Kปีที่แล้ว
What's new in Playwright 1.36 & 1.37
What's new in Playwright 1.35
มุมมอง 7Kปีที่แล้ว
What's new in Playwright 1.35
What's new in Playwright 1.33 & 1.34
มุมมอง 8Kปีที่แล้ว
What's new in Playwright 1.33 & 1.34
Playwright at PYCon US with Andrew Knight
มุมมอง 5Kปีที่แล้ว
Playwright at PYCon US with Andrew Knight
Playwright's UI Mode: Watch mode and time travel debugging
มุมมอง 26Kปีที่แล้ว
Playwright's UI Mode: Watch mode and time travel debugging
What's new in Playwright 1.32
มุมมอง 20Kปีที่แล้ว
What's new in Playwright 1.32
Viewing Playwright traces
มุมมอง 10Kปีที่แล้ว
Viewing Playwright traces
What's new in Playwright 1.31
มุมมอง 9Kปีที่แล้ว
What's new in Playwright 1.31
Getting Started with Playwright and VS Code
มุมมอง 72K2 ปีที่แล้ว
Getting Started with Playwright and VS Code
Generating Playwright Tests in VS Code
มุมมอง 34K2 ปีที่แล้ว
Generating Playwright Tests in VS Code
Debugging Playwright tests in VS Code
มุมมอง 25K2 ปีที่แล้ว
Debugging Playwright tests in VS Code
What's new in Playwright 1.29
มุมมอง 4.7K2 ปีที่แล้ว
What's new in Playwright 1.29
What's new in Playwright 1.28
มุมมอง 8K2 ปีที่แล้ว
What's new in Playwright 1.28
What's new in Playwright v1.26 & v1.27
มุมมอง 6K2 ปีที่แล้ว
What's new in Playwright v1.26 & v1.27
What's new in Playwright v1.25
มุมมอง 4.8K2 ปีที่แล้ว
What's new in Playwright v1.25

ความคิดเห็น

  • @JPMJ18
    @JPMJ18 4 วันที่ผ่านมา

    REST IN PEACE 🪦BAILEY MULBERRY🪦😈

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

    OMG I looooove it!

  • @Mersipher
    @Mersipher 25 วันที่ผ่านมา

    I have a stupid question. I'm stuck at 4:53 where she shows PLAYWRIGHT open in bottom left when she runs her test. I run mine and I can't get PLAYWRIGHT to pop up at the bottom left. Anyone know how to get this to show up when I'm running the test? Any advice is greatly appreciated. Thank you!

    • @Mersipher
      @Mersipher 25 วันที่ผ่านมา

      Figured it out. right clicked where you click on the check and circle icon. That brings up a list of options. In that is Reveal in Test Explorer. Then you can select Show browser in SETTINGS in the bottom left.

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

    thanks 👍

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

    Love the way you explain it !

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

    I came here for a tutorial on how to use this dependency feature. But I left in awe learning about "Record at cursor". Thank you!

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

    @playwrightdev I keep getting an error that the container is not iterable when I try to use aria snapshot to test the modal with larger contents can u please suggest in this scenario

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

    Browser not launched with the test passed... why?

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

    thank you for the tutorial. easy to follow along. Can't wait for more -

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

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

    not able to run the commands in chain, when I use ; in between two commands in a package.json scripts then it gives below error- Error: No tests found. Make sure that arguments are regular expressions matching test files. You may need to escape symbols like "$" or "*" and quote the arguments. my script is- "testChrome": "npx playwright test --project=chrome ; npm run generateReport", "generateReport":"allure generate output/allure-results -o output/allure-report --clean --single-file" npm run testChrome as soon as i hit above run command it gives an error. if I use && instead of ; then it works fine and executes the npm run generateReport but only if the previous script is success. If there are any test failures, then it gets skipped I tried using pip also but that did not work for me- || true &&

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

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

    Yep. That's the sound of your lapel mic pop filter rubbing against your shirt.

  • @FNZ-wx2nz
    @FNZ-wx2nz 2 หลายเดือนก่อน

    This is not very useful in real-world applications. When testing page structure, you want to verify the placement of web elements on the screen, their size, shape, and so on. Neither visual testing nor this API is optimal for that.

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

    And this will resolve that flaky snapshot comparison test :)

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

    Already started using this. Much more better alternative in terms of maintenance compared to snapshots since snapshots are OS / device dependent and very hard to maintain for runs on local/CI. This is perfect :).

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

    Crazy jump going from CucumberJS to Playwright, this is way better!

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

    Will playwright extensions support JAVA .. ??

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

    Can Aria snapshot test be used to replace all playwright's isVisible test for each element/component on a Dashboard UI?

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

    I am using Playwright with Cucumber JS; is the Aria snapshot feature supported in the Cucumber framework?

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

    first :D

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

    @Playwright Clear explanation and useful feature. Could you answer me one question: at 6:04 you import test from playwright/test instead of the location where you defined your fixtures, why is that? Is the page fixture already predefined?

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

    what is discord ?

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

    I´ll try snapshots on my project, thanks for the update💯

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

    "In our .gitHub folder"? Where?

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

    How I can setup needed tests by tag in the playwright.config file? Like I did it by filepath e.g. testMatch: ['path/to/test']?

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

    To run the playwright tests on cloud browsers , should the test application(application url) should also be on cloud? is it mandatory?

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

    It would be interesting if the Playwright/Microsoft team could create a tool to test mobile apps, for example developed in react native, as the market has a gap in this area

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

      indeed

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

      I upvote this idea, it a quite challenge to get an awesome tool to test native Mobile apps

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

      @@alleluiaizimpamvu9971 Neste momento utilizo o Detox para testar app desenvolvida em React Native e é como o Playwright na sintaxe

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

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

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

    You can"t compare the Debbie O'Brien"s videos with these slow motion videos.

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

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

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

    Please highlight the language (node.js) in the title, nothing to see here if you are using playwright pytest

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

    so awesome...

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

    I would like to know what should I do to apply to work in Playwright ? It's a great tool and I feel motivate to participate in such as high impacting tool.

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

    That’s a great feature to add to playwright. Thanks!

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

    Pleeease remove stale screenshots automatically.

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

      What is Stale screenshots ?

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

      @sen86sen I meant screenshots that are no longer being taken. Playwright should delete all the screenshots that weren't taken in a all-tests run, if we provide a flag for it.

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

      @ that’s a great idea actually .. and thanks for the explanation and your time

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

    Дімон старається поняти шо відбуваєтсья, як може))

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

      Та Дімон сидить в ахірє

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

    I can see change only on Node.js release notes for 1.49.0 and not on Java side will it take time ?

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

      The other languages get updated usually 1-2 weeks after the normal release happens in order to pick up potential bugfixes.

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

      @@Playwrightdev Thank you I found the changes for Java and thanks for the quick push within 2 days. I believe the quicker from Playwright will helpful in SDET's to taste the features on their IDE's and the execution. Thanks Simon Knott & Dimtry ...

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

      @@Playwrightdev I tried snapshots with Java_Eclipse environment and it worked well for Positive scenarios but in case of failed tests I am not be able to see the error on the particular failure like you have achieved instead I got the error like below. Exception in thread "main" org.opentest4j.AssertionFailedError: Locator expected to match Aria snapshot: - banner: - heading "Playwright enables awasome end-to-end testing for modern web apps." [level=1] - link "Get started" - link "Star microsoft/playwright on GitHub" - link /[\d,.]+[bkmBKM]+\+ stargazers on GitHub/ Received: {raw=- banner: - heading "Playwright enables reliable end-to-end testing for modern web apps." [level=1] - link "Get started" - link "Star microsoft/playwright on GitHub": Star - link "67k+ stargazers on GitHub": 67k+, regex=- banner: - heading "Playwright enables reliable end-to-end testing for modern web apps." [level=1] - link "Get started" - link "Star microsoft/playwright on GitHub" - link /[\d,.]+[bkmBKM]+\+ stargazers on GitHub/} Call log: - Locator.expect with timeout 5000ms - waiting for getByRole(AriaRole.BANNER) 9 × locator resolved to <header class="hero hero--primary heroBanner_UJJx">…</header> - unexpected value "- banner: - heading "Playwright enables reliable end-to-end testing for modern web apps." [level=1] - link "Get started" - link "Star microsoft/playwright on GitHub": Star - link "67k+ stargazers on GitHub": 67k+" at com.microsoft.playwright.impl.AssertionsBase.expectImpl(AssertionsBase.java:74) at com.microsoft.playwright.impl.LocatorAssertionsImpl.matchesAriaSnapshot(LocatorAssertionsImpl.java:336) at com.microsoft.playwright.assertions.LocatorAssertions.matchesAriaSnapshot(LocatorAssertions.java:2190) at rl149.Sanpshot149.main(Sanpshot149.java:38) Can anyone encounter the same kind of error on Java_Eclipse ?

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

    Snapshot aria testing is interesting

  • @AnonYmous-kf7uu
    @AnonYmous-kf7uu 2 หลายเดือนก่อน

    Any idea when Playwright will support mobile device native apps and browsers? Responsive web is great and all but it's not the same as running on a real device.

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

    How do you compare, this service with browsersstack or saucelab? Can this be combined with slack reporting and would this work with drone CICD?

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

    How to setup normal playwright and playwright ct in same repo ? I work on monorepo so I need both playwright type 😢

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

    If my testable server is in local cloud environment, how the browsers can approach it?

  • @salva-dev
    @salva-dev 2 หลายเดือนก่อน

    Awesome!!. Brilliant work. Congratulations. That's why I love playwright, you guys just keep making it better. 👍

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

    Pricing?

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

    Amazing ! Kudos to the entire team for making Playwright equipped with more useful features. Keep going and thanks again for sharing the content so clearly.

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

    Mam , Thanks for this amazing video. Can you share the code please or make a github repository and share all the test code.

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

    Nice!!

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

    Simple and effective .

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

    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 3 หลายเดือนก่อน

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