How To Use Functions And Selectors | Playwright With TypeScript Tutorial 🎭| Part 2

Video Description

Watch this video to learn how to write a basic script with Playwright using functions & selectors and then launch the browser to execute the test. Start FREE Testing: https://accounts.lambdatest.com/register?utm_source=youtube&utm_medium=Organic&utm_campaign=Jun22&utm_term=UWeXnulWfJs&utm_content=LT_Sign_Up In this Part-II of the Playwright tutorial series, 𝙆𝙤𝙪𝙨𝙝𝙞𝙠 𝘾𝙝𝙖𝙩𝙩𝙚𝙧𝙟𝙚𝙚, Content Creator at LetCode (@Koushik_chat) walks you through the basics of a few playwright functions. He further demonstrates how to write a login script with Typescript and execute it using Playwright functions and selectors. Finally, he concludes the video by explaining the concepts of BrowserContext and Page. 🔹 𝑾𝒉𝒂𝒕 𝒂𝒓𝒆 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑭𝒖𝒏𝒄𝒕𝒊𝒐𝒏𝒔? ➡ Following are some popular Playwright functions: 1. goto - It is used to navigate to a site. 2. hover - It helps to perform the mouse hover action. 3. click - With this function, you can click on any element. 4. fill - It helps to send test data. 5. waitForTimeout - It is similar to thread.sleep. 🔹 𝑾𝒉𝒂𝒕 𝒂𝒓𝒆 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝑺𝒆𝒍𝒆𝒄𝒕𝒐𝒓𝒔? ➡ Selectors are strings used to generate locators. Locators are used to perform actions on elements using methods like locator.click([options]), locator.fill(value[, options]), and others. 🔹 𝑾𝒉𝒂𝒕 𝒂𝒓𝒆 𝑩𝒓𝒐𝒘𝒔𝒆𝒓𝑪𝒐𝒏𝒕𝒆𝒙𝒕 𝒂𝒏𝒅 𝑷𝒂𝒈𝒆𝒔? ➡ BrowserContext: BrowserContext allows you to run multiple independent browser sessions. If a page opens another page, such as with a window.open call, the popup will be in the browser context of the parent page. ➡ Pages: A BrowserContext may contain multiple pages. A page is a single tab or popup window within the context of a browser. It is intended to navigate URLs and interact with page content. Ｖɪᴅᴇᴏ Ｃʜᴀᴘᴛᴇʀꜱ 👀 00:00 Introduction 00:04 Modules 01:50 How to launch the Chromium browser using Playwright? 02:00 Test Block in Playwright 05:45 Playwright Functions 07:04 How to write a Login script? 07:43 Playwright Selectors 11:33 How to execute the script? 20:14 Understanding Context and New Page Concepts 24:18 Recap 25:06 Conclusion 📌Also, learn 📃 🔸 How do I launch a browser in Playwright? 🔸 What browsers does the Playwright support? 🔸 What is the Playwright test? 🔸 How do you install a Playwright test? 📌 𝑮𝒊𝒕𝑯𝒖𝒃 𝑳𝒊𝒏𝒌: https://github.com/ortoniKC/playwright-ts-lambdatest **𝑼𝒔𝒆𝒇𝒖𝒍 𝑫𝒐𝒄𝒔** 🔹 How To Run Playwright Tests On LambdaTest Platform: https://bit.ly/3t5w0XI 🔹 Run Your First Playwright Test On LambdaTest Platform: https://bit.ly/3x1jRWi 🔹 How To Run Playwright Tests In Parallel: https://bit.ly/3GyRORe 🔹 Test Execution Setup: https://bit.ly/3PONYYp 🔹 Run Local Tests Using Playwright: https://bit.ly/3z6jc7q 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: https://accounts.lambdatest.com/register?utm_source=youtube&utm_medium=Organic&utm_campaign=Jun22&utm_term=UWeXnulWfJs&utm_content=LT_Sign_Up_1 𝑹𝒖𝒏 𝒚𝒐𝒖𝒓 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝒕𝒆𝒔𝒕 𝒔𝒄𝒓𝒊𝒑𝒕𝒔 𝒊𝒏𝒔𝒕𝒂𝒏𝒕𝒍𝒚 𝒐𝒏 𝟓𝟎+ 𝒃𝒓𝒐𝒘𝒔𝒆𝒓 𝒂𝒏𝒅 𝑶𝑺 𝒄𝒐𝒎𝒃𝒊𝒏𝒂𝒕𝒊𝒐𝒏𝒔 𝒖𝒔𝒊𝒏𝒈 𝒕𝒉𝒆 𝑳𝒂𝒎𝒃𝒅𝒂𝑻𝒆𝒔𝒕 𝒄𝒍𝒐𝒖𝒅. 𝑬𝒙𝒆𝒄𝒖𝒕𝒆 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝒕𝒆𝒔𝒕𝒊𝒏𝒈 𝒊𝒏 𝒑𝒂𝒓𝒂𝒍𝒍𝒆𝒍 𝒂𝒏𝒅 𝒄𝒖𝒕 𝒅𝒐𝒘𝒏 𝒚𝒐𝒖𝒓 𝒕𝒆𝒔𝒕 𝒆𝒙𝒆𝒄𝒖𝒕𝒊𝒐𝒏 𝒕𝒊𝒎𝒆 𝒃𝒚 𝒎𝒖𝒍𝒕𝒊𝒑𝒍𝒆 𝒇𝒐𝒍𝒅𝒔. 𝑲𝒏𝒐𝒘 𝒎𝒐𝒓𝒆: https://bit.ly/3avWLhF 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: [email protected] 😃 **𝑬𝒙𝒑𝒍𝒐𝒓𝒆** 🎬 Most Recent Videos: https://bit.ly/3kUUeAQ 🎓 Learning Hub: https://bit.ly/3fr6l4Z 🎥 LambdaTest Customers: https://bit.ly/2TB7pvD 🚀 Webinars: https://bit.ly/37i41co 🛠️ Product Updates: https://bit.ly/3717NGO 💬 LambdaTest Certifications: https://bit.ly/3x4EtcY **𝑺𝒐𝒄𝒊𝒂𝒍** 📝 BLOG: https://bit.ly/3yGVsUc 👥 COMMUNITY: https://bit.ly/3Aiz5oO 🔴 NEWSLETTER: https://bit.ly/3juhxzc 🖼️ GITHUB: https://bit.ly/3jowfYs 🛠️ YOUTUBE: https://bit.ly/3rH2Yfh 🌎 LINKEDIN: https://bit.ly/3xA6F84 👥 FACEBOOK: https://bit.ly/37mbQOa 🐦TWITTER: https://bit.ly/3Cn0g3A 📸 PINTEREST: https://bit.ly/2VCXI05 #playwrighttutorial #playwrighttesting #playwrightselectors #playwrightautomation #playwright #microsoftplaywright #playwrightautomationtutorial #playwrightframework #playwrighttestingtool 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.