Complete Playwright Testing Tutorial | An End to End Playwright with TypeScript Course 🎭| LambdaTest

Подписаться 27 тыс.

Просмотров 167 тыс.

50% 1

This Playwright testing tutorial covers everything you need to get you up and running with the Microsoft Playwright framework with TypeScript.
Start FREE Testing: accounts.lambdatest.com/regis...
In this complete Playwright tutorial, 𝙆𝙤𝙪𝙨𝙝𝙞𝙠 𝘾𝙝𝙖𝙩𝙩𝙚𝙧𝙟𝙚𝙚 (@Koushik_chat), Content Creator at LetCode walks you through the introduction to Playwright and its excellent features, with their in-depth tutorials, for better understanding. This course has multiple chapters and covers the following topics:
🔹 What is the Playwright framework?
🔹 How to install Playwright?
🔹 How to use functions and selectors in Playwright?
🔹 What are some specific Playwright testing features?
🔹 How to handle inputs and buttons in Playwright?
🔹 How to interact with alerts and dropdowns in Playwright?
🔹 How to handle frames and windows in Playwright?
🔹 What is Date Picker in Playwright?
🔹 How to upload and download files in Playwright?
🔹 What is the page object model in Playwright?
🔹 What are Playwright fixtures?
🔹 How to do cross-browser testing on LambdaTest cloud?
Ｖɪᴅᴇᴏ Ｃʜᴀᴘᴛᴇʀꜱ 👀
0:00:00 Introduction
0:00:24 What is Playwright?
0:08:04 How to write a basic script with Playwright using functions & selectors?
0:33:18 Playwright’s futuristic features
1:00:15 How to interact with inputs and buttons?
1:27:00 Alerts and dropdowns in Playwright
2:07:16 Frames and Window handling in Playwright
2:43:32 How to handle date picker/calendar in Playwright?
3:13:48 Uploading and downloading files in Playwright
3:34:23 Page Object Model in Playwright
4:21:57 Playwright fixtures
4:55:02 Cross-browser testing in Playwright and execution on the LambdaTest platform
Conclusion
📌Also, learn 📃
🔸 Is Playwright easy?
🔸 Is Playwright better than Selenium?
🔸 How do you start a Playwright?
🔸 What framework does the Playwright use?
🔸 Is Playwright the future?
*𝑼𝒔𝒆𝒇𝒖𝒍 𝑹𝒆𝒔𝒐𝒖𝒓𝒄𝒆𝒔*
🔹 How To Run Playwright Tests On LambdaTest Platform: bit.ly/3t5w0XI
🔹 Run Your First Playwright Test On LambdaTest Platform: bit.ly/3x1jRWi
🔹 How To Run Playwright Tests In Parallel: bit.ly/3GyRORe
🔹 Migrate Existing Playwright Test Suites On LambdaTest: bit.ly/3PRFH5T
🔹 Test Execution Setup: bit.ly/3PONYYp
🔹 Run Local Tests Using Playwright: bit.ly/3z6jc7q
🔹 Running Playwright Tests With Playwright Test Runner: bit.ly/3N1WLo7
🔹 Running Playwright Tests With Cucumber.js: bit.ly/3xaKHvr
🔹 Running Playwright Tests In CI/CD: bit.ly/3GzDs3d
Sign Up for LambdaTest! It’s FREE 🙌
Perform scalable and reliable cross-browser compatibility testing of your website and web app on the latest mobile and desktop browsers: accounts.lambdatest.com/regis...
Register Now to Avail Bonanza Offerings 💎
+ Test websites and web apps on 3000+ real browsers over LambdaTest cloud
+ Trusted By 1M+ users, 500+ enterprises and 130+ countries
+ Online scalable Selenium Grid to perform Manual as well as Automation Testing
+ 100 minutes of free Web + Mobile Automation Testing
+ 60 minutes of free Live Interactive Testing per month
+ 10 Screenshot Tests per month
+ 10 Responsive Tests per month (Test a page across 50+ Device configurations with a single click)
+ Unlimited free testing on LT Browser
For questions: support@lambdatest.com 😃
*𝑬𝒙𝒑𝒍𝒐𝒓𝒆*
🎬 Most Recent Videos: bit.ly/3kUUeAQ
🎓 Learning Hub: bit.ly/3fr6l4Z
🎥 LambdaTest Customers: bit.ly/2TB7pvD
🚀 Webinars: bit.ly/37i41co
🛠️ Product Updates: bit.ly/3717NGO
💬 LambdaTest Certifications: bit.ly/3x4EtcY
*𝑺𝒐𝒄𝒊𝒂𝒍*
📝 BLOG: bit.ly/3yGVsUc
👥 COMMUNITY: bit.ly/3Aiz5oO
🔴 NEWSLETTER: bit.ly/3juhxzc
🖼️ GITHUB: bit.ly/3jowfYs
🛠️ RU-vid: bit.ly/3rH2Yfh
🌎 LINKEDIN: bit.ly/3xA6F84
👥 FACEBOOK: bit.ly/37mbQOa
🐦TWITTER: bit.ly/3Cn0g3A
📸 PINTEREST: bit.ly/2VCXI05
#playwrighttutorial #playwrighttesting #playwrightautomation #playwright #microsoftplaywright #playwrightautomationtutorial #playwrightframework #playwrighttestingtool #playwrightjstutorial #learnplaywright #playwrightautomationtool
Disclaimer:
This video features materials protected by the Fair Use guidelines of Section 107 of the Copyright Act. All rights reserved to © 2022 LambdaTest. Any illegal reproduction of this content will result in immediate legal action.

Наука

Опубликовано:

27 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 252

@LambdaTest 10 месяцев назад

📍📌 𝑮𝒊𝒕𝑯𝒖𝒃 𝑳𝒊𝒏𝒌: github.com/ortoniKC/playwright-ts-lambdatest

@Uradha1 7 месяцев назад

This is not a right project link for this video

@over1498 6 месяцев назад

That is the Java project...

@LambdaTest 5 месяцев назад

Here is the correct project link- github.com/ortoniKC/playwright-ts-lambdatest

@prashantarakeri6881 Год назад

Thanks Koushik for an awesome playlist for playwright, Very cleanly composed and neatly explained. thanks a ton for creating this video & its very very helpful !

@LambdaTest Год назад

Thanks for watching 💫 Make sure you subscribe to our RU-vid channel for more!👋

@sahana_taurus9937 Год назад

@kaushik this is one of the best video tutorials I've come across. The pace and the level of details are perfect. You're amazing. Well done 👍

@LambdaTest Год назад

Glad you liked it! 😊 Make sure you subscribe to our RU-vid Channel for more such tutorials!

@deepacn5273 Год назад

It's awesome video and very easily able to understand. Thank you so much!

@LambdaTest Год назад

Hey Deepa, Glad you liked it 😇 Make sure you subscribe to our RU-vid channel for more 👋🏻

@vihangafernando6644 Год назад

I'm still in the half way of this Course . Thanks man really needed this.

@LambdaTest Год назад

Glad you liked it, Subscribe to our channel for more such tutorials! ✨

@SineQuaNon1 Год назад

Many thanks Koushik. Great tutorial.

@LambdaTest Год назад

Glad you liked it! Subscribe, and look forward to more such tutorials! ✨

@oleksandrbelzetskyi8295 Год назад

That was really helpful, thank you!

@LambdaTest Год назад

Glad you liked it! 🙌

@KristinJackvony 3 месяца назад

Thanks for this great tutorial. I didn't understand fixtures at all until you explained them so clearly.

@LambdaTest 3 месяца назад

Glad to hear the tutorial was helpful for you! Do subscribe the channel for more such tutorials !🙂

@SainiAnkur 8 месяцев назад

Thank you Koushik!

@LambdaTest 8 месяцев назад

Glad you liked it. Please subscribe to our RU-vid channel for more such videos 🌟

@focuspsc Год назад

Very useful video. Thank you so much for sharing the information in detail. Started watching this video today. Very informative.

@LambdaTest Год назад

Glad it was helpful!

@stasshulhovich553 Год назад

Thank you very much for the great tutorial!

@LambdaTest Год назад

Happy to help!

@piano_dreamerc_moll2475 Год назад

great tutorial 🙂 thank you!

@LambdaTest Год назад

You’re welcome 😊

@nadetdevfullstack7041 9 месяцев назад

Excellent ! Best of the best !

@LambdaTest 9 месяцев назад

We're delighted that you found this valuable! 😊 Don't forget to subscribe to our channel so you won't miss any updates on our upcoming tutorials! ✨

@Krentiles Год назад

This is amazing. Thanks a lot.

@LambdaTest Год назад

Happy to help

@alfatihabdalla401 Год назад

Great explanation, thanks 💯

@LambdaTest Год назад

Glad it was helpful!

@user-lk8tn3fm5x 2 месяца назад

Bro Your LetXpath tool is amazing . keep the good work

@LambdaTest Месяц назад

Glad the video was helpful! Please subscribe the channel for more such videos🙂

@darrenlukensow2815 10 месяцев назад

thank you for putting this so well together. I am transiting from load and performance testing to automation and you are making it very easy! Awesome!

@LambdaTest 10 месяцев назад

Glad you found this helpful😊 Subscribe to our channel to never miss an update on the upcoming tutorials! ✨

@diskyadit3921 Год назад

Awesome!!, Thank you

@LambdaTest Год назад

Glad you liked it! Subscribe, and look forward to more such tutorials! ✨

@jokerfanjack4211 Год назад

Great work.

@LambdaTest Год назад

Thank you! Glad you liked it 😇

@TejasDS1111 Год назад

Hey Kaushik... I have started watching your series and it's about to finish... i must say the way you are teaching things are super awesome and easy to digest... Thanks a ton brother... Stay blessed ❤️

@LambdaTest Год назад

We're glad you found this tutorial helpful😊 Subscribe, and look forward to more such tutorials! ✨

5 месяцев назад

Thank you sir for the detailed tutorial

@LambdaTest 5 месяцев назад

Glad it was helpful! Please subscribe the channel for more such videos🙂

@jiangao4426 Год назад

great stuff, very practical

@LambdaTest Год назад

Glad it was helpful, Look forward to more such tutorials! ✨

@tvwatch5475 Год назад

Great tutoring.

@LambdaTest Год назад

Glad you like it ✨ Make sure you subscribe to our RU-vid channel for more 👋🏻

@raghuvarun5941 Год назад

Thank you Kaushik for the wonderful tutorial. I think you should become a trainer in any teaching marketplace and offer this course. :). Btw, have one request. Could you please explain how to automate chrome/webkit extensions using Playwright. Thanks in advance !

@LambdaTest Год назад

Hey Raghu, Thank you for your kind words, We are glad you found the tutorial helpful! Regarding your question about automating Chrome/Webkit extensions using Playwright, it is definitely possible. You can interact with extensions in the same way you would interact with any other element on a web page. For example, we can first navigate to a page where the extension is active. Then we wait for the extension button to appear and click it. This opens the extension popup. We wait for the popup to appear and interact with its elements, filling in an input field and clicking a submit button. Keep in mind that the selectors and interactions with your specific extension may vary, so you'll need to inspect the extension's HTML and determine the appropriate selectors to use. I hope this helps! Let me know if you have any other questions.

@tinathomas4734 Год назад

great tutorial 🙂

@LambdaTest Год назад

Thank you! Cheers!💖

@rakshitha1608 Год назад

Hi, Thanks for the mind blowing explanation. Can you please make a video on typescript which I required for playwright.

@LambdaTest Год назад

Hey Raks, Please have a look at this playlist ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wawbt1cATsk.html

@sandhyakoduru6856 10 месяцев назад

Great explanation

@LambdaTest 10 месяцев назад

Glad you found this helpful😊 Subscribe to our channel to never miss an update on the upcoming tutorials! ✨

@jyothipp6486 Год назад

Great Tutorial !! Very detailed step by step instructions which makes the beginners life easier and get confidence to learn this tool. Can you please let me know if we have any specific code queries, how to reach out to you? Bcz in my current project we are migrating to Playwright. As I have only Selenium Java exp looking forward for your help. Thanks

@LambdaTest Год назад

Hey Jyothi, We are glad you liked our video. You can reach out to us at support@lambdatest.com for any queries, we will be happy to help.

@ranjitkaur8974 4 месяца назад

Great video so far! Clear and concise, thank you very much! I wanted to inform you there's an error in the locator under "How to interact with inputs and buttons" section. I was trying to use your locator "//button[text()='Get values']" but the test failed. Unsure if your locator has been updated. Thought i'd put it out but great clear tutorial so far :)

@LambdaTest 4 месяца назад

Hey there, Thank you for your kind words and for pointing out the issue with the locator. It's possible that the web page structure has changed since the video was published, which can often lead to locators becoming outdated. We recommend trying to update the locator by inspecting the element on the current version of the webpage. For instance, if the button text has changed or if the button is now nested within another element, you may need to adjust the XPath accordingly. We'll make a note to review and update the tutorial to ensure it remains accurate. Your feedback is invaluable in helping us improve our content. If you continue to face issues, please don't hesitate to reach out for more assistance.

@nunnasivakumar7240 Год назад

Thanks brooooooo

@LambdaTest Год назад

Glad you liked it 💖

@gauravgulati5490 Месяц назад

Loved the Video Kaushik! Just a quick query, could you refer me to the video in which you explained the getting xpath concept? I didn't seem to really get that how we copied that. Would really appreciate that! THANK YOU!

@LambdaTest 25 дней назад

Hey @gauravgulati5490 , Glad you enjoyed the video. For understanding the concept of getting XPath, you can check out this video: ru-vid.comXx9gCdnxHeo As, we don't have any specific video by Koushik on this. You can also go through this blogs: www.lambdatest.com/blog/complete-guide-for-using-xpath-in-selenium-with-examples/

@SeanMackey-wm4qd Год назад

This is awesome, thank you! Question: At the bottom of the inspect window, when you are on the elements tab you have an input box where you are typing in text and it's telling you how many times that appears on the page--like you type in My Account and it says 3 of 3. How do you get this input field to be part of your inspect tab? I don't have it on mine. Thanks!

@LambdaTest Год назад

Hey Sean, Glad you liked our video. Can you please try searching for the element in the dev console of your browser. This will help to find the frequency of matches of the particular element you are trying to pick.

@hksibbala5069 Год назад

Great Video Koushik. How did you get the comments when using the recorder? I tried but I see No comments in the script.

@LambdaTest Год назад

Hey there👋🏻 Glad you liked our video! ❤️ Playwright's built-in recorder should automatically generate comments in the script, indicating actions like clicks or navigations. If you are not seeing comments, it might be due to using an older version of Playwright. Try updating to the latest version of Playwright using the command: npm install playwright After updating Playwright, you can launch the recorder using the command: npx playwright codegen When you interact with the webpage in the launched browser, it should generate comments in the output script.

@shilvigupta Год назад

Thanks, This is very useful for beginners. Can you please suggest how to proceed on testing of video/audio elements using playwright ?

@LambdaTest Год назад

Great suggestion! Please look forward to our upcoming tutorials for more.

@chandanahari548 Год назад

Hi Kaushik, ur explanation is awesome, could you do videos on codeceptjs?

@LambdaTest Год назад

Thank you for your suggestion, we will surely take it into account as we plan future video sessions.

@minnukurian7935 4 месяца назад

Hi Kaushik, thank you for the well-explained video. Could you give an example of selecting a radio button? thank you!

@LambdaTest 3 месяца назад

Hey there, Glad you liked our video Playwright makes it straightforward to interact with web elements, including radio buttons. Here's a simple example on how to select a radio button based on its value or label: public class RadioExample { public static void main(String[] args) { try (Playwright playwright = Playwright.create()) { Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false)); Page page = browser.newPage(); // Navigate to the page with the radio button page.navigate("example.com"); // Select a radio button by its value page.check("input[type='radio'][value='your_radio_button_value']"); // Alternatively, select a radio button by its label page.check("text=The label of your radio button"); // Do something else after selecting the radio button... // Close the browser browser.close(); } } }

@minnukurian7935 3 месяца назад

Thank you!

@sgsmeera Год назад

Hi Kaushik, I started watching your playwright series. Its so so useful for the beginners. Iam not able to get in built methods in like (goto, click()....). Do I need to install any extension for this to get autosuggestions foe methods

@LambdaTest Год назад

Hey Meera, We are glad you liked our video. You can try the following snippets on Visual Studio Code Editor - Playwright Snippets: Provides code snippets specifically for Playwright methods, making it easier to write code. - JavaScript (ES6) code snippets: Offers a collection of useful JavaScript code snippets. Hope it helps 🌟

@manee427 Год назад

amazing

@LambdaTest Год назад

Glad you liked it! Subscribe, and look forward to more such tutorials! ✨

@nagarajareddy-us3rd Год назад

@kaushik this is one of the best video well done🥰 and also I want learn how added multiple xpath ,can you please share the link😀

@LambdaTest Год назад

Glad you liked it! Subscribe, and look forward to more such tutorials! ✨

@kshwetainit Месяц назад

Hi Kaushik, Hope you are doing well! As always Thank you so much for your videos :) This time I wanted to ask is - How we can run one test case with multiple different logins parallelly in Playwright with typescript(kind of load testing)

@LambdaTest Месяц назад

Hi there, We're glad to hear from you, and it's wonderful that you're finding the videos helpful! Running a test case with multiple different logins simultaneously in Playwright with TypeScript can indeed simulate a form of load testing and is great for testing how your application handles concurrent sessions. Here’s a basic outline of how you can achieve this: Use Test Parameterization: Playwright Test allows you to run parameterized tests. You can define multiple test scenarios with different login credentials. Here’s a simple example: // Define multiple credentials const credentials = [ { username: 'user1', password: 'pass1' }, { username: 'user2', password: 'pass2' }, // Add more credentials as needed ]; // Parameterized test credentials.forEach(cred => { test(`Login test for ${cred.username}`, async ({ page }) => { await page.goto('your-app.com/login'); await page.fill('input#username', cred.username); await page.fill('input#password', cred.password); await page.click('text=Login'); // Add assertions and further actions here }); });

@georgekemetzis 9 месяцев назад

Hello Koushik, and thank you for the great course! I'm at the Page Object Model chapter, trying to add an item from the "Special Hot" page to my cart, but the "Special Hot" list is empty: "There are no special offer products to list". I would try a different screen, but I'm very new to all this, so I'm trying to follow the video steps.

@LambdaTest 9 месяцев назад

Hey George, Thank you for the kind words, glad you liked our video Regarding the "Special Hot" page issue, it seems like the demo website's content might have changed or there could be a temporary issue. If the "Special Hot" list is empty, you might try automating another similar list or page on the website. The idea is to understand and apply the concept of Page Object Model, so the specific content isn't crucial.

@focus-psc6202 Год назад

@koushik,thanks for the video. How to compare two list using expect. Can you please explain string manipulations in typescript.

@LambdaTest Год назад

Hey there, To compare two lists in Jest, use expect(array1).toEqual(array2); where array1 and array2 are your lists. For TypeScript string manipulations: slice(start, end): Gives a new string from start to end. replace(old, new): Replaces old with new in the string. split(separator): Splits the string into an array based on separator. Hope this helps!

@kianooshsoleimani5472 10 месяцев назад

thank you , that was very good would you please gave us the repo of this project?

@LambdaTest 10 месяцев назад

📍𝐆𝐢𝐭𝐇𝐮𝐛 𝐋𝐢𝐧𝐤: github.com/ortoniKC/LambdaTest-Playwright-Java

@i-am-the-slime 10 месяцев назад

Oh my lord, I was hoping to learn this in 6 minutes, but I think I have.

@LambdaTest 10 месяцев назад

Glad you found this helpful😊 Subscribe to our channel to never miss an update on the upcoming tutorials! ✨

@LesAxolotl Год назад

Thanks for this tutorial. This might be a silly question but, that input at the bottom of your developer tools in chrome where you just write xpath or css and get the elements, how do you get it? is that an extension?

@bxs_xix Год назад

It's a search box, you can activate it by pressing Ctrl+F

@user-ki8ij8xi9c 7 месяцев назад

Hello! Thanks for the great course! There is currently no Javascript tab in the Inspector. Is this now the default? Why is expect(page).toHaveURL no longer showing up? Was it abolished?

@LambdaTest 7 месяцев назад

Hey there, We are glad to hear that you're finding the course valuable! Regarding your queries about the JavaScript tab in the Inspector and the expect(page).toHaveURL method: JavaScript Tab in Inspector: The availability of a JavaScript tab or similar feature in the Inspector tool can depend on the specific browser or development tools you are using. For example, in Chrome DevTools, you usually work with JavaScript in the Console tab or the Sources tab. expect(page).toHaveURL Method: The expect(page).toHaveURL is typically a part of the Playwright testing library. If you're using Playwright and this method is not recognized, it could be due to several reasons: Version Mismatch: Ensure that you are using a version of Playwright that supports this assertion. Check the Playwright release notes for information on when this feature was introduced or if there have been any changes. Correct Imports: Verify that you have correctly imported the necessary modules in your test script. Please let us know if this helps

@harishkce1989 Год назад

Hello Koushik..any inputs on where/when to use the fixture in real time scenario ? or with in the framework using Page Object Model

@LambdaTest Год назад

Hey Harish 👋🏻 Playwright Test is based on the concept of test fixtures. Test fixtures are used to establish environment for each test, giving the test everything it needs and nothing else. Test fixtures are isolated between tests. With fixtures, you can group tests based on their meaning, instead of their common setup.

@kshwetainit 3 месяца назад

Thank you so much Kaushik for your reply on my last question. That was really helpful and got a good understanding of the code now. I do got another question this time, Is it possible in Playwright that we can verify/validate that after a process I am getting an email for that process. For ex: I have made a transaction in a system and got a email about my transaction, in this scenario I want to test that email receiving for that transaction made. Please let me know if we can integrate the email with playwright and verify the email and if we can that then what is the process of doing it. Thanks

@LambdaTest 3 месяца назад

Hey there, Glad you like the videos ❤ While Playwright doesn't directly handle emails, by leveraging external email testing services and their APIs, you can effectively automate email verification as part of your end-to-end testing process. Mailosaur, Mailtrap, and TestMail are examples of services that provide APIs to programmatically check emails. These services can be integrated into your Playwright tests to verify the receipt and content of emails. Here's a high-level overview of how you might do it with such a service: Step 1: Sign up for an email testing service and get your API key. Step 2: Use the service’s SMTP settings to send your application's emails to a sandboxed email server during testing. Step 3: In your Playwright test, after triggering the action that sends an email (like completing a transaction), use the email service's API to check the inbox for the new email. This typically involves sending a request to the service’s API endpoint and querying for the latest email that matches certain criteria (like subject line, sender, etc.). Step 4: Assert the presence of the email and optionally inspect its content to verify that the transaction details are correct.

@navigatorlg Год назад

Hello Koushik! Great video , great work ! Thanks a lot! Can you share a script from this video?

@LambdaTest Год назад

Hey I D, Thanks for your kind words. Please do subscribe to our channel for more such videos.

@mamdohlotfy3459 Год назад

First, it is amazing, and thank you for the easy explanation. if I want to slowMo the execution how to do that within the test that inherits {page} in the playwright test? test("Login test demo", async ({ page, browser, context }) => { // const browser = await chromium.launch({ slowMo: 500 }); => this can't be done if page inherites not created

@LambdaTest Год назад

Hey Mamdoh, We are glad that you found this video helpful. If you want to slow down the execution of your test cases in Playwright, you can use the slowMo option when launching the browser. However, since you're using the page object that's passed to your test case, you can't set the slowMo option when launching the browser. However, since you're using the page object that's passed to your test case, you can't set the slowMo option when launching the browser.

@PeiZhangPei Год назад

Thanks Koushik! When I try to run the test in headed browser (set the headless to false as demonstrated in your video), I got a error message like this: Looks like you launched a headed browser without having a XServer running. Do you have any idea how to fix it?

@LambdaTest Год назад

Hey there Looks like you are running on linux without any window manager. Probably docker, wsl or you use ssh (that wont have X11 support (at least out of box)). Setup a window manager, or use a full blown desktop linux.

@SarathKumar-zz1bd 3 месяца назад

Hi, Can playwright support the automating the desktop applications? Like in selenium, we have Robot and AutoIt similarly is there any way to do these things from the playwright?

@LambdaTest 2 месяца назад

Hey there, Playwright has support for automating Electron applications, which are desktop applications built with web technologies. You can use Playwright to interact with the web content within an Electron app. This requires launching the Electron application in a way that Playwright can connect to it, typically by using Playwright's electron API. If a desktop application embeds a web view (using frameworks like Chromium Embedded Framework), you might be able to automate the web content part of the application using Playwright, provided you can access the web context. This would be more of a workaround and highly dependent on the specific application and its architecture.

@Ish-YouTube 8 месяцев назад

Thanks a lot. I have a question: In section 1:40:55 you've explained how to handle three alert types. What about smart-card auth alert? cannot find a solution for this one, it's a very big problem for me, I might have to move to Cypress - and I really really don't want to!!

@LambdaTest 7 месяцев назад

Hey there, Handling smart-card authentication alerts can indeed be a challenge in automation testing. - CDP (Chrome DevTools Protocol): While Playwright has a rich API, sometimes you might need to drop down to using the raw Chrome DevTools Protocol. It's more complex but can provide solutions to certain challenges. You can use browserContext.newCDPSession(page) to establish a session and then issue commands to interact with Chrome directly. - Use Browser Contexts: Playwright's browser contexts can be used to create isolated sessions. You can set permissions or bypass certain modals in these contexts, which might give you a way around the alert. - Bypassing Authentication: If you're working in a development or testing environment, see if there's a way to bypass smart-card authentication. This makes your automation easier and you can still test the critical functionalities without the need for handling the alert.

@avanigarimella1220 День назад

Thank you for the the tutorial, it has been really helpful.. At 1:45 you said there was a failure and the screen shot which was captured was only of the last step. So how do we get the screenshot of the step which actually failed instead of last step?? Also can we code in a way that of there is a failure take a screenshot by scrolling into view of the element which had a failure??

@LambdaTest День назад

Hey @avanigarimella1220 , to take the full page screenshot follow this guide this might be helpful to your query : www.lambdatest.com/blog/playwright-screenshot-comparison/

@youvideo983 Год назад

Hi Kaushik, thanks for the awesome videos. I have a doubt. I recentlty started working in PlayWright and my page consists of lots of butttons and radio buttons. I want to selecte all buttons, save them in an array and do the assert. is it possible to select elements according to the tag name, in PlayWright? the tag name for buttons is

@LambdaTest Год назад

Hey Pratilpi In Playwright, you can select elements by their tag name using page.$$. To get all buttons, use const buttons = await page.$$('button');. This returns an array of ElementHandle objects. To perform assertions, iterate through the array, extract properties, and compare them to expected values. For example, use Promise.all with map to fetch text content and perform assertions on button text.

@kshwetainit 2 месяца назад

Hi Kaushik, You videos are really a big help for me in daily work life :) Thank you so much (again) for making these videos. As before I came up with one question : this time question is how to verify the popup/alert/dialog display on screen when a downloaded completed for a report(in my project) , this popup is displaying on browser's top right corner below download button (Browser's download button) The test I am doing here is - Click on Report button - Entering a date range - click on Download button - which download the report and shows a popup on browser's top right side with Download button and with default name like : Statement 00-01 I have tried below options but nothing is giving me anything in Console or output in report after execution await this.page.waitForLoadState(); this.page.on('download', download => download.path().then(console.log)); this.page.on('dialog', async dialog=> { console.log(dialog.message()); await dialog.dismiss(); }) OR // Get all popups when they open this.page.on('popup', async popup => { await popup.waitForLoadState(); console.log(await popup.title()); Please let me know how can I get the report name from popup or can check the visibility of the popup after download ? Thank you so much.

@LambdaTest 2 месяца назад

Hey there, We are glad the videos have been helpful to you! Regarding your query on handling browser download notifications and popups with Playwright, it seems you're trying to interact with or verify the browser's native download notification, which appears once a file download completes. This kind of notification is part of the browser's UI and not directly part of the webpage's DOM, making it challenging to interact with or verify directly using Playwright or any other web automation tool. Playwright's primary focus is on interacting with web content within the context of the page's DOM. Since the browser's download UI is outside the DOM, Playwright doesn't provide a direct way to interact with these elements. However, you can work with download events in Playwright to verify that a file has been downloaded and to obtain information about the downloaded file. Verifying File Download and Obtaining File Information While you cannot directly access the browser's download notification popup, you can verify a download has occurred and get the file's name through Playwright's download event listener. Here's an approach to handle and verify file downloads: // Assuming you have a page object already initialized await page.click('#reportButton'); // Click on Report button // Assume you set the date range here await page.click('#downloadButton'); // Click on Download button to start the download // Wait for the download event and get the download object const download = await page.waitForEvent('download'); // Get the path to the downloaded file const path = await download.path(); console.log(`Downloaded file path: ${path}`); // To get the download's suggested filename (e.g., "Statement 00-01.pdf") const filename = download.suggestedFilename(); console.log(`Downloaded file name: ${filename}`); // Your further assertions or checks can go here, for example: // Verify the filename matches expected pattern expect(filename).toMatch(/Statement \d{2}-\d{2}\.pdf/); This code listens for a download event on the page and then uses the download object to get the path and the suggested filename of the downloaded file. You can use this information to verify that the download has completed and that the filename matches your expectations. Let us know if this resolves your problem.

@manojshukla8627 10 месяцев назад

Great tutorial, how can I open the recorder in my current window instead of Incognito using "npx playwright codegen"

@LambdaTest 10 месяцев назад

Hey there, Thanks for your kind words! To open the recorder in your current window instead of an Incognito window using 'npx playwright codegen,' you can specify the 'channel' option in the command. Use the following command: npx playwright codegen --channel=chrome This will launch the recorder in a regular Chrome window. Enjoy testing

@MrAnujbond Год назад

Very informative tutorial but it would be better if you've explained the BDD part as well.

@LambdaTest Год назад

Thanks for your feedback, Look forward to more such tutorials! ✨

@user-ly5dm7ip5s 11 месяцев назад

Hey Kaushik , Really good video. Can you please send us the gibhub link to the sample code if available

@LambdaTest 11 месяцев назад

Glad you liked it!😊 GitHub Repo: github.com/ortoniKC/playwright-ts-lambdatest

@sgsmeera Год назад

Hi Kaushik, Videos are awesome. Can you please help me out in use of data tables using playwright javascript Cucumber BDD framework. How to pass thta table values to page file?

@LambdaTest Год назад

Hey Meera, Glad you liked our video To use data tables in Playwright with JavaScript and the Cucumber BDD framework: - Define the Data Table in the feature file. - Map the Data Table to step definitions and extract the table values. - Pass the data table values to your page file or step implementation. - Utilize the values in your page file for actions or assertions using Playwright. Let us know if face any issues 🌟

@TuffourBoateng Год назад

Hello Koushik, can you kindly share the css selectors extension you used for this playwright course.

@LambdaTest Год назад

Hey there 👋🏻 You can try the css selector extension tools from the list ginva.com/2017/03/css-selector/

@tausifkhan6539 5 месяцев назад

Sir please make video on playwright how to "DEPLOY" playwright code on vercel and other hosting provider please make video on this topic sir please

@LambdaTest 5 месяцев назад

Hey there, Thank you for your valuable feedback. We will certainly consider your input in our upcoming videos.

@Lehvika2995 7 месяцев назад

Please do video on playwright with JS for interview questions and answers

@LambdaTest 7 месяцев назад

Hey there, Your input is invaluable to us, and we're excited to explore this topic further. Stay tuned for more updates, and thanks again for your feedback! 🚀📚

@skyzane2735 4 месяца назад

Do you have any tutorial on installation part where you just use commands rather than vscode extensions?

@LambdaTest 4 месяца назад

Hey there, You can refer to the learning hub article on Playwright Testing Tutorial: www.lambdatest.com/playwright Happy to help if you face any issues.

@user-mz1rr7kp5g 7 месяцев назад

Hi Koushik. Going through your playwright testing course and having issue with generating video reports. I am able to see screenshots, but not video. Do you know what can be the issue and how to solve it? I am on Windows machine. Using VS Code 1.84.2 + Playwright 1.39.0. I have added to my config. file: screenshot: 'on', video: 'on',. Thanks in advance.

@LambdaTest 7 месяцев назад

Hey there, Thank you for reaching out. You can try out the following methods to help resolve your issue. Correct Configuration: First, ensure your playwright.config.js (or .ts) file is correctly set up. The configuration for video should be inside the use block. Here’s how it should typically look: use: { // Other configurations video: 'on', }, Video Storage Path: By default, Playwright saves videos in the test-results directory. Verify that this directory is accessible and that your user account has the necessary permissions to write files to this location. Check for Errors: Look for any error messages in your terminal or command prompt when running tests. Sometimes, issues with video encoding or file permissions might be logged there. Test Environment: Ensure there are no issues specific to your Windows environment that might be preventing Playwright from capturing videos. This could include checking for any security software that might be blocking the creation of video files. Dependencies: Playwright requires certain dependencies for video capture to work correctly. Single Test Check: Try running a single test with video capture to see if the issue is isolated to a particular test or a global configuration issue. Playwright Version: You are using Playwright 1.39.0, which should support video capture. However, it's always a good idea to check the Playwright release notes for any known issues or updates related to video capture. Thank you for following the course, and we hope this helps you resolve the video capture issue! If you have any more questions or run into further issues, feel free to ask.

@erensivas 11 месяцев назад

I can not find this LetXPath in my DevTools like in 25:10 . Do I need to arrange something in the settings to get this window? Thank you in advance

@LambdaTest 11 месяцев назад

Hey there, You can check out the setup of LetXPath using the playlist and customize it according to your needs. ru-vid.com/group/PL699Xf-_ilW7aQ6lBWXjaIheZsduOpcR5 Let us know if help is needed.

@user-xq1hc2ww4r Год назад

Hi , we have a scenario where - When we try to Automation our application, we have multiple popup’s coming all over through the application, so we are not sure if the pop up comes up or not, it depends on the different scenarios to the pop up to show or not. so in this scenario how to Handle these situations where if the popup shows click on ‘close’ or if the pop up doesn’t show continue with the test. for ex - if popup is visible click close else - click on menu Can you please help with the this ‘if & else’ scenario?

@LambdaTest Год назад

Hey there👋🏻 You can utilize Playwright's page.waitForSelector() function. It waits for the selector to appear in the DOM and then performs an action. Hope that helps!

@user-cw9bv5so1s Год назад

Great video...but how to launch edge as normal browser instead of launching in incognito mode?

@LambdaTest Год назад

Hey Vasavi, We are glad you liked the video If you want to launch Microsoft Edge as a normal browser instead of in incognito mode, you can make a small adjustment to your Selenium WebDriver code. In JavaScript, when creating an instance of the WebDriver for Edge, you can use the setEdgeOptions() method to customize the options for the Edge browser. To launch Edge in normal mode, you can disable the incognito mode option.

@user-ge1bm9yu5k Год назад

Hi @kaushik Sir, can you please guide us data driven testing using Playwright. Would request can show in Video. thanks.

@LambdaTest Год назад

Hey Arijit Thank you for your interest in data-driven testing with Playwright! We appreciate your suggestion and understand the value such a topic could bring to our audience. We will certainly consider creating a video tutorial about this.

@lucasxavierlucas Год назад

epíc!

@LambdaTest Год назад

Thanks Lucas! Subscribe, and look forward to more such tutorials! ✨

@divaharg1538 5 месяцев назад

Hi bro this video useful for me learn web application testing and thank u for this, and You have any post Mobile apllication testing video recording playwright

@LambdaTest 5 месяцев назад

Hey there, Glad you liked our video, thank you for your wonderful feedback. please refer to the following link for Playwright Mobile app testing www.lambdatest.com/support/docs/playwright-android/

@divaharg1538 4 месяца назад

Hi, bro Thanks for support. I have another question about playwrights. Does Playwright support iOS mobile applications on actual devices? and also Lambdatest mobile web application using simulator instead of real device correct? Why did I ask Playwright to connect just to the browser and Android?

@LambdaTest 4 месяца назад

Hello, surely will get to back to you on this shortly

@anitahai992 Год назад

Hi, I have added the playwright test extension successfully. But I can't see the green buttons for running independent lines. What am I doing wrong?

@huytrinh1483 Год назад

You should run command: npx playwright test then the green buttons will show up.

@LambdaTest Год назад

Hey Anita, Let us know if you are still facing the issue

@Iamrocky1999 Месяц назад

Hi Koushik I have a query I have three tests in a file named ty.spec.ts namely two one One two one don2 two one I need to run only test “two one” I am getting error if I use pattern match. Please help . I want to run through command line . Using macOS

@LambdaTest Месяц назад

Given the similar naming of your tests, it's possible the pattern is matching more than one test. Here’s how you can more specifically target the test "two one" in Playwright, especially when using macOS: Use the Exact Match Flag in Playwright: Playwright's test runner allows you to specify an exact name match or a pattern. Since your tests have similar names, you should use a regex pattern that matches the exact test name to avoid ambiguity. To run just the "two one" test and not any test that contains "two one", you can modify the command like this: npx playwright test --grep '^two one$' ty.spec.ts Here, ^ denotes the start of the string, and $ denotes the end of the string, ensuring that only the test exactly matching "two one" is selected. Ensure You're in the Correct Directory: Before running the command, make sure you're in the directory that contains your ty.spec.ts file, or provide the correct path to the file. Check for Typos and Syntax: Errors can also come from typos in your command or in the test name within your file. Verify that everything is spelled correctly and that you're using the right syntax for your test runner configuration. Review Error Messages: The error message you receive can give clues about what's going wrong. If it’s a syntax error or a configuration issue, adjusting your Playwright setup or command line syntax might be necessa

@AdlBnymn 16 дней назад

Hello Sir, Is JS or Typescript knowledge a pre-requisite for this course?

@LambdaTest 16 дней назад

Hello @AdlBnymn , Would be better if you have basic syntax and understanding in place.

@sukanyanune4169 Год назад

Is it possible to connect to a Database with playwrigtj?If so please looking forward to the video

@LambdaTest Год назад

Hey Sukanya 👋🏻 We currently dont see the connection to b in the scope of Playwright. But we can connect it with installing additional library to connect to DB with NodeJS. Please go through the discussion on the Playwright repo github.com/microsoft/playwright/discussions/15232

@user-tx8vu2wv1g 9 месяцев назад

Please upload video about javascript in playwright

@LambdaTest 8 месяцев назад

Hey there, You can go through this playlist: ru-vid.com/group/PLZMWkkQEwOPliOm7TkV0Ndg45cJPDthDC

@amitdhankar777 10 месяцев назад

Hi Koushik, i need your help in reading json and excel file with typescript. an you help?

@LambdaTest 9 месяцев назад

Hey there, To read files in TypeScript: JSON: Use Node's fs module. Read the file using fs.readFileSync and parse with JSON.parse(). Excel: Install and use the xlsx library. Use XLSX.readFile to get the workbook, and access sheets via sheet names.

@Tej-ds1zc 2 месяца назад

Hi Koushik, The reports, screenshot and videos are not displaying for me. I did the same setup inside the config.js. Can you please help me out. import type { PlaywrightTestConfig } from '@playwright/test'; const config: PlaywrightTestConfig = { testMatch: ["tests/UI_Automation/loginTest.spec.ts"], use: { headless: false, screenshot: "on", video: "on" }, reporter: [["dot"], ["json", { outputFile: "jsonReports/jsonReport.json" }], ["html", { open: "never" }]] }; export default config; // Additional configuration options can be added here

@LambdaTest 2 месяца назад

Hey there, The configuration you've posted for Playwright seems correct for enabling screenshots and videos during your tests, as well as for setting up reporters. If the reports, screenshots, and videos are not displaying or being generated as expected, there are a few common issues and troubleshooting steps you can take: 1. Check Playwright Version Ensure you're using a version of Playwright that supports these features. While it's likely you are, if you're using a very outdated version, some features might not work as expected. You can update Playwright using npm or yarn: npm install @playwright/test@latest 2. Verify Output Directories By default, Playwright saves screenshots and videos in the test-results directory under the specific test directory. Make sure you have the correct permissions to write to these directories and that there's sufficient space. 3. Check for Errors in Test Execution Sometimes, if tests fail to execute correctly (e.g., due to errors in the test code or setup issues), screenshots and videos might not be generated. Look for any error messages in the test output that might indicate what went wrong. 4. Inspect Playwright Configuration While your configuration looks correct, ensure there are no overrides happening elsewhere that might disable screenshots or videos. For instance, if you're using environment variables or command-line arguments to run your tests, these can override your config settings.

@arijitmohanty8216 11 месяцев назад

Hi Kaushik Sir, can you please guide us on data driven testing in playwright.

@LambdaTest 11 месяцев назад

Hey Arijit, Thanks for your interest. Meanwhile, you can refer to the detailed learning hub on data-driven testing on www.lambdatest.com/learning-hub/data-driven-testing. Don't forget to subscribe to our channel for the latest updates on upcoming tutorials! ✨

@arijitmohanty8216 11 месяцев назад

@@LambdaTest thanks kaushik sir. I will follow this link. And I have already subscribed and join your channel sir.

@LambdaTest 11 месяцев назад

Thanks Arijit 🙂

@praneethkumar7498 Год назад

Hi, is this Node.js that you have used for scripting?

@LambdaTest Год назад

Hey Praneeth 👋🏻 The test scripts are written in playwright. To learn more www.lambdatest.com/learning-hub/how-to-install-playwright

@deepthign9267 Год назад

can I give the landing page for playwright test directly from the command line?

@LambdaTest Год назад

Hey Deepthi, Yes, you can give the landing page for a Playwright test directly from the command line. To do this, you can use command-line arguments when running your test script. For example, if you have a test script named test_script.js, and you want to specify the landing page URL as a command-line argument, you can use the following command: npx playwright test test_script.js --params.url=www.lambdatest.com/

@learnng4036 Год назад

Hi @kaushik could you please help make one video that how to send an email in playwright with latest report, at this point of time i can able to do it by nodemailer but it is not picking the nth report rather it’s picking n-1

@LambdaTest Год назад

Hey there To send the latest report via email in Playwright, generate and store reports with a timestamp or unique identifier, sort them before sending, and use nodemailer to send the email with the latest report as an attachment. Ensure you select the latest report file correctly by reading and sorting the directory. Explore Node.js resources for help. I appreciate your suggestion for a video on this and will consider it for future content.

@sivaiahb 11 месяцев назад

Hi, Mr.Koushik. i need some help regarding headless testing. even i used like headless: false. then also unable to open GUI. pls help me out. thank you

@LambdaTest 11 месяцев назад

Hey there, { headless: false } as an argument to launch() should launch the browser in non-headless mode, which means you should see the GUI. If this is not working for you, there might be an issue with your setup. Make sure that you have the latest version of Playwright installed. If the problem persists, it would be helpful to see the exact error messages or behavior you're observing. Could you provide a bit more detail?

@sivaiahb 11 месяцев назад

@@LambdaTest Hi, koushik. I just need suggestion from you. Upto now i worked with selenium java data driven frame work. But i worked for existing frame work. Upto now in my experience i didn't created fram work from scratch. Now i got a opportunity to create frame work in a new project. After seen your videos i felt playwright is very easy compared to Selenium. Pls suggest me playwright is recommended or not and pls mention problems if any. Thank you so much for your response bro.

@LambdaTest 10 месяцев назад

Hey there, Playwright offers native multi-browser support, is tailored for modern web interactions, and can be faster than Selenium. However, Selenium is more mature with a vast community. For a new project, if you felt comfortable with Playwright, it's worth trying. But ensure it aligns with your project's requirements and team's familiarity.

@sivaiahb 10 месяцев назад

@@LambdaTest thank you so much for your suggestion.

@SampathKV-oh8ef Год назад

In my visual studio node_module is hidden , I am able to see in folder explorer. Any work around .

@LambdaTest Год назад

Hey Sampath👋, If you wish to unhide node_modules for all projects, open Preferences > Settings, be sure to select the User setting tab rather than the Workspace tab, then go to Text Editor > Files > Exclude and remove the line that contains node_modules. Let us know if this works.

@thisbejann4600 Год назад

Im trying the assertion in the multi select list around 1:55:11, clicking the button using playwright does not reveal the options selected on the right side so my test fails. Do you know why even if the button is clicked, the options do not show?

@ahmadsohail1101 Год назад

try installing Playwright extension(from microsoft).

@LambdaTest Год назад

🙌

@prashantkushwah211 3 месяца назад

Hi @kaushik can you please tell any Typescript course.

@letcode 3 месяца назад

Hi, this is my TS course in detail ru-vid.com/group/PL699Xf-_ilW5VXRsJwBJLmDGrsrYxBjQT&si=eCULtxgpgdzKKECu

@LambdaTest 3 месяца назад

Hello, sure we will get back to you on this soon!

@manojshukla8627 10 месяцев назад

I'm using yarn package manager to install the playwright. I installed it using 'yarn create playwright'. I'm able to run the tests by testing UI in VS Code but when I'm trying in terminal using "npx playwright test", I'm getting error. It says to uninstall playwright and install playwright/test. Can you help me with this?

@LambdaTest 10 месяцев назад

Hey there, It seems you might have a version conflict. Try the following steps: - Uninstall the existing playwright: yarn remove playwright - Install the playwright-test package: yarn add @playwright/test - Now, run your tests with: npx playwright test If you still encounter issues, ensure that your playwright.config.js is correctly set up. Hope this helps

@manojshukla8627 9 месяцев назад

@@LambdaTest thanks for your prompt reply. Yes, it did work.

@LambdaTest 5 месяцев назад

You're welcome! If you have any questions or need further assistance, feel free to reach out. Happy learning!

@RameshbabuSripathi 11 месяцев назад

Hi Koushik, I want help from you. One I want to store Locators in one ts file( Example username, Password and login button) I want one class file like function util ts file . I want to import locators ts file app login ( calling locators) In Main spec ts file How to call util file . Plz explain sir

@LambdaTest 11 месяцев назад

Hey Ramesh, Thank you for reaching out to us, You can use the following methods and classes to restructure your files 1. Locators.ts file, where you store your selectors: export const Locators = { username: 'selector_for_username', password: 'selector_for_password', loginButton: 'selector_for_login_button' } 2. Util.ts file, where you define utility functions: import { Locators } from './Locators'; export class Util { async login(page, username, password) { await page.fill(Locators.username, username); await page.fill(Locators.password, password); await page.click(Locators.loginButton); } } 3. Main.spec.ts file, where you use your utility functions: import { Util } from './Util'; let util = new Util(); // In your test await util.login(page, 'myUsername', 'myPassword'); Please do let us know if this helps.

@RameshbabuSripathi 11 месяцев назад

@@LambdaTest Thank you very much for your detailed explanation bro

@user-mj8rj6om3h Год назад

Hi Kaushik, How to modify text in span text using playwright typescript. trying to do since 3-4 days. any help..please ... 0.00 .... want to modify 0.00 in above tag

@LambdaTest 11 месяцев назад

Hey there 👋 To modify the text in a span tag using Playwright, use page.evaluate(). For eg. await page.evaluate(() => { let span = document.querySelector('span'); if (span) span.textContent = "New text"; });

@prikshitverma3885 16 дней назад

Any real time project ? where I can do real time practise including ci/cd pipelines

@LambdaTest 14 дней назад

@prikshitverma3885 , you can watch the Jenkins video tutorial in this you have everything covered including the real-time workings of automation with CI/CD Pipeline using Jenkins. Hope this helps :)

@rajia3455 11 месяцев назад

How to use that selector letxpath? How to set like that?

@LambdaTest 11 месяцев назад

Hey there 👋🏻 To select elements using XPath in Playwright, use the page.$x() method. For Eg. ElementHandle element = page.$x("//xpath-expression"); The page.$x() method returns an ElementHandle representing the first element that matches the XPath expression.

@hanAlone87 8 месяцев назад

Hello Lambda, you don't need ";" anymore ;)

@LambdaTest 7 месяцев назад

😄🖖🏻

@NarendraKumar-lj3xk Год назад

Hi Koushik Your course is really good, but still there are some better ways to work with javascript. Is it possible to use functional programming directly instead of writing classes as we do in vanilla javascript. Just to inform you, I am a developer and never worked with any tool in automation.

@LambdaTest Год назад

Hey Narendra, Yes, you can absolutely use functional programming with Playwright. Playwright is a flexible automation framework that allows you to write your test code using different programming paradigms, including functional programming. If you have any further inquiries or need additional guidance, please feel free to ask. Happy testing!

@vspvzm3258 Год назад

Hi Koushik is this not a Page Object Model ?

@LambdaTest Год назад

Hey there, Can you explain a bit more.. Page Object Model in this video is explained at 3:34:23

@EnglishRain Год назад

I watched till 32:00 i noticed you are not giving any Typescript Types to any variables.... shouldn't Types be given everywwhere?

@LambdaTest Год назад

Hey there 👋🏻 As a best practise we should add type in all the variables used

@allahuakbar8843 Год назад

I am getting this error 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. At line:1 char:1 + npm init playwright@latest --yes -- --quiet --browser=chromium --brow ... + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

@LambdaTest Год назад

Hey there👋🏻 Can you try reinstalling nodejs/npm modules globally. Link: nodejs.org/en/download/ Please let us know if the issue persists.

@amritapandey7652 6 месяцев назад

what is the extension being sed to generate xpath, uniqueId?

@LambdaTest 6 месяцев назад

To generate XPath and unique IDs in Playwright, you can use the Rayrun Google Chrome Extension. This extension can generate CSS selectors, XPath, and Playwright locators for complex or deeply nested web elements.

@gustavosoto4607 Год назад

what happens if you are running on Headless, and want to record video? is that possible?

@LambdaTest Год назад

You can record video in Playwright headlessly by enabling video recording in a browser context, interacting with the page, and closing the context. Video files are saved as WebM in a specified directory, and this feature is only supported in Chromium-based browsers.

@neelkonar2155 11 месяцев назад

Hi Can you make playwright with javascript videos

@LambdaTest 11 месяцев назад

Thank you for the feedback! Creating playwright with JavaScript videos is an exciting possibility, and we will surely come up with them soon.

@tommyang6798 11 месяцев назад

what does the const in playwright do?

@LambdaTest 11 месяцев назад

Hey there 👋🏻 In Playwright, the const keyword is used to declare constant variables that hold fixed values. These variables cannot be reassigned or modified once they are defined.