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

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://www.testmuai.com/register/?ut... 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/playwrigh... *𝑼𝒔𝒆𝒇𝒖𝒍 𝑫𝒐𝒄𝒔* 🔹 How To Run Playwright Tests On TestMu AI Platform: https://bit.ly/3t5w0XI 🔹 Run Your First Playwright Test On TestMu AI 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 TestMu AI! 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://www.testmuai.com/register/?ut... 𝑹𝒖𝒏 𝒚𝒐𝒖𝒓 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝒕𝒆𝒔𝒕 𝒔𝒄𝒓𝒊𝒑𝒕𝒔 𝒊𝒏𝒔𝒕𝒂𝒏𝒕𝒍𝒚 𝒐𝒏 𝟓𝟎+ 𝒃𝒓𝒐𝒘𝒔𝒆𝒓 𝒂𝒏𝒅 𝑶𝑺 𝒄𝒐𝒎𝒃𝒊𝒏𝒂𝒕𝒊𝒐𝒏𝒔 𝒖𝒔𝒊𝒏𝒈 𝒕𝒉𝒆 𝑳𝒂𝒎𝒃𝒅𝒂𝑻𝒆𝒔𝒕 𝒄𝒍𝒐𝒖𝒅. 𝑬𝒙𝒆𝒄𝒖𝒕𝒆 𝑷𝒍𝒂𝒚𝒘𝒓𝒊𝒈𝒉𝒕 𝒕𝒆𝒔𝒕𝒊𝒏𝒈 𝒊𝒏 𝒑𝒂𝒓𝒂𝒍𝒍𝒆𝒍 𝒂𝒏𝒅 𝒄𝒖𝒕 𝒅𝒐𝒘𝒏 𝒚𝒐𝒖𝒓 𝒕𝒆𝒔𝒕 𝒆𝒙𝒆𝒄𝒖𝒕𝒊𝒐𝒏 𝒕𝒊𝒎𝒆 𝒃𝒚 𝒎𝒖𝒍𝒕𝒊𝒑𝒍𝒆 𝒇𝒐𝒍𝒅𝒔. 𝑲𝒏𝒐𝒘 𝒎𝒐𝒓𝒆: https://bit.ly/3avWLhF Register Now to Avail Bonanza Offerings 💎 Test websites and web apps on 3000+ real browsers over TestMu AI 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 💬 TestMu AI Certifications: https://bit.ly/3x4EtcY *𝑺𝒐𝒄𝒊𝒂𝒍* #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 TestMu AI. Any illegal reproduction of this content will result in immediate legal action. 𝐄𝐱𝐩𝐥𝐨𝐫𝐞: HOME: https://bit.ly/4uOCPKK BLOG: https://bit.ly/4nlq87I LINKEDIN: https://bit.ly/438HIm2 TWITTER: https://bit.ly/4eOI74s GITHUB: https://bit.ly/4ucseJI NEWSLETTER: https://bit.ly/4dI8Y0S CERTIFICATIONS: https://bit.ly/4tVdw9j