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

[@LambdaTest]

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

[@Uradha1]

This is not a right project link for this video

[@over1498]

That is the Java project...

[@LambdaTest]

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

[@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 KZbin Channel for more such tutorials!

[@KristinJackvony]

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

[@LambdaTest]

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

[@Ish-YouTube]

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]

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.

[@erensivas]

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]

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

[@ArunVanka]

Kaushik, great video, nice info and nice pace, enjoyed going thru the video. Thanks heaps. Just wondering, do you have any videos done for API Testing with Playwright ?

[@LambdaTest]

Hey @ArunVanka , As of now we do not have API testing with Playwright video , but we do have a detail hub on performing API testing with Playwright : www.lambdatest.com/learning-hub/playwright-api-testing Do let me know if this helps :)

[@priyasanna]

Thanks!

[@LambdaTest]

Welcome!

[@ranjitkaur8974]

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]

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.

[@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 KZbin channel for more!👋

[@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]

Hey @gauravgulati5490 , Glad you enjoyed the video. For understanding the concept of getting XPath, you can check out this video: kzbin.infoXx9gCdnxHeo 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/

[@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/

[@ЕленаКазакова-о1э4и]

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]

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

[@korleone72]

Thank you. It is a very great course!

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

[@kianooshsoleimani5472]

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

[@LambdaTest]

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

[@darrenlukensow2815]

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]

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

[@skyzane2735]

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

[@LambdaTest]

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.

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

[@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 KZbin channel for more 👋🏻

[@starSha1982]

very useful. Watched entire video

[@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! ✨

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

[@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 🌟

[@manojshukla8627]

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

[@LambdaTest]

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

[@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! ✨

[@minnukurian7935]

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

[@LambdaTest]

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]

Thank you!

[@kumarsundararajan]

Bro Your LetXpath tool is amazing . keep the good work

[@LambdaTest]

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

[@SainiAnkur]

Thank you Koushik!

[@LambdaTest]

Glad you liked it. Please subscribe to our KZbin channel for more such videos 🌟

[@georgekemetzis]

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]

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.

[@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/

[@nadetdevfullstack7041]

Excellent ! Best of the best !

[@LambdaTest]

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! ✨

[@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 kzbin.info/www/bejne/rZLak6dnmKaHqc0

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

[@bettynavon3207]

Thank You Koushik!!!! I'm also looking for videos for a playwright with Python. Do you have any tutorials on the subject?

[@LambdaTest]

You're welcome! I'm glad you found it helpful. While we don't have video tutorials specifically for Playwright with Python, we do have a playlist on Playwright with Java. You can check it out : kzbin.info/aero/PLZMWkkQEwOPliOm7TkV0Ndg45cJPDthDC

[@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!

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

[@crissiehannac.demelo5735]

What tool is he using at 16:56?

[@LambdaTest]

Hey there, "Inspect Element" in Google Chrome is a tool within the browser's Developer Tools that allows you to view and interact with the underlying HTML, CSS, and JavaScript of a webpage. This is very useful in identifying web element selectors. You can Right-click on the webpage and select "Inspect" or use the shortcut keys (Ctrl+Shift+I for Windows/Linux, Cmd+Option+I for Mac). Hope this helps 🖖🏻

[@SineQuaNon1]

Many thanks Koushik. Great tutorial.

[@LambdaTest]

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

[@kshwetainit]

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]

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.

[@SarathKumar-zz1bd]

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]

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.

[@NRNov16]

Hi Kaushik, hope you are doing great!! I already taken your Selenium Series. Now I am planning to take Playwright. Couple of question before start off: 1. Is this for complete beginners?? I mean I do not have any knowledge in Javascript or Typescript. Everything will be there in this series?? 2. Now I am having some knowledge in Selenium. I can still learn this right?? 3. Selenium or Playwright or Cypress, which has more demand in future? 4. Is this series enough for getting full knowledge on Playwright?? Waiting for your reply Kaushik. Thanks

[@LambdaTest]

Hi, - To get started with the Playwright tutorial, you need to have prior knowledge of JavaScript or TypeScript. - Selenium and Playwright are different frameworks for web automation. However, you can still learn Playwright if you want to broaden your skill sets. - While Selenium is one of the popular frameworks, Cypress and Playwright are new players in the testing market. So you can learn how to use these frameworks. - Yes, this Playwright tutorial series is ideal for anyone seeking to build beginner to advanced-level expertise in Playwright, complete with real-world use cases.

[@oleksandrbelzetskyi8295]

That was really helpful, thank you!

[@LambdaTest]

Glad you liked it! 🙌

[@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!

[@sathyaelangovan9998]

HI Koushik, Your way of teaching is awesome and it is very helpful for me. I have a question, I have a testing experience of 5 years and after my maternity period (now 2 years break). I am really interested to do certifications and update my skills but financially not stable to do certifications and in order to restart my career, I myself upskilling from youtube videos and practicing it. Still I did not get any interview calls, but I got an opportunity to contribute to one of the open source project as a tester (Plant based AI model). In the project they were using python language, Machine learning and much more related to AI. I am having experience on selenium and java previously. Now for this project can I perform testing on Playwright and which language should l prefer java or python? please suggest me.

[@LambdaTest]

Hi Sathya, You can use Playwright with Python for the project to align with the project's language and ecosystem while enhancing your Python skills. Further, you can also try out Playwright certifications that can help validate your Python skills. Please explore if this can help you: www.lambdatest.com/certifications/playwright-101

[@sathyaelangovan9998]

@@LambdaTest Thank you so much!!

[@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! ✨

[@KennyChiam-s8t]

Hi Sir, when I added "headless: false" in the playwright config file and tried to run the example test, the chrome still doesn't shows up. Am I missing something ? I was chrome running while watching this tutorial video. and thanks a lot for this video! Really appreciate it Sir!

[@LambdaTest]

Hi Kenny, Please make sure the Playwright config specifies browserName: 'chromium' and headless: false, and all Chrome dependencies are installed. If running in Docker, please use a GUI-enabled setup like playwright:latest with Xvfb or --cap-add=SYS_ADMIN. Hope this helps!

[@KennyChiam-s8t]

@@LambdaTest Thank you so much for the help!

[@kshwetainit]

Hi Kaushik @LambdaTest Can you please share a video or link if you already have one about Worker explanation in Playwright? Thanks

[@LambdaTest]

Hi Shweta, At the moment, we don't have one. However, we can consider creating one if there’s enough interest.

[@Krentiles]

This is amazing. Thanks a lot.

[@LambdaTest]

Happy to help

[@neelkonar3800]

what are the advanced tools we should learn after this course

[@LambdaTest]

Hi Neel, You can learn tools like XState, Allure Report, GitHub Actions, Docker, TypeScript, and Playwright Test for advanced Playwright usage.

[@kshwetainit]

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]

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.

[@rajia3455]

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

[@LambdaTest]

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.

[@PhaniAnkathi]

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!

[@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]

🙌

[@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 🌟

[@VasaviReddy-h5c]

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.

[@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 [e-mail] for any queries, we will be happy to help.

[@piano_dreamerc_moll2475]

great tutorial 🙂 thank you!

[@LambdaTest]

You’re welcome 😊

[@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]

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 }); });

[@Jeyarani.K]

Please upload video about javascript in playwright

[@LambdaTest]

Hey there, You can go through this playlist: kzbin.info/aero/PLZMWkkQEwOPliOm7TkV0Ndg45cJPDthDC

Thank you sir for the detailed tutorial

[@LambdaTest]

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

[@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

[@tausifkhan6539]

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]

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

[@alfatihabdalla401]

Great explanation, thanks 💯

[@LambdaTest]

Glad it was helpful!

[@AdlBnymn]

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

[@LambdaTest]

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

[@sivaiahb]

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]

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]

@@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]

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]

@@LambdaTest thank you so much for your suggestion.

[@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

[@BillSmith-d7p]

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]

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.

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

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

[@diskyadit3921]

Awesome!!, Thank you

[@LambdaTest]

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

[@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/

[@stasshulhovich553]

Thank you very much for the great tutorial!

[@LambdaTest]

Happy to help!

[@jokerfanjack4211]

Great work.

[@LambdaTest]

Thank you! Glad you liked it 😇

[@arijitmohanty8216]

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

[@LambdaTest]

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]

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

[@LambdaTest]

Thanks Arijit 🙂

[@amitdhankar777]

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

[@LambdaTest]

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.

[@Lehvika2995]

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

[@LambdaTest]

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! 🚀📚

[@jecojacob-e6y]

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

[@LambdaTest]

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

[@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

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

[@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

[@kshwetainit]

Hi Kaushik, I hope you don't mind asking me another question :) Question is : I have one function(below shown) in my every page script, this function is basically used for 'delay' . Now I want to add this function in WebActions page and want to call or import it where ever delay is needed ( hope it is making sense) async delay(milliseconds: number) { return new Promise((resolve) => { setTimeout(() => { resolve(); }, milliseconds); }); I tried adding above code in my WebActions page in Lib folder .. but when I ran the test after importing the WebActions in page and calling delay function it is giving me error at pageRepo\AccountReportsStatisticsPage.ts:43 41 | await this.statisticsDropdown.selectOption({value: 'Sector'}); 42 | //await expect(this.verifyChart).toBeEnabled(); > 43 | await this.webActions.delay(3000); | ^ 44 | const masg = await this.verifyChart.isVisible(); 45 | console.log('Chart Visible:', masg); 46 | } Can you please help me to understand How can I make this delay function reusable and add it to WebActions page in Library and how I should call it in my other page or tests? Thanks.

[@LambdaTest]

Hey there, Thank you for reaching out, To resolve the issue you're facing with the delay function in your WebActions class, let's go through the steps you need to take to ensure the function is properly defined and accessible across your test scripts. 1. Define the delay function in the WebActions class: First, ensure your delay function is properly defined as a method of the WebActions class. Here’s how you can define it: export class WebActions { // Other methods... async delay(milliseconds: number): Promise { return new Promise(resolve => { setTimeout(() => { resolve(); }, milliseconds); }); } } 2. Importing the WebActions class: Make sure you are correctly importing the WebActions class in the test script where you intend to use the delay function. Here's a typical import statement, assuming the WebActions class is defined in a file within the Lib folder. 3. Instantiate and use WebActions: If your WebActions class requires instantiation (if it's not a static class), you'll need to create an instance of WebActions before you can use the delay function. Ensure you do this in your test script: const webActions = new WebActions(); await webActions.delay(3000); If WebActions has dependencies or requires specific setup in its constructor, ensure these are handled when you instantiate it. Hope these resolve your issue, please let us know if you face any more issues

[@kshwetainit]

@@LambdaTest Thank you so much Kaushik ... followed your suggestions and it worked :) Thanks again

[@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

[@SaiTheja-zr9yd]

How to Maximize the browser window while test execution.

[@LambdaTest]

Hi Sai, In Playwright, you can maximize the browser window by setting viewport: null when creating a browser context.

[@tommyang6798]

what does the const in playwright do?

[@LambdaTest]

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.

[@ArunVanka]

Kaushik, one of my work application doesn't have any test ids, so I have to identify them with class names unfortunately, It's a dynamic table with dynamic rows along with sub rows, so I want to use class names to locate the rows as I don't have anything else, but for some reason, I couldn't find any help on how to use class name to make that web element unique, any help. Class name is something like this: "data-row data-row-1 has-children" and 'for the sub row as 'data-row data-row-2 ng-star-inserted' I have automated this using other automation tools but struggling to do the same with Playwright. btw, thanks heaps for the playwright API video link below.

[@LambdaTest]

Hi Arun, To uniquely identify dynamic rows using class names in Playwright, especially when you don't have test IDs, you can leverage Playwright's powerful selector engine to filter elements by their class attributes and use patterns that help pinpoint the correct rows.

[@ArunVanka]

​@@LambdaTest Thanks heaps, I have successfully used the class names with Locator class. Actual HTML DIV had class name = 'period-frame current-period ng-star-inserted' Example: page.locator('.period-frame.current-period.ng-star-inserted'); OR page.locator('div.period-frame.current-period.ng-star-inserted') BTW, my class name had white spaces, so used '.' to replace them. that was new learning from this exercise.

[@gauthamnandavarambanda7270]

Hi Koushik, can We integrate Playwright with Xray. I mean to get the execution results directly updated into X-ray immediately after test case execution (without Azure)

[@LambdaTest]

Hello @gauthamnandavarambanda7270 , Yes, you can integrate Playwright with Xray to update test execution results directly. After running Playwright tests, capture the results in JUnit XML or JSON format, and use Xray's REST API to submit these results to Xray. Here's a brief example in Node.js: const axios = require('axios'); const fs = require('fs'); const results = fs.readFileSync('results.xml', 'utf8'); const jiraBaseUrl = 'your-jira-url'; const xrayApiEndpoint = '/rest/raven/1.0/import/execution/junit'; const authToken = 'your-auth-token'; axios.post(`${jiraBaseUrl}${xrayApiEndpoint}`, results, { headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/xml', } }) .then(response => console.log('Results submitted:', response.data)) .catch(error => console.error('Submission error:', error)); This sends your Playwright results directly to Xray without needing Azure. Hope this helps :)

[@gauthamnandavarambanda7270]

Thanks a ton for Your response. 🙏🏻 If possible could You please share any reference video regarding this.

[@LambdaTest]

Hi Gautham, Glad it helped! Currently, we don’t have a video on this, but we’re always exploring ways to expand our resources.

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

[@SoumyaVBhat]

Where to add the proxy in playwright?

[@LambdaTest]

Hey there, In Playwright, you can specify a proxy server configuration when launching a browser instance. This is done by setting the proxy option in the browserType.launch() method. Here’s how you can do it: For a Single Browser Instance You can configure the proxy settings directly in the launch options of the browser. Here's an example using Playwright in JavaScript with a Chromium browser: const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch({ proxy: { server: 'my-proxy-server:port', // Replace with your proxy server URL and port // Optionally, you can also specify credentials if your proxy requires authentication: username: 'my-proxy-username', // Replace with your proxy username password: 'my-proxy-password' // Replace with your proxy password } }); const page = await browser.newPage(); await page.goto('example.com'); // Perform actions with the page await browser.close(); })(); Global Proxy Configuration If you want all instances of a browser to use the same proxy settings by default, you might set up the proxy configuration when you're creating the browser context instead of when launching the browser. This is useful if you are using Playwright’s context capabilities to manage different browsing scenarios: const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const context = await browser.newContext({ proxy: { server: 'my-proxy-server:port', // Replace with your proxy server URL and port username: 'my-proxy-username', // Optional: Replace with your proxy username password: 'my-proxy-password' // Optional: Replace with your proxy password } }); const page = await context.newPage(); await page.goto('example.com'); // Perform actions with the page await browser.close(); })();

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

[@amritapandey7652]

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

[@LambdaTest]

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.

[@Tej-ds1zc]

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]

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.

[@divaharg1538]

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]

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]

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]

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

[@Sivashankar_K]

Hi Kaushik, while debugging , Is there a way to do click or fill using debug evaluate expression in VSCode?Because currently when I try it just says Promise

[@LambdaTest]

Hi Sivashankar, Yes, in Playwright, you can use the await keyword in the debug console in VS Code to resolve promises. For example, use await page.click('selector') or await page.fill('selector', 'value') to perform actions while debugging.

[@Sivashankar_K]

@@LambdaTest I used await keyword , it still returns Promise

[@LambdaTest]

Hi Sivashankar, Another way is to make sure the function using await is marked async, then try running the code outside the debug console if it's not resolving as expected.

[@prikshitverma3885]

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

[@LambdaTest]

@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 :)

[@RameshbabuSripathi]

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]

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]

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

[@ArijitMahanty-v2m]

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.

[@manojshukla8627]

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]

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]

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

[@LambdaTest]

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

[@tinathomas4734]

great tutorial 🙂

[@LambdaTest]

Thank you! Cheers!💖

[@prashantkushwah211]

Hi @kaushik can you please tell any Typescript course.

[@letcode]

Hi, this is my TS course in detail kzbin.info/aero/PL699Xf-_ilW5VXRsJwBJLmDGrsrYxBjQT&si=eCULtxgpgdzKKECu

[@LambdaTest]

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