Writing our first test with Page Objects | Real-world Testing for Web Apps Ep. 1

In this WebdriverIO Tutorial Mini-series, we will be learning how to test a Hacker News Clone site that's built in React.

In this video, we cover the basics of getting set up with automated functional tests, and how to structure and use Page Objects to write clean, semantic tests.

If you enjoy these videos and would like to support more videos, take a look at my WebdriverIO course to see if it may help you: https://learn.webdriver.io

Or your can show your support with a one-time donation: https://paypal.me/klamping/5

Code for this episode: https://github.com/wdio-wed/react-hn/commit/ca09445568541c72a0b793bff99032fb4c4f722e

Links: React Hacker News Clone: https://github.com/insin/react-hn

JavaScript Class Constructor: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/constructor

WebdriverIO Page Object Pattern: http://webdriver.io/guide/testrunner/pageobjects.html

WebdriverIO isExisting function: http://webdriver.io/api/state/isExisting.html ... https://www.youtube.com/watch?v=A4-2LeGVgpw