Book Image

Modern Web Testing with TestCafe

By : Dmytro Shpakovskyi
Book Image

Modern Web Testing with TestCafe

By: Dmytro Shpakovskyi

Overview of this book

TestCafe is an open source end-to-end testing framework that combines unmatched ease of use with advanced automation and robust built-in stability mechanisms. This book is a comprehensive, project-based introduction to TestCafe that will show you how to use the TestCafe framework and enable you to write fast and reliable tests; plus you’ll have a proof of concept ready to demonstrate the practical potential of TestCafe. You’ll begin by learning how to write end-to-end web tests using the TestCafe syntax and features of the TestCafe framework. You’ll then go from setting up the environment all the way through to writing production-ready tests. You’ll also find out how to build a sample set of tests in a step-by-step manner and use TestCafe to log in to the website, verify the elements present on different pages, create/delete entities, and run custom JavaScript code. As you advance, you’ll delve into several stages of refactoring that will take you through the showcase setup/teardown and PageObject patterns. While this test suite is relatively simple to build, it showcases some of the most prominent features of TestCafe. Finally, this TestCafe book will show you how the tests can be run on a free and simple-to-use website, without requiring you to build and deploy your own servers or backend services. By the end of this book, you’ll have learned how to write and enhance end-to-end tests with TestCafe to solve real-world problems and deliver results.
Table of Contents (9 chapters)

Adding custom code execution to the test project

As we already learned from the Chapter 2, Exploring TestCafe Under the Hood, TestCafe lets you write code to be executed on the tested page; this way you can get web elements, URLs, and so on. Special kinds of functions are used to execute your code on the client side in the browser:

  • Selector: To obtain any DOM elements.
  • ClientFunction: To obtain any data from the client side.

These functions should be used in the same way as ordinary async functions, and you can use parameters to pass data inside such functions. The selector API provides methods and properties to select elements on the page and get their state.

To keep a proper structuring of the tests, it is recommended to group them by fixture. So, let's add a Redmine entities creation tests fixture and a Create a new project test to see how custom code execution works:

const { Selector, ClientFunction } = require('testcafe');const { stamp ...