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

Our first custom wrapper method – global.log()

Question: what is a wrapper?

A wrapper is a bespoke method or function that is almost identical in signature to an intrinsic method but with added functionality. In our first example, we will create a global wrapper for console.log().

While the console.log() method is good for outputting information to the console window, it can be enhanced and shortened. Let’s build our first log() wrapper at the end of the wdio.config.ts file:

/**
 * log wrapper
 * @param text to be output to the console window
 */
global.log = async (text: any) =>  {
    console.log(`---> ${text}`)
}

This global.log() wrapper is almost identical to console.log except it has some text formatting that stands out. Let’s look at this by adding some examples to the test:

console.log (`Entering password`)
[0-0] Entering password
await global.log (`Entering password`)
[0-0] ---> Entering password

This...