Book Image

UI Testing with Puppeteer

By : Dario Kondratiuk
Book Image

UI Testing with Puppeteer

By: Dario Kondratiuk

Overview of this book

Puppeteer is an open source web automation library created by Google to perform tasks such as end-to-end testing, performance monitoring, and task automation with ease. Using real-world use cases, this book will take you on a pragmatic journey, helping you to learn Puppeteer and implement best practices to take your automation code to the next level! Starting with an introduction to headless browsers, this book will take you through the foundations of browser automation, showing you how far you can get using Puppeteer to automate Google Chrome and Mozilla Firefox. You’ll then learn the basics of end-to-end testing and understand how to create reliable tests. You’ll also get to grips with finding elements using CSS selectors and XPath expressions. As you progress through the chapters, the focus shifts to more advanced browser automation topics such as executing JavaScript code inside the browser. You’ll learn various use cases of Puppeteer, such as mobile devices or network speed testing, gauging your site’s performance, and using Puppeteer as a web scraping tool. By the end of this UI testing book, you’ll have learned how to make the most of Puppeteer’s API and be able to apply it in your real-world projects.
Table of Contents (12 chapters)

Taking screenshots

Taking screenshots is the first feature I mention when I give talks about Puppeteer or Puppeteer-Sharp. Don't ask me why, maybe because I find it fun to use, or perhaps because it's hard to explain why we would need to take screenshots.

As a web developer, there are many things you can accomplish using screenshots. The first popular use-case you'll find is to improve your Open Graph information.

According to their website (https://ogp.me/), "The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook."

Open Graph is what will make social media posts (on Twitter or Facebook) look pretty when people share the URL of your site. We are not going to talk about product positioning on social media in this book. But what you need to know is that if you are working on a public site with users...