Testeando el paquete

Clase 42 de 51 • Fundamentos de JavaScript 2017

Resumen

El testing puede resultar algo confuso en un inicio: ¿Para qué quisiéramos probar algo que nosotros hicimos?. Es justo eso, los humanos no somos perfectos y necesitamos tener una serie de validaciones adicionales para asegurarnos que todo saldrá como lo esperamos.

Para hacer test se utilizan 2 herramientas muy populares: Mocha y Chai.

npm install --save-dev mocha chai

Los test prácticamente funcionan mediante resultado que esperamos, en la primer parte podemos describir que hace el test y lo segundo el valor esperado.

por ejemplo:

it(“Si la palabra termina con ar, se le quitan esas 2 letras.”,
  const tanslation = platzom(“Programar”)
  expect(translation).to.equal(“Program")
)

Y así con cada valor que esperamos.

David Santiago González Ramos

student•

Genial aprender a hacer tests a nuestro paquete! No tenia ni idea de como se hacen test. Gracias!!

Omar Flores Grimontt

student•

const expect = require('chai').expect
const platzom = require('..').default

Require lo que hace es un llamado a una función de un módulo y lo almacena en una constante.

En este caso expect y platzom son las constantes.

chai y ‘…’ son los módulos a los que se están llamando.

expect y default hacen referencia a las funciones que se están llamando de dichos módulos, siendo expect una función de chai y default es la función por defecto del módulo de platzom.

Es por esa razón que se cambia ‘mocha’ por ‘chai’, expect no es una función de mocha y por ende si haces el test con ‘mocha’ va a dar error y no va a reconocer a expect como función.

Algo que me sucedió es que necesitaba hacer test a dos funciones del mismo módulo.

En ese caso puedes hacerlo de la siguiente manera:

const función = require('..').nombreDeLaFunción

Y almacenas cada función en una constante diferente.

Felipe García López

student•

Sacha excelente curso,excelente video muchas gracias. Tengo un duda para Sacha o cualquier compañero que sepa estoy haciendo el ejercicio exportando una clase:

class FactoryCars {
    constructor(colorCar, year) {
        this.colorCar = colorCar;
        this.year = year;
    }

    start() {
        return `The ${this.colorCar} car started`;
    }

    getYear() {
        return this.year;
    }
}

export default FactoryCars;

Estoy usando babel para transpilar y al momento de hacer las pruebas unitarias, siguiendo la documentación de babel con mocha, funciona si apunto al código sin transpilar. Si apunto al código transpilado me dice que mi clase no es un constructor, ¿sabes por que puede estar pasando esto?

Quedo atento muchas gracias.

Walter Lensinas

student•

Se que paso un tiempo de tu consulta, pero el codigo lo tenes a mano y lo podes publicar? lo pudiste resolver?

Fco Castro

student•

Hice un test del test, para los que no se hayan entretenido, esto es lo que pasa si un “equal” no es igual:

MacBook-Pro-de-etc:platzom mac$ npm test

> platzom@0.1.0 test /Users/mac/Documents/cursoJS/cursoJSnpm/platzom
> mocha



  #platzom
    ✓ - Si la palabra termina en "ar" se le quita.
    ✓ - Si la palabra comienza por "z" se le añade "pe" al final.
    ✓ - Si la palabra traducida tiene 10 o más letras se debe partir por la mitad y unir con un guión.
    ✓ - Si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devulve la misma palabra intercalando mayúsculas y minúsculas.
    1) - Si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devulve la misma palabra intercalando mayúsculas y minúsculas.


  4 passing (10ms)
  1 failing

  1) #platzom
       - Si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devulve la misma palabra intercalando mayúsculas y minúsculas.:

      AssertionError: expected 'SoMeTeMoS' to equal 'SoMeTeMo'
      + expected - actual

      -SoMeTeMoS
      +SoMeTeMo
      
      at Context.<anonymous> (test/test.js:29:28)



npm ERR! Test failed.  See above for more details.
MacBook-Pro-de-etc:platzom mac$

Juan Diego Silva Garcia

student•

Por simplicidad me gusta AVA, pero lo que me gustó de mocha es que te deja usar otras librerías para realizar las asserciones eso es bueno. También los Plugins que tiene que para realizar test más visuales.

Ignacio Esteban Aredez Diaz

student•

Yo sigo recibiendo este error sin para ya realice los cambios de chia demas que se explican en el video pero no soy capaz de solverlo llevo 1 hora y 10 minutos y no soy capaz de encontrar el motivo

#platzom
Si la palabara termian en “ar”, se le quitan dos caracteres:
TypeError: platzom is not a function
at Context.<anonymous> (test\test.js:8:23)

Ignacio Esteban Aredez Diaz

student•

Puedo desisntalar el paquete y reinstalardo ? como lo hago? o que se me recomienda

Pablo José

student•

Hola compañero, ya lo resolviste? puedes pegar el codigo, podemos ayudarnos

Eduardo Hernández Domínguez

student•

😦 pero si el module esta igualito, ayuda 😃

Diego Forero

Team Platzi•

Puedes mostrarnos tu código, esta intentando buscar un modulo llamado ..

Eduardo Hernández Domínguez

student•

😃

Francisco Matta Perdomo

student•

Hola

Este es el codigo de test definitivo

const expect = require('chai').expect
const platzom = require('..').default

describe('#platzom',function(){
	it('Si la palabra termina en "ar", se le quitan esos dos caracteres', function(){
		const translation = platzom("Programar")
		expect(translation).to.equal("Program")
	})
	it('Si la palabra inicia con Z, se le añade "pe" al final', function(){
		const translation = platzom("Zorro")
		const translation2 = platzom("Zarpar")
		expect(translation).to.equal("Zorrope")
		expect(translation2).to.equal("Zarppe")
	})	
	it('Si la palabra traducida tiene 10 o más letras, se debe partir a la mitad y unir con un guión del medio', function(){
		const translation = platzom("abecedario")
		expect(translation).to.equal("abece-dario")		
	})	
	it('Si la palabra original es un palíndromo,  ninguna regla anterior cuenta y se devuelve la misma palabra intercalando mayúsculas y minúsculas', function(){
		const translation = platzom("sometemos")
		expect(translation).to.equal("SoMeTeMoS")				
	})

Saludos

Cesar Vicci

student•

La función it () define una prueba de jazmín. Se llama así porque su nombre hace que las pruebas de lectura sean casi como leer en inglés. El segundo argumento para la función it () es en sí mismo una función, que cuando se ejecuta probablemente ejecutará un número de funciones expect (). Las funciones expect () se usan para probar realmente las cosas que “esperas” que sean verdadera.

Enrique Rojas Reyes

student•

muy buena practica

Gabriel Alejandro Nuñez Natera

student•

Hay alguna forma de utilizar ECMA2015 con los tests?

Ignacio Briones

student•

Sacha eres un grande, muchas gracias por todo el conocimiento!, Saludos desde Chile 😃

Victor Riveros

student•

Muy interesante el ejemplo, ahora a publicar!

Roberto Miguel Spota

student•

siiiiiiiiiiiiiiiiii todo en verde jejejeje

Renato Colarusso

student•

Necesito ayuda. me arroja este error
C:\Users\Usuario1\desktop\platzom\dist\src\platzom.js:11
if (str.toLowerCase().endsWidth(“ar”)) {
^

ReferenceError: str is not defined
at Object.<anonymous> (C:\Users\Usuario1\desktop\platzom\dist\src\platzom.js :11:5)

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = platzom;
function platzom(str) {
  var translation = str; // body...
}

if (str.toLowerCase().endsWidth("ar")) {
  translation = str.slice(0, -2);
}

if (str.toLowerCase().startsWith("z")) {
  translation += "pe";
}

var length = translation.length;
if (length >= 10) {
  var firstHalf = translation.slice(0, Math.round(length / 2));
  var secondHalf = translation.slice(Math.round(length / 2));
  translation = firstHalf + "-" + secondHalf;
  // translation = [firstHalf, secondHalf].join('-')
}

function minMay(str) {
  var length = str.length;
  var translation = '';
  var capitalize = true;
  for (var i = 0; i < length; i++) {
    var char = str.charAt(i);
    translation += capitalize ? char.toUpperCase() : char.toLowerCase();
    capitalize = !capitalize;
  }

  return translation;
}

function reverse(str) {
  return str.split('').reverse().join('');

  if (str == reverse(str)) {
    return minMay(str);
  }

  return translation;
}

Diego Forero

Team Platzi•

Estas cerrando la función platzom luego del var translation, debes cerrarla al final del código. osea despues del cierre de la función reverse.

Alvaro Villalón

company_admin•

en que capitulo realizaron el código fuente ?

Diego Forero

Team Platzi•

Es el código que se ha realizado durante el curso.

Juan David Granados Figueroa

student•

Muy Buena Clase, un tema muy importante, de forma corta y concreta !!

Platzi Team

student•

Wao de 0 a hacer test! Interesante podamos tener un curso de JS más avanzado.

Fabian Velez

student•

¿Alguien podria ayudarme?, no se por que me dice que no encuentra el modulo :’(. Esto me sale en consola cuando hago el "npm test"
Error: Cannot find module ‘…’

at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)

El archivo package.json ya esta tal cual en el video, con el main y los scripts :’(

David Toca

student•

1- Revisa que la ubicacion de test.js este correcta
2- estas usando windows? el .. probablemente no te funcione, y tengas que poner el full path de tu proyecto

Manuel Andres Santizo Avila

student•

Podrias volver a correr los comandos de ´´´npm install´´´ para los modulos que requeriste y asi validar si estan instalados correctamente. También valida que cuando corriste todos los comandos hayas estado ubicado en el directorio del proyecto donde estan todos tus archivos. Ve directamente a la carpeta de node_modules a validarlo.

KEVIN BRAYAN LUNA FIGUEROA

student•

No sabia que se pudieran hacer tests a nuestros proyectos.
Excelente clase Sacha 😃

Yesica Lizeth Cortés Pineda

teacher•

Claro! no solo se puede, debes hacerlo es una parte super super importante en el desarrollo de software.

Testeando el paquete

Estamos renovando el Curso de Fundamentos de Javascript

¿Dónde aprender JS actualizado?

Bases del lenguaje

Bienvenido al curso

Calcula el área de un triángulo. Creando funciones

¿Quiénes pueden pasar a ver una película? Ejercicio con condicionales, expresiones y booleanos

Inventar un idioma manipulando strings

¿Cuántos kms corre una persona en promedio? Entendiendo el ciclo for

¿Quién gana en una pelea: Gokú o Superman? Resolviendo este problema con ciclos while

¿Cuánto tiempo pasó desde tu fecha de nacimiento?

Objetos en JavaScript

Calcular la distancia entre dos puntos - Objetos en JavaScript

Agrega métodos para mover los puntos - Objetos Avanzado en JavaScript

Definiendo la clase Punto - Prototipos en JavaScript

Definiendo la clase Punto - Object.create en JavaScript

Definiendo la clase Punto - Class en JavaScript

Conocimientos intermedios

Entiende el scope de las variables

Operaciones con arrays

Entiende los closures de JavaScript

Estructura del lenguaje

¿Quién es this?

This, _this y los arrow functions

La función bind

call y apply

ECMAScript 5, 2015, 2016, Babel y otros cuentos

ECMAScript: El estándar en el que se basa JavaScript

Babel al rescate: logrando la compatibilidad buscada

Distintas formas de escribir módulos en JavaScript

Procesos asíncronos

No generes un cuello de botella en el EventLoop

Los callbacks de JavaScript

Callback a un servidor externo

Promesas

Async-await

Implementación de set timeout en JavaScript

Implementación de set interval en JavaScript

Cancelando el Timeout y el Timeinterval

Qué son y cómo se implementan el callbacks en JavaScript

Eliminando el callback hell usando promesas en JavaScript

Estructuras de datos y funciones avanzadas

Funciones Recursivas

Memoizacion

Iteradores en JavaScript

Generadores en JavaScript

Estructuras de Datos Inmutables en JavaScript

Creando un paquete para NPM

Requisitos Técnicos

Creando nuestro paquete

Escribiendo el código de nuestro paquete

Testeando el paquete

Publicando el paquete en NPM

Juego de HTML

¿Qué vamos a construir?

Inicializando el juego

A una ronda le sigue otra ronda

Añadir una librería

Cierre del Curso

Desafíos

Crear un modulo para convertir medidas de peso

Crear un juego en HTML, tic tac toe

Crear un tutorial