Page Object Model In Playwright | Playwright With TypeScript Tutorial 🎭| Part 9

Video Description

Watch this video to learn about the Page Object Model (POM) design pattern and how to write POM tests in Playwright to maintain the test cases easily. Start FREE Testing: https://accounts.lambdatest.com/register?utm_source=YouTube&utm_medium=Organic&utm_campaign=Aug22&utm_term=XBSpY_v21iI&utm_content=LT_Sign_Up In this Part-IX of the Playwright tutorial series, 𝙆𝙤𝙪𝙨𝙝𝙞𝙠 𝘾𝙝𝙖𝙩𝙩𝙚𝙧𝙟𝙚𝙚 (@Koushik_chat), Content Creator at LetCode explains Page Object Model (POM) and how you can write and execute POM tests in Playwright using TypeScript. 🔹 𝑾𝒉𝒂𝒕 𝒊𝒔 𝑷𝒂𝒈𝒆 𝑶𝒃𝒋𝒆𝒄𝒕 𝑴𝒐𝒅𝒆𝒍 (𝑷𝑶𝑴)? ➡ Page Object Model, known as POM, is a design pattern that creates a repository for storing all online elements. It helps in the reduction of code duplication and the management of test scripts. Consider each web page of an application as a different class file in the Page Object Model. Each class file will only contain web page elements that correspond to it. Testers can use these items to conduct operations on the website under test. 🔹 𝑾𝒉𝒂𝒕 𝒂𝒓𝒆 𝒕𝒉𝒆 𝒂𝒅𝒗𝒂𝒏𝒕𝒂𝒈𝒆𝒔 𝒐𝒇 𝒕𝒉𝒆 𝑷𝒂𝒈𝒆 𝑶𝒃𝒋𝒆𝒄𝒕 𝑴𝒐𝒅𝒆𝒍 (𝑷𝑶𝑴)? ➡ 𝗘𝗮𝘀𝘆 𝗠𝗮𝗶𝗻𝘁𝗲𝗻𝗮𝗻𝗰𝗲: Everything in web automation depends on the DOM tree and selectors. The page object model simplifies maintenance since if the DOM tree or selectors change, we don't have to alter them. ➡ 𝗜𝗻𝗰𝗿𝗲𝗮𝘀𝗲𝗱 𝗥𝗲𝘂𝘀𝗮𝗯𝗶𝗹𝗶𝘁𝘆: Using POM, we can reuse code written for another test. We can also construct custom helper methods to accomplish this. Reusability of code minimizes code, saving time and effort. ➡ 𝗥𝗲𝗮𝗱𝗮𝗯𝗶𝗹𝗶𝘁𝘆: Readability is improved because the tests are independent. Ｖɪᴅᴇᴏ Ｃʜᴀᴘᴛᴇʀꜱ 👀 0:00 Introduction 0:04 Modules 0:24 What is POM? 0:48 Demo of Page Object Model 2:53 How to write pages? 27:42 How to execute the POM tests? 47:29 Conclusion 📌Also, learn 📃 🔸 What is the Page object model in playwright? 🔸 What is playwright testing? 🔸 How do you run a playwright test? 🔸 Should I use the page object model? 📌 𝑮𝒊𝒕𝑯𝒖𝒃 𝑳𝒊𝒏𝒌: 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 🔹 Migrate Existing Playwright Test Suites On LambdaTest: https://bit.ly/3PRFH5T 🔹 Test Execution Setup: https://bit.ly/3PONYYp 🔹 Run Local Tests Using Playwright: https://bit.ly/3z6jc7q 🔹 Running Playwright Tests With Playwright Test Runner: https://bit.ly/3N1WLo7 🔹 Running Playwright Tests With Cucumber.js: https://bit.ly/3xaKHvr 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=Aug22&utm_term=XBSpY_v21iI&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 #lambdatest #playwrightautomation #playwright #microsoftplaywright #playwrightautomationtutorial #playwrightframework #playwrighttestingtool #playwrightuploadfile #playwrightdownloadfile #playwrightdownload 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.