Build a Cucumber Playwright Typescript Automation Framework

Learn how to develop a world class Cucumber, Playwright & Typescript automation framework from the ground up

What you’ll learn
Setting up your local development environment.
Build and run our own locally running react application.
Creating our first automation test with cucumber, playwright and typescript.
Executing your automation test on your locally running application.
Deep dive into our first test and understand tagging, regex, step linking, cucumber params, element locators, developer tools and hooks.
Developing our understanding of Browser, Context and Page.
Adding your own unique element identifiers to the application code to enable more automation scenarios.
Setting up our automation framework to produce screenshots on test failure.
Implement Cucumber World to enable us to pass global variable and configuration within each scenarios separated context.
Leverage ENV files for better environment variable management.
Implement dynamic test configuration to provide more flexibility when running our cucumber scenarios.
Defining our element, page and host mappings in page specific .json files.
Introduce our own custom waitFor() function to add stability to our automation framework.
Adding a common ENV file to house all our common configuration across our automation framework.
Setup cucumber html reporter to report on our test suite results.
Reuse our waitFor to help stabilise and validate page has loaded before moving onto the next step.
Use the amazing debugging tools that Playwright provides, like Playwright Inspector.
Advanced chrome developer tool learnings like console logs and break points.
Automating Links, Buttons and Elements at specific index.
Automating Tables and asserting on an exact match between our Cucumber DataTable and the UI.
Automating Switches, Cards & Avatars.
Automating Drop Down Menus and Select Boxes.
Adding the ability to refresh our page during an automation test.
Automating Browser Alerts, Page Alerts and Tooltips.
Automating Text Areas and Hidden & Visible Text.
Automating stored values and expected values.
Preparing our automation suite for production Automation Suite Runs.
Running our automation on a production environment.
Storing login details in environment specific ENV files.
Leverage Example Tables from Cucumber to run scenarios on specific environments.
Emulate devices for our automation suite to run on leveraging Playwright Devices.
Introduce the ability to customise our console logs for errors, logs and debug and off.
Adding the ability to customise our automation failure errors.
Develop our own waitForSelector function that better integrated with our waitFor function.
Refactor our assertion and interaction steps for better stability and consistency.
Leverage random data in our automation suite form steps.
Demonstrate how quickly automation can be added with our world class automation framework.
Tagging our suite for @smoke and @regression in preparation for CI.
Learn to intercept responses with playwright and mock out our own custom responses.
Implement an accessibility automation testing suite across our react application.
Produce detailed accessibility improvement reports as well as fix some issues ourselves.
Pushing our project containing our automation framework & Suite to GitHub.
Setting up our local machine as a build agent in preparation to run our automation tests in CI.
Get our automation tests running on pull request and in CI (Continuous Integration)
Develop and grow your understanding of TypeScript across the entirety of the course.
Implement Advanced Object Orientated Design Patterns and Seperation of Concerns.

Requirements
The course has been designed to take you from beginner to expert in building a world class automation framework.

Description
This course has been designed to simulate a real-world experience in building a Cucumber, Playwright & TypeScript automation framework from the ground up for a fully-featured application.

Upon completion, you will be able to apply your learnings and the automation framework you have built into your respective companies and projects. We are confident you will become an expert in building a world-class automation framework.

Our course and the automation framework we will build together has been developed with guidance from some of the globes leading testing and software engineering professionals and because of that we believe we can offer an incredible course where we will

– Develop your automation framework against a real react application running on your local machine.

– Build an end-to-end automation framework from the ground up for a full-featured end-to-end react application.

– Evolve your skills and continuously improve your automation framework as we progress through the course

– Learn how to build an object-orientated – engineer reviewed and approved automation framework.

We want this course to be the best decision you have ever made for your personal growth when it comes to improving your knowledge and skills in test automation framework architecture.

Across 176 lectures, 21 Quizzes and 26 hours of exciting content I will be at the bottom right of your screen instructing and cheering you along throughout the course. You will have everything you need to learn how to build a world-class automation framework.

Who this course is for
Automation Engineers
Software Testers
Software Engineers
IT Professionals