Скачать или смотреть Using WebdriverIO (WDIO) Custom Commands to Handle Test Ids

A deep dive video tutorial on creating WDIO custom commands. This video focuses on three different approaches to handling Test Ids.

00:00:00 - Introduction
00:00:47 - General Notes and Prep
00:02:17 - Part 1: Using WDIO's Add Command Functionality
00:06:00 - Enhancing WDIO's Browser Object to Handle Test Ids
00:08:22 - Enhancing WDIO's Element Object to Handle Test Ids
00:11:00 - Using WDIO's Before Hook
00:11:44 - Using Dynamic Imports
00:12:50 - Using the Newly Created Custom Commands
00:14:42 - ✨ VSCode Trick ✨ - Running package.json Scripts Within VSCode
00:15:50 - Enhancing WDIO's Browser and Element Type Definition
00:20:01 - Adding Type Definition Comment Blocks
00:21:40 - 📔 Best Practice 📔 - Keeping the Code DRY (Don't Repeat Yourself)
00:24:00 - Handling Element Arrays
00:25:33 - Updating the Hero Search Component to use Test Ids
00:28:00 - Updating the Custom Commands to Handle Element Arrays
00:31:15 - Using the Element Array Variation of the Custom Commands
00:32:44 - Summarizing the Changes and Committing the Code
00:35:25 - 📔 Best Practice 📔 - Keeping Main Stable
00:36:34 - Experimenting with Element Not Found
00:39:45 - Part 2: Using WDIO's Overwrite Command Functionality
00:45:10 - Keeping Existing WDIO Functionality Intact
00:46:03 - ⚠️ Word of Caution ⚠️ - Overwriting is NOT Recommended
00:46:50 - Using the Newly Created Custom Selector
00:49:59 - Summarizing the Changes and Committing the Code
00:50:14 - ✨ VSCode Trick ✨ - Using the Up Arrow for Previous Commit Messages
00:54:11 - Part 3: Creating a Global Function to Handle Test Ids
00:56:10 - Using the Newly Created Global Function
00:56:45 - ✨ VSCode Trick ✨ - Using a Keyboard Shortcut to Comment Code
00:59:00 - Understanding why I Prefer a Global Function
00:59:42 - Cleaning up the Code
01:00:41 - Adding a Comment Block to the Global Function
01:02:08 - Summarizing the Changes and Committing the Code
01:03:53 - Final Thoughts