Sending keys to inputs WebDriver IO JavaScript

When testing web applications, it's important to interact with input fields to validate their behavior. In WebDriverIO, sending keys to input fields is a commonly used method to populate them with data. This article will demonstrate how to send keys to input fields using WebDriverIO.

Sending Keys to Input Fields in WebDriverIO

WebDriverIO provides the setValue() method to populate input fields with data. This method sets the value of the given element using a simulated user action of typing the text.

Here is an example of how to use the setValue() method to send keys to an input field:

Using ID Locator

const searchInput = await browser.$('#searchInput')
await searchInput.setValue("Hello World")

In this example, we first locate the input field using its ID locator. The "#" prefix is used to indicate that we are using an ID locator. We then use the setValue() method to send the keys "WebDriverIO" to the input field.

Here is an example test that uses the above code snippet.

See Working Example

Conclusion

Sending keys to input fields is a fundamental operation in web automation testing. WebDriverIO provides a convenient method to send keys to input fields using the setValue() method. By using the correct locators, you can easily target the input fields in your test and interact with them to validate their behavior.