Curso de React Testing Library
Curso de React Testing Library

Fundamentos del Testing en React

1

Importancia del Testing en el Desarrollo de Software

2

Configuración del entorno de testing en React

3

Introducción a los Tests:Tu primer test en React

Estrategias de Testing en React

4

Testing de Componentes UI: Conceptos Básicos

5

Table Driven Testing en React

6

Desarrollo Guiado por Pruebas (TDD) en React

7

Mocks en Testing

Testing de Flujos de Usuario en React

8

Testing a un Proceso de Autenticación (Parte 1)

9

Testing a un Proceso de Autenticación (Parte 2)

10

Testing de Gestión de Datos con Mocks

11

Testing de Componentes Condicionales con data-testid

Testing de Hooks en React

12

SOLID y Refactorización de Hooks

13

Testing de Hooks con Mocks

14

Testing de Hooks con Spies

Pruebas de Integración y APIs en React

15

Testing de APIs Externas con MSW (Parte 1)

16

Mock Service Worker (MSW)

17

Testing de APIs Externas con MSW (Parte 2)

Reflexiones sobre Testing en React

18

Innovación en Testing con IA

19

Test Coverage en React

20

Estrategias de Testing: Cuándo no debes hacer Testing

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Curso de React Testing Library

Curso de React Testing Library

Wilmer Javier Garzon Cabezas

Wilmer Javier Garzon Cabezas

Introducción a los Tests:Tu primer test en React

3/20
Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Juan Jose Bernal Villamarin

Juan Jose Bernal Villamarin

hace 12 días
Lo más común es comparar objetos y arreglos, creo que el `toEqual ` es la manera más sencilla de hacerlo, pero no se si a nivel profundo sea una comparación valida, sin embargo aquí dejo mi aporte de los 3 it adicionales que creé, saludos `describe('My first test', () => { it('two numbers add function ', () => { const sum = (a: number, b: number) => a + b; const result = sum(2, 3);` ` expect(result).toBe(5); });` ` it('two equal strings', () => { const text1 = 'PlayStation'; const text2 = 'PlayStation';` ` expect(text1).toEqual(text2); });` ` it('two equal objects', () => { const obj1 = { name: 'John', age: 25 }; const obj2 = { name: 'John', age: 25 }; expect(obj1).toEqual(obj2); });` ` it('two equal arrays', () => { const arr1 = [1, 2, 3]; const arr2 = [1, 2, 3]; expect(arr1).toEqual(arr2); });` ` it('two equal arrays with objects', () => { const arr1 = [{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]; const arr2 = [{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]; expect(arr1).toEqual(arr2); });` `});`
Juan Jose Bernal Villamarin

Juan Jose Bernal Villamarin

hace 12 días
Lo más común es comparar objetos y arreglos, creo que el `toEqual `es la manera más sencilla de hacerlo, pero no se si a nivel profundo sea una comparación valida, sin embargo aquí dejo mi aporte de los 3 it adicionales que creé, saludos: ```js describe('My first test', () => { it('two numbers add function ', () => { const sum = (a: number, b: number) => a + b; const result = sum(2, 3); expect(result).toBe(5); }); it('two equal strings', () => { const text1 = 'PlayStation'; const text2 = 'PlayStation'; expect(text1).toEqual(text2); }); it('two equal objects', () => { const obj1 = { name: 'John', age: 25 }; const obj2 = { name: 'John', age: 25 }; expect(obj1).toEqual(obj2); }); it('two equal arrays', () => { const arr1 = [1, 2, 3]; const arr2 = [1, 2, 3]; expect(arr1).toEqual(arr2); }); it('two equal arrays with objects', () => { const arr1 = [{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]; const arr2 = [{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]; expect(arr1).toEqual(arr2); }); }); ```describe('My first test', () => { it('two numbers add function ', () => { const sum = (a: number, b: number) => a + b; const result = sum(2, 3); expect(result).toBe(5); }); it('two equal strings', () => { const text1 = 'PlayStation'; const text2 = 'PlayStation'; expect(text1).toEqual(text2); }); it('two equal objects', () => { const obj1 = { name: 'John', age: 25 }; const obj2 = { name: 'John', age: 25 }; expect(obj1).toEqual(obj2); }); it('two equal arrays', () => { const arr1 = \[1, 2, 3]; const arr2 = \[1, 2, 3]; expect(arr1).toEqual(arr2); }); it('two equal arrays with objects', () => { const arr1 = \[{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]; const arr2 = \[{ name: 'John', age: 25 }, { name: 'Jane', age: 30 }]; expect(arr1).toEqual(arr2); }); });
Jorge Eliecer Rangel Jimenez

Jorge Eliecer Rangel Jimenez

hace 8 días
```js it('Should be palindrome', () => { const palindromeVerify = (word: string) => { const reverseWord = word.split('').reverse().join('') if(reverseWord === word) return true return false } const isPalindrome = palindromeVerify("oso") expect(isPalindrome).toBe(true) }) ```