- 59
- 504 017
Playwright
United States
เข้าร่วมเมื่อ 1 ก.ค. 2021
Playwright enables reliable end-to-end testing for modern web apps.
- Any browser, any platform, one API
- Resilient, no flaky tests
- No trade-offs, no limits
- Full isolation, fast execution
- Powerful tooling
Community Guidelines:
1) Avoid explicit and inflammatory language
2) Do not post repetitively nor spam our comment section
3) Avoid posting personal information, such as: email, physical address, personal phone number, credit card information, or your site password.
4) Please report posts that violate community guidelines using the spam button or TH-cam’s Reporting and Enforcement Center.
- Any browser, any platform, one API
- Resilient, no flaky tests
- No trade-offs, no limits
- Full isolation, fast execution
- Powerful tooling
Community Guidelines:
1) Avoid explicit and inflammatory language
2) Do not post repetitively nor spam our comment section
3) Avoid posting personal information, such as: email, physical address, personal phone number, credit card information, or your site password.
4) Please report posts that violate community guidelines using the spam button or TH-cam’s Reporting and Enforcement Center.
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
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
Introduction to the Microsoft Playwright Testing service: Scale Your Playwright tests
มุมมอง 10Kปีที่แล้ว
Introduction to the Microsoft Playwright Testing service: Scale Your Playwright tests
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
Getting Started with Playwright and VS Code
มุมมอง 72K2 ปีที่แล้ว
Getting Started with Playwright and VS Code
REST IN PEACE 🪦BAILEY MULBERRY🪦😈
OMG I looooove it!
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!
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.
thanks 👍
Love the way you explain it !
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!
@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
Browser not launched with the test passed... why?
thank you for the tutorial. easy to follow along. Can't wait for more -
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 ?
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 &&
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.
Yep. That's the sound of your lapel mic pop filter rubbing against your shirt.
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.
And this will resolve that flaky snapshot comparison test :)
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 :).
Crazy jump going from CucumberJS to Playwright, this is way better!
Will playwright extensions support JAVA .. ??
Can Aria snapshot test be used to replace all playwright's isVisible test for each element/component on a Dashboard UI?
I am using Playwright with Cucumber JS; is the Aria snapshot feature supported in the Cucumber framework?
first :D
@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?
what is discord ?
I´ll try snapshots on my project, thanks for the update💯
"In our .gitHub folder"? Where?
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']?
To run the playwright tests on cloud browsers , should the test application(application url) should also be on cloud? is it mandatory?
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
indeed
I upvote this idea, it a quite challenge to get an awesome tool to test native Mobile apps
@@alleluiaizimpamvu9971 Neste momento utilizo o Detox para testar app desenvolvida em React Native e é como o Playwright na sintaxe
Hi, I can not get run the test without headless mode, Can someone help me, please?
You can"t compare the Debbie O'Brien"s videos with these slow motion videos.
This is just amazing! Love the record at cursor feature, thank you!
Please highlight the language (node.js) in the title, nothing to see here if you are using playwright pytest
so awesome...
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.
That’s a great feature to add to playwright. Thanks!
Pleeease remove stale screenshots automatically.
What is Stale screenshots ?
@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.
@ that’s a great idea actually .. and thanks for the explanation and your time
Дімон старається поняти шо відбуваєтсья, як може))
Та Дімон сидить в ахірє
I can see change only on Node.js release notes for 1.49.0 and not on Java side will it take time ?
The other languages get updated usually 1-2 weeks after the normal release happens in order to pick up potential bugfixes.
@@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 ...
@@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 ?
Snapshot aria testing is interesting
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.
How do you compare, this service with browsersstack or saucelab? Can this be combined with slack reporting and would this work with drone CICD?
How to setup normal playwright and playwright ct in same repo ? I work on monorepo so I need both playwright type 😢
If my testable server is in local cloud environment, how the browsers can approach it?
Awesome!!. Brilliant work. Congratulations. That's why I love playwright, you guys just keep making it better. 👍
Pricing?
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.
Mam , Thanks for this amazing video. Can you share the code please or make a github repository and share all the test code.
Nice!!
Simple and effective .
Thanks for sharing. What if my playwright.config.ts does not live under the root, how should I pass the customized playwright config path?
npx playwright test --config foo/bar/playwright.config.ts See here: playwright.dev/docs/test-cli#reference