GratisFrontendintermediate

React Testing

Name: React Testing
Availability: InStock

In this hands-on course, you'll learn how to test React components like a pro, catch bugs before they reach users, write cleaner code, and boost your development speed. Whether you're building apps solo or collaborating in teams, testing gives you the confidence to ship faster and smarter. No more guesswork. Just solid, test-driven React.

2 semanasEN14 licoes415 inscritos

Curado do YouTube

Este curso foi selecionado a dedo do YouTube por nossos especialistas e organizado em um currículo estruturado passo a passo.

Iniciarcursogratis

Conteudo do curso

1 modulos · 6 assuntos · 14 licoes

Complete React TestingComplete React Testing

6 assuntos

Introduction to React TestingNew Description

2 licoes

Get Started - FundamentalsThis module introduces the fundamentals of React testing, covering different testing frameworks, types of tests, and core concepts that form the foundation of effective testing strategies.
Test Setup and ConfigurationThis module covers the practical aspects of setting up a testing environment, configuring test runners, and understanding test anatomy and Test Driven Development principles.

Jest Testing FrameworkNew Description

2 licoes

Jest BasicsThis module covers essential Jest features including watch mode, test filtering, grouping, naming conventions, and code coverage analysis.
Assertions and Test StructureThis module focuses on Jest assertions and determining what to test in React applications, covering testing strategies and best practices.

React Testing Library QueriesNew Description

3 licoes

Basic RTL QueriesThis module introduces React Testing Library queries, covering the most commonly used query methods for finding elements in the DOM.
Advanced Query MethodsThis module covers advanced React Testing Library queries including display values, alt text, titles, test IDs, query priority, and handling multiple elements.
Query Types and PatternsThis module covers different query types (getBy, queryBy, findBy) and manual queries, understanding when to use each approach.

Debugging and Testing ToolsNew Description

2 licoes

Debugging TestsThis module covers debugging techniques for React tests, including built-in debugging tools and the React Testing Playground.
User InteractionsThis module covers testing user interactions including pointer events, keyboa rd interactions, and complex user workflows.

Advanced Testing ConceptsNew Description

4 licoes

Providers and Custom FunctionsThis module covers advanced testing patterns including context providers, custom render functions, React hooks testing, and the Act utility.
Mocking and HTTP TestingThis module covers mocking techniques, HTTP request testing, and Mock Service Worker (MSW) for comprehensive API testing.
Static AnalysisThis module covers static analysis tools for code quality, including ESLint configuration and Prettier formatting for testing code.
Development WorkflowThis module covers development workflow optimization using Git hooks, pre-commit checks, and automated code quality enforcement.

AssessmentNew Description

1 licoes

Intermediate LevelLets assess your knowledge on the concepts you studied in this chapter.

Trilha de habilidades

Frontend

Domine a criação de interfaces de usuário bonitas, responsivas e interativas com padrões modernos. Aprende HTML, CSS, JavaScript, React e Next.js por meio de projetos práticos.