WebdriverIO How to implement Page Object Model

Video Description

*ALL FREE COURSES* ► https://automationstepbystep.com/ 00:00 Intro 00:46 What is Page Object Model 03:04 Advantages of POM 03:22 DEMO How to implement POM in WebdriverIO Project 03:49 Sample demo application for testing 04:23 Sample Login test 16:20 Run demo test 16:54 Start of Page Object Model Implementation 17:08 Create class for each page 18:26 Create object locators in the login page class 21:24 Create functions for action on the objects 26:56 Refer the class in test script 30:30 Run POM test 33:06 Outro *What is POM* Design pattern to create Object Repository A class is created for each page to identify web elements of that page Also contains methods to do action on the objects Separates test objects and test scripts *Advantages of POM* Makes code maintainable Changes and updates are easier Makes code reusable Improves readability Single Object Repository Saves time and efforts Avoid rework Makes tests less brittle New tests creation is easier and faster Improves Overall quality and efficiency Demo How to implement Page Object Model Step 1 - Create a class for each page Step 2 - Create locators of all objects to be used in that page Step 3 - Create methods or actions to be performed on the objects Step 4 - Refer in the test scripts Step 5 - Run and validate class LoginPage class LoginPage { get username(){ return $('#username') } get password(){ return $('#password') } get loginButton(){ return $('button[type="submit"]') } get messageBox(){ return $('#flash') } async login(username, password){ await this.username.setValue(username) await this.password.setValue(password) await this.loginButton.click() } async checkLoginMessage(message){ await expect(this.messageBox).toHaveTextContaining(message) } } module.exports = new LoginPage(); Login test const LoginPage = require('../pageobjects/login.page') describe('Demo Test', () =＞ { it('Login Test', async () =＞ { browser.url('https://the-internet.herokuapp.com/login') await LoginPage.login('tomsmith', 'SuperSecretPassword!') await LoginPage.checkLoginMessage('You logged into a secure area!') }) }) *ASK RAGHAV* ► https://bit.ly/2CoJGWf *CI CD DEVOPS* JENKINS BEGINNER ► https://bit.ly/2MIn8EC JENKINS TIPS & TRICKS ►https://bit.ly/2LRt6xC JENKINSFILE ► https://bit.ly/3JSMSZ7 DOCKER ► https://bit.ly/2MInnzx KUBERNETES ► http://bit.ly/2MJIlMK *UI TESTING* SELENIUM BEGINNERS ► https://bit.ly/2MGRS8K SELENIUM JAVA FRAMEWORK ► https://bit.ly/2N9xvR6 SELENIUM PYTHON ► https://bit.ly/2oyMp5x SELENIUM TIPS ► https://bit.ly/2owxc50 SELENIUM BUILDER ► https://bit.ly/2MKNtlq SELENIUM 4 ► https://bit.ly/3AiJOlP KATALON STUDIO ► https://bit.ly/2wARFdi ROBOT FRAMEWORK with RIDE ► https://bit.ly/2Px6Ue9 ROBOT FRAMEWORK with Eclipse► http://bit.ly/2N8DZxb PROTRACTOR ► http://bit.ly/2KtqVkU ACCELQ ► https://bit.ly/3PlsAsh TEST PROJECT ► http://bit.ly/2DRNJYE CUCUMBER BDD ► https://bit.ly/3Cnno4z CYPRESS ► https://bit.ly/3PpEukM XPATH & WEB LOCATORS ► https://bit.ly/3PpEvoQ *API TESTING* WEB SERVICES (API) ► https://bit.ly/2MGafL7 SOAPUI ► https://bit.ly/2MGahmd POSTMAN ► https://bit.ly/2wz8LrW POSTMAN 2022 ► https://bit.ly/3JWm4qX JMETER API TESTING ► https://bit.ly/3AgVPar GENERAL ► https://bit.ly/2PYdwmV KATALON STUDIO API ► https://bit.ly/2BwuCTN REST ASSURED ► https://bit.ly/3zUdhRD KARATE API ► https://bit.ly/3w3H5Ku API MOCKING ► https://bit.ly/3bYPsjS *IDE* Visual Studio Code ► https://bit.ly/2V15yvt *PROGRAMMING* JAVASCRIPT ► http://bit.ly/2KJDZ8o TYPESCRIPT ► https://bit.ly/3dvJBmz *MOCK INTERVIEWS* ► https://bit.ly/3QGwwVJ ▬▬ *RAGHAV PAL* GITHUB PROJECTS ► https://github.com/Raghav-Pal/ STORIES BY RAGHAV ► https://automationstepbystep.com/stories/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ You can support my mission for education by sharing this knowledge and helping as many people as you can If my work has helped you, consider helping any animal near you, in any way you can *NEVER STOP LEARNING* Raghav Pal