Book Image

Enhanced Test Automation with WebdriverIO

By : Paul M. Grossman, Larry C. Goddard
Book Image

Enhanced Test Automation with WebdriverIO

By: Paul M. Grossman, Larry C. Goddard

Overview of this book

This book helps you embark on a comprehensive journey to master the art of WebdriverIO automation, from installation through to advanced framework development. You’ll start by following step-by-step instructions on installing WebdriverIO, configuring Node packages, and creating a simple test. Here you’ll gain an understanding of the mechanics while also learning to add reporting and screen captures to your test results to enhance your test case documentation. In the next set of chapters, you’ll delve into the intricacies of configuring and developing robust method wrappers, a crucial skill for supporting multiple test suites. The book goes beyond the basics, exploring testing techniques tailored for Jenkins as well as LambdaTest cloud environments. As you progress, you’ll gain a deep understanding of both TypeScript and JavaScript languages and acquire versatile coding skills. By the end of this book, you’ll have developed the expertise to construct a sophisticated test automation framework capable of executing an entire suite of tests using WebdriverIO in either TypeScript or JavaScript, as well as excel in your test automation endeavors and deliver reliable, efficient testing solutions.
Table of Contents (20 chapters)
16
Epilogue
Appendix: The Ultimate Guide to TypeScript Error Messages, Causes, and Solutions

Injecting versus typing text into a field

We may want to override the intrinsic setValue() command to populate a field:

await inputField.setValue(newValue);

The reason is that injecting a value into an element may not necessarily kick off any additional JavaScript code behind the element. This might also skip some formatting that the developers added when we inject the data. Alternatively, we could use addValue():

await inputField.addValue(newValue);

Now, we might be appending text into a field that already has text. What we want is a function that will first clear the field, if populated, and then type just as a user would – letter by letter followed by the Tab key to move out of the field.

This can be accomplished in our framework in two ways.

First, we set the focus on the element and sending keystrokes through the browser.keys() method. Second, we send keys to the element directly with its AddValue() method. This would be a backup approach being slightly...