How to Click Elements with Offsets in WebdriverIO | Part 14

Watch this video to learn how to click elements precisely in WebdriverIO using X and Y offsets. Start FREE Testing: https://accounts.lambdatest.com/register?utm_source=YouTube&utm_medium=Organic&utm_campaign=Apr30&utm_term=1YDQOyA4P0k&utm_content=LT_Sign_Up 📢In Part 14 of the WebdriverIO series, join 𝐌𝐚𝐫𝐜𝐨 𝐀 𝐂𝐫𝐮𝐳, founder of AutomateNow, and learn how to use WebdriverIO to click elements with precision using X and Y offsets. In this tutorial, you'll understand how clicks work in WebdriverIO and how to control them based on element coordinates. ➡ 𝐇𝐨𝐰 𝐜𝐚𝐧 𝐈 𝐜𝐥𝐢𝐜𝐤 𝐚 𝐬𝐩𝐞𝐜𝐢𝐟𝐢𝐜 𝐚𝐫𝐞𝐚 𝐨𝐟 𝐚𝐧 𝐞𝐥𝐞𝐦𝐞𝐧𝐭 𝐢𝐧 𝐖𝐞𝐛𝐝𝐫𝐢𝐯𝐞𝐫𝐈𝐎? In WebdriverIO, you can perform an offset click by clicking a specific area of an element rather than the default center. To do this, you use X and Y offsets that define how far from the center of the element you want to click. For example, you can click to the left or right, or even up or down, from the center of the element by providing the respective offset values. This allows you to have precise control over where the click happens within the element. 📍𝐆𝐢𝐭𝐇𝐮𝐛 𝐋𝐢𝐧𝐤: https://github.com/automatenow/web-automation-using-wdio 𝐕𝐢𝐝𝐞𝐨 𝐂𝐡𝐚𝐩𝐭𝐞𝐫𝐬 👀 00:00 – Introduction 00:41 – How Clicking Works 06:37 – Click in the Middle of an Element 10:23 – Click to the Right Using Offset 12:31 – Click to the Left Using Offset 13:15 – Get Element Width and Height 16:05 – Click to the Right Using Width Percentage 18:43 – Click to the Left Using Width Percentage 20:00 – Conclusion 💬 Get started with a detailed guide to WebdriverIO Tutorial ➡ https://www.lambdatest.com/learning-hub/webdriverio 𝐑𝐞𝐥𝐚𝐭𝐞𝐝 𝐁𝐥𝐨𝐠𝐬 & 𝐇𝐮𝐛𝐬📝 ➡ How to Run WebdriverIO Tests: Getting Started Tutorial: https://bit.ly/43WO6Lh ➡ Cross Browser Testing With WebdriverIO [Tutorial]: https://bit.ly/3W84VlO Sign Up for LambdaTest! It’s FREE 🙌 LambdaTest is an AI-Native test orchestration and execution platform that allows you to perform both manual and automated testing across 5000+ environments, making it a top choice among other cloud testing platforms: https://accounts.lambdatest.com/register?utm_source=YouTube&utm_medium=Organic&utm_campaign=Apr30&utm_term=1YDQOyA4P0k&utm_content=LT_Sign_Up_2 For questions: [email protected] 𝐄𝐱𝐩𝐥𝐨𝐫𝐞: 🎬 Most Recent Videos: https://bit.ly/3PRAPyo 📝 Blog: https://bit.ly/3yGVsUc 🎓 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/3XwW0b0 𝐂𝐨𝐧𝐧𝐞𝐜𝐭 𝐰𝐢𝐭𝐡 𝐋𝐚𝐦𝐛𝐝𝐚𝐓𝐞𝐬𝐭: 👥 COMMUNITY: https://bit.ly/3Aiz5oO 🛠️ YOUTUBE: https://bit.ly/3rH2Yfh 🌎 LINKEDIN: https://bit.ly/3xA6F84 👥 FACEBOOK: https://bit.ly/37mbQOa 🐦TWITTER: https://bit.ly/3XLm315 🖼️ GITHUB: https://bit.ly/3jowfYs 🔴 NEWSLETTER: https://bit.ly/3juhxzc 📸 PINTEREST: https://bit.ly/2VCXI05 #lambdatestyourapps #parallelexecution #webdriverio #testautomation #automatedtesting #webtesting #paralleltesting #testautomationtools #testingefficiency #qaautomation #selenium #automationtutorial #developer #testautomationcommunity Disclaimer: This video features materials protected by the Fair Use guidelines of Section 107 of the Copyright Act. All rights reserved to © 2025 LambdaTest. Any illegal re-production of this content will result in immediate legal action.