Epic Test Arch. - Test Everything, Everywhere All At Once

Comprehensive JS/TS Testing: Contract, API, UI, schema validation, Jest, Pact, Cypress, and more

What you'll learn

Fullstack mastery of JS/TS test tools and how they work together locally and in CI; Jest, Pact, Cypress, Github Actions

Master the 3 contract testing types from Pact; Consumer Driven, Provider Driven, Message Queue (Kafka)

Master of the 3 testing types with Cypress; UI e2e, API e2e, UI component

Master creating schemas with Zod, full stack schema validation, and auto OpenAPI spec generation

Master schema testing and schema validation using Cypress and Optic

Learn advanced TypesScript, ports & adapters pattern, Jest, React and React-Query

Requirements

Familiarity with Git and npm.

Description

Course Overview:This course provides an all-encompassing journey into JavaScript/TypeScript testing architectures that cover everything from consumer-driven and provider-driven contract testing to full-stack UI/API end-to-end testing, and schema validation . By the end of this course, you’ll have the skills to implement a robust and scalable test suite across any modern application architecture. Whether you're testing UI components in React, handling APIs, or setting up CI workflows on GitHub Actions, this course has you covered.What You’ll Learn:Comprehensive Contract Testing with Pact: Master consumer-driven, provider-driven, and message queue (Kafka) contract testing, ensuring seamless integration between services and preventing breaking changes before they reach any deployment. Identify issues that may not show up in your PR but could break other services in deployments — shift left and catch them early.Cypress for Full-Stack Testing: Gain expertise in UI end-to-end (E2E), API E2E, and UI component testing modern React, to cover all interaction points in your application, using Mockoon to mock network requests for isolated API testing.Schema Validation with Zod and Optic: Build schemas, automatically generate OpenAPI specifications directly from code, validate them end-to-end with Optic, and schema test them with Cypress, ensuring consistency and preventing breaking API changes at the PR level.Advanced TypeScript and Testing Patterns: Learn advanced TypeScript concepts, the Ports & Adapters pattern, and best practices with Jest, React, and React-Query.CI/CD Integration with GitHub Actions: Set up automated, scalable testing workflows in CI, ensuring code quality and reliability with every deployment.Why Take This Course?Using 3 repos, a variety of tech and test tools, this is one of the most comprehensive courses on testing architecture available. Designed for developers & testers who want a deep, practical understanding of full-stack testing that scales across complex applications, it also provides tools to catch breaking changes before they affect other services on deployments, at PR level. Even seasoned experts will find valuable insights and techniques, while beginners can follow along step-by-step to get everything working locally and in CI.Requirement: Familiarity with Git and npm.Get ready to elevate your testing skills, ensuring every part of your app is covered from development to deployment—and that you’re equipped to prevent breaking changes that might pass in PRs but fail in deployments!

Overview

Section 1: Introduction & Setup

Lecture 1 Intro

Lecture 2 Test setup

Lecture 3 Prisma - 0

Lecture 4 Prisma - 1

Section 2: Schema with Zod

Lecture 5 Schema

Section 3: OpenAPI

Lecture 6 OpeanAPI - 0

Lecture 7 OpenAPI - 1

Section 4: Repository, Adapter, Service

Lecture 8 Repository & Adapter - 0

Lecture 9 Repository & Adapter - 1

Lecture 10 Repository & Adapter - 2

Lecture 11 Service - 3

Section 5: Middleware & Routes

Lecture 12 Middleware & Routes - 0

Lecture 13 Middleware & Routes - 1

Lecture 14 Middleware & Routes - 2

Lecture 15 Middleware & Routes - 3

Lecture 16 Middleware & Routes - 4

Lecture 17 Middleware & Routes - 5

Section 6: Axios & Nock

Lecture 18 Axios & Nock - 0

Lecture 19 Axios & Nock - 1

Section 7: Cypress & Mockoon

Lecture 20 Cypress & Mockoon - 0

Lecture 21 Cypress & Mockoon - 1

Section 8: Pact setup

Lecture 22 Pact setup - 0

Lecture 23 Pact setup - 1

Lecture 24 Pact setup - 2

Lecture 25 Pact setup - 3

Section 9: Pact webhook setup

Lecture 26 Pact webhook setup - 0

Lecture 27 Pact webhook setup - 1

Section 10: Better Pact webhook

Lecture 28 Better Pact webhook

Section 11: Kafka

Lecture 29 Kafka - 0

Lecture 30 Kafka - 1

Lecture 31 Kafka - 2

Section 12: Pact & Kafka

Lecture 32 Pact & Kafka - 0

Lecture 33 Pact & Kafka - 1

Lecture 34 Pact & Kafka - 2

Section 13: UI - initial setup

Lecture 35 Initial setup - 0

Lecture 36 Initial setup - 1

Lecture 37 Initial setup - 2

Section 14: Provider driven contract testing

Lecture 38 Provider driven contract testing

Section 15: UI - styles, main, loading

Lecture 39 UI - styles, main, loading - 0

Lecture 40 UI - styles, main, loading - 1

Section 16: UI - hooks, forms

Lecture 41 UI - hooks, forms - 0

Lecture 42 UI - hooks, forms - 1

Section 17: UI - Movie details

Lecture 43 Movie details - 0

Lecture 44 Movie details - 1

Section 18: UI - app routes, main

Lecture 45 App routes, main - 0

Lecture 46 App routes, main - 1

Lecture 47 App routes, main - 2

Section 19: Refinements

Lecture 48 Refinements - 0

Lecture 49 Refinements - 1

Section 20: Breaking change

Lecture 50 Breaking change - 0

Lecture 51 Breaking change - 1

Lecture 52 Breaking change - 2

Lecture 53 Breaking change - 3

This is the most comprehensive test related course out there. Even for the top level expert there is something new to learn. However, following the videos and the matching branches, anyone can follow along and get the code working locally and in CI.