Ultimate QA

Introduction

Facebook Group - Get Access to our Test Automation Masters secret group!

Weekly JavaScript Testing Tips

Creating A React App

Running First Test

Creating a CI Pipeline

Add a Link Test

Add Visual Testing

Making an Image Change

Releasing to Azure Static Web Apps

Creating CI for production testing

Finalizing production build for CI

Conclusion

Introduction

Start a Server

Register endpoint

Testing endpoint with Postman and Cypress

Updating Cypress to be robust

Creating Mongo DB

Hiding username and password in env file

Registering our first user

Add positive and negative test case

Making a more robust test

Removing duplication

Add body validation logic

Add creation validation test

Extract validation

Logic to avoid duplicate user creation

Encrypt a password

Add login endpoint

Testing the login endpoint

Add JWT

Add posts endpoint

Let's practice- part 1

Let's practice- part 2

Introduction

Setup

What is an atomic test

Getting started with Cypress

Breaking down tests into atomic tests

Answer to atomic tests exercise

Setting up for testing HTML forms and exploring the application

Improving the existing login tests

HTML Web Forms Answers

Testing JWT

JWT Exercise Answer

Testing a React web app

What are component tests

Running component tests

Adding test IDs to the tests

More component tests

What is visual testing

Creating end to end visual tests with WebDriverIO

visual e2e exercise answer

CICD with a React App

Conclusions

Introduction & Tools

Set Up Environment

E2E Browser Tests

Functional UI Testing With Cypress

CICD With GitHub Actions

Visual End-to-End Testing

Component Testing

Component Tests Exercise

Component Tests Solution

Introduction

Birthday reminder project setup

Static ui created

List component

onClick() implemented

What is our testing strategy_

Installing wdio

Run wdio test

Visual e2e testing

Conclusion

Ultimate QA - Bonus Lecture and Resources