WebdriverIO - Complete Beginner Course 2026

Install vscode for your OS, apply the one dark pro theme, install the material icon theme, and add prettier, eslint, and bracket colonizer to enhance coding.

Update Google Chrome to the latest version to match the latest Chrome Driver for webdriver IO tests; check for updates via the three-dots menu > help > about Google Chrome.

Set up the webdriver io base structure, access code on GitHub, and learn to clone or download the repo, install dependencies with npm install, and run tests with npx wq.

Install and set up a WebDriver IO project with npm init wdio, use the configuration wizard for an end-to-end web test on Chrome with Mocha.

Configure WebDriver IO by editing the configuration file to set the base URL, specs, capabilities, and the framework mocha. Understand how log level affects debugging and test execution.

Initialize a new WebdriverIO project with npm init, configure an end-to-end web test via the CLI wizard in Chrome using Mocha, set base URL to practice.automation.com, and install packages.

Review the Webdriver IO configuration file, covering base URL, specs path, capabilities, framework, reporters, and hooks. Learn how version 8.14 automates downloading browser binaries based on the chosen browser.

Explore the webdriver io configuration file, including base URL, specs, capabilities, services, framework, reporter, and hooks, and learn how to set up and run tests with mocha and chrome driver.

Create and configure a WebdriverIO project from scratch by initializing npm, installing the WebdriverIO CLI, and setting up the configuration for Mocha with a local Chrome driver.

Learn how Webdriver IO uses a built-in driver manager to install chrome for testing and the matching chrome driver version, avoiding manual driver services and browser updates.

Learn to write and run your first Webdriver IO test by creating a test folder, specs/home.js, opening a URL, and asserting the page title using describe and it blocks.

Practice failing a WebdriverIO test by altering the expected title and running with npx to validate assertions.

Explore why sync mode is deprecated in WebdriverIO with Node 16 and how to use async/await to properly sequence browser commands, open URLs, and verify titles in tests.

Practice a hands-on WebdriverIO test by going to the about page directly and asserting the full URL, reinforcing basic web testing skills.

Open the about page via URL, assert the page URL with to have URL, and verify test behavior by switching between about and contact to confirm the session works.

Master locating elements with the WebdriverIO $ command, selecting by id, and clicking the get started button, then verify that the URL contains get started text.

Click the logo button in a webdriverio exercise to navigate to the home page and assert that the url no longer contains get started text.

select the logo using xpath and click it, then verify the browser url does not contain the get started text.

Identify the heading element with a custom css selector, retrieve its text with get text, and assert it equals the expected value using Webdriver IO.

Learn to work with multiple elements in WebdriverIO using $ and $$. Extract the text from navigation menu items, and assert them against an expected list using a for loop.

Create WebdriverIO tests for the contact and blog pages, fill inputs, submit forms, and assert the success message; verify each blog post length exceeds ten characters and four posts exist.

Learn to write WebdriverIO tests for a contact form and blog page: fill inputs, submit, assert success messages, and validate recent posts with single and multiple element selectors.

Explore how WebdriverIO expect assertions provide built-in, wait-and-retry capabilities without external libraries. See examples like dot to equal and dot to have text to understand their behavior.

Explore the Webdriver IO default matches with Jest and Jasmine assertions, and learn when to switch to Jest/Jasmine for non-webdriver elements like arrays or strings, highlighting wait and retry capabilities.

Use the pause command to delay execution for five seconds to aid debugging. Avoid hard waits; use explicit waits for elements, loader, and API calls.

This video introduces common wait for commands in Webdriver IO, including wait for displayed, clickable, enabled, and exist in the dom, with default 10s timeout and per-command configurability.

master the waitUntil command in webdriverio by building custom boolean conditions, such as waiting for specific text in the primary menu, and configuring a custom timeout and message.

master a simple file upload test with webdriver io by handling a visible input field, uploading a file using remote path, and verifying the file uploaded message.

Learn to upload files with WebdriverIO when the input type file is hidden by removing the hidden class with browser.execute on the cart page, and verify success.

Learn how to work with iframes in webdriver io by switching context to an iframe, verifying elements inside it, and returning to the parent frame.

Explore debugging in Webdriver IO using console.log to print elements and the browser pause command to diagnose wait issues, then preview the browser debug command for interactive troubleshooting.

Use the browser debug command to debug tests, extend MoCA timeout, and inspect or interact with elements in the terminal and browser for faster issue resolution.