Strings

Clase 12 de 25 • Curso de JavaScript Testing con Jest 2019

Resumen

En esta clase, Aprenderemos a como probar una cadena de texto. ver si contiene o no una particularidad de texto que queremos comprobar asi como también la longitud.

Métodos:

toMatch()
not.toMatch()
toHaveLength()

Facundo Petre

student•

Momento de recomendar el curso de regex .toMatch(/ your regex /)
.*

Oscar Barajas Tavares

Team Platzi•

Exacto, te permitirá entender mejor como usar toMatch()

Aqui el curso de expresiones regulares:
https://platzi.com/cursos/expresiones-regulares/

Francisco Contreras

student•

El método toMatch también funciona sin expresiones regulares:

describe("validar cadenas de texto", () => { const texto="es un bonito texto"; test("debe contener el siguiente texto", () => { expect(texto).toMatch("bonito"); }); });

Francisco Raimondi

student•

No es de malo, pero se nota la edicion de video!

En el texto aparece "es un bonito texto" y se usa el not.toMatch(/es/) y aun asi se pasa la prueba.. Ni contar que el texto tiene 18 caracteres, no 15! jajaja

Igualmente se entiende el concepto que es lo importante, pero me llamo la atencion que se pasaran 3 pruebas donde 2 deberian haber fallado

Mario Alejandro Crespo Reyes

student•

a mi tambien me paso la prueba con 15 caracteres

Jesús David Padilla

student•

Podrían instalar una extensión para VS como que permite levantar las pruebas automaticamente al salvar el archivo.

Jesús David Padilla

student•

Es una alternativa para el jest --watch

Juan Pareles

student•

Muy buen curso y profesor, ahora falta el de Enzyme :D

leonardo Oteca

student•

que es Enzyme?

David Acevedo

student•

Es otro framework que es muy usado para probar componentes en react

RENE DEL ANGEL SOSA

student•

Sería bueno explicar que lo que esta utilizando en .toMatch(n), son expresiones regulares. Creo que todos los métodos que manipulen strings aceptan las expresiones regulares.

Fadith Enrique Escorcia Mujica

student•

Por si no les autocompleta las opciones de jest

npm i -D @types/jest Si quieren que funcione en todos sus proyectos

sudo npm i -g @types/jest

Julio César Prieto Pólito

student•

Yo le pasé un arreglo de coincidencias con una palabra no existente al final para que fallara

    const text = 'Un bonito texto';
    const ocurrencias = ['Un', 'bonito', 'perro'];

    for (let ocurrencia of ocurrencias) {
        test(`Contiene el valor: ${ocurrencia} ?`, () => {
            expect(text).toContain(ocurrencia);
        });
    }

Edgar Lopez Arroyo

student•

describe("Cadenas de texto", ()=>{

    const text = "un gran texto";

    test("Debe contener el sig. texto", ()=>{
        expect(text).toMatch(/gran/);
    });
    test("No contiene el sig. texto", ()=>{
        expect(text).not.toMatch(/texto/);
    });
    test("comprobando el tamaño", ()=>{
        expect(text).toHaveLength(13);
    });
});```

JUAN FELIPE CONTRERAS DELGADO

student•

Andres Padilla

student•

expect(name).toMatch(/Juan/);

Buscar si en el string name se encuentra la palabra Juan

Fadith Enrique Escorcia Mujica

student•

Para lanzar los tests con un solo click

Usuario anónimo

user•

describe("Probar cadenas de texto", () => {
    const texto = "hola mundo!"
    test("debe contener el siguiente la palabra hola", () => {
        expect(texto).toMatch(/hola/);
    });
});

Miguel Angel Reyes Moreno

student•

Haría una ligera modificación, así el resultado en consola sería mucho más explícito.

describe('Comprobar cadenas de texto', () => {
  const text = 'Un bonito texto';

  test(`Debe contener una palabra del siguiente texto: "${text}"`, () => {
     expect(text).toMatch(/bonito/); //*Expresión regular
  });

  test(`No contiene una palabra del siguiente texto: "${text}"`, () => {
    expect(text).not.toMatch(/soleado/);
  });

  test(`Comprobar la longitud de este texto: "${text}"`, () => {
    expect(text).toHaveLength(15);
  });
});

Resultado:

    const text = 'Un bonito texto';
    const ocurrencias = ['Un', 'bonito', 'perro'];

    for (let ocurrencia of ocurrencias) {
        test(`Contiene el valor: ${ocurrencia} ?`, () => {
            expect(text).toContain(ocurrencia);
        });
    }

describe("Cadenas de texto", ()=>{

    const text = "un gran texto";

    test("Debe contener el sig. texto", ()=>{
        expect(text).toMatch(/gran/);
    });
    test("No contiene el sig. texto", ()=>{
        expect(text).not.toMatch(/texto/);
    });
    test("comprobando el tamaño", ()=>{
        expect(text).toHaveLength(13);
    });
});```

describe('Comprobar cadenas de texto', () => {
  const text = 'Un bonito texto';

  test(`Debe contener una palabra del siguiente texto: "${text}"`, () => {
     expect(text).toMatch(/bonito/); //*Expresión regular
  });

  test(`No contiene una palabra del siguiente texto: "${text}"`, () => {
    expect(text).not.toMatch(/soleado/);
  });

  test(`Comprobar la longitud de este texto: "${text}"`, () => {
    expect(text).toHaveLength(15);
  });
});

Strings

Introducción al curso

¿Dónde aprender testing con JavaScript?

Qué son pruebas Unitarias

Herramientas para pruebas en Javascript

Configuración

¿Qué es Jest?

Instalación y configuración

Creando nuestra primera prueba unitaria

Matchers

Common Matchers / Comparadores Comunes

Numbers

Truthness / Verdadero

Arrays

Coverage

Strings

Monitoreo

Setup de pruebas

Testing Asynchronous Code

Callbacks

Promesas

Reject y resolve

Async/Await

Aplicaciones de testing para Async/Await

Snapshot Testing

Snapshot Testing

Excepciones Snapshot

Implementando Jest en diferentes Frameworks

Preparar proyecto para trabajar con React JS

Preparar proyecto para trabajar con Vue JS

Preparar proyecto para trabajar con Express JS

Beneficios de las Pruebas Unitarias