Cómo hacer unit testing de componentes con servicios ? Mock para CONTROLAR nuestros test

Buenas buenas mi gente !!
En el día de hoy, veremos cómo hacer testing de componentes que poseen servicios !!!
Desde buena prácticas, mock de información y de endpoints hasta cómo comprobar si nuestra lógica está preparada para errores de servidor.
A por ello !
Si quieres hacer una donación:
streamelements...
▬ Links de interés ▬▬▬▬▬▬▬▬▬▬
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link al libro "Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web": amzn.to/2ReBuzL

[@anthonyaguilar3198]

Mil gracias Gentleman me ayudan mucho tus videos.

[@GentlemanProgramming]

Y a mí tu apoyo crack !!!

[@hijuliansosa]

Excelente, voy a ir viendo el anterior, ¡un abrazo!

[@GentlemanProgramming]

Esoooo a por ello Julián !!

[@lindltaylor4093]

Te ganaste un suscriptor buenardo este video

[@GentlemanProgramming]

Y tu un mentor para lo que necesites :D

[@LuisGarcia-dz4kk]

Máquina gracias por el video

[@GentlemanProgramming]

De nada Luis una alegría que te haya gustado :)

[@carlosriverahn]

Gracias por el video, esperando la tercera parte!

[@GentlemanProgramming]

De nada Carlos ! Ya volveremos con este tema :)

[@jimejimenta]

@@GentlemanProgramming sii tests de servicioss!!

[@andressolarte731]

Saludos, muy buena explicacion. estaré esperando la tercera parte.

[@GentlemanProgramming]

Genial !! Muchas gracias Andrés !!!

[@bedlion]

Bro la tercera parte porfa!!!

[@GentlemanProgramming]

Ya va a venir lo prometo !!

[@IgnacioCaramuto-lb8ph]

Cómo se testea en caso de que los datos de la database puedan cambiar? Por ejemplo en un crud podes eliminar registros entonces el objeto que esperas que venga de la api puede no existir más y en ese caso el test fallaría

[@GentlemanProgramming]

eso se hace de manera controlada testeando en tu backend con una base de datos que siempre estará limpia cada vez que ejecutes el test, entonces compruebas que el dato se agrega, edita y elimina. Pero en el front es solo probar que se haya realizado la llamada al back, con el endpoint correcto y la información correcta. No es tu responsabilidad

[@danielandrade5381]

Muy bien explicado! Que groso Alan!!! Te asustaste cuando empezó a fallar?? jajajaja Se esperan los próximos videos de unit test. Es algo que estoy mejorando.

[@GentlemanProgramming]

Jajaja para nada ! Es parte del aprendizaje, siempre trato de mostrar las cosas de la manera más cruda posible para que hayan errores así les muestro como busco donde falla, como debugueo y arreglo el problema

[@danielandrade5381]

@@GentlemanProgramming tal cual. De esa manera se aprende. Ármate algún cursito de unit test. Estoy viendo todos los videos. El podcast 1, como me sentí identificado. Hace rato que buscaba un canal así.

[@silviocattanese546]

Hola Alan buenas, consulta como se realiza el testing de propiedades input en un compente hijo, cuando el padre pasa la informacion

[@GentlemanProgramming]

No hay problema ! lo que tienes que hacer es crear un describe para ese componente hijo, lo agregas a tu test bed, y le pasas propiedades mockeadas para ver como se comporta :) esa seria la idea. lo tienes todo en la docu de Angular misma angular.io/guide/testing-components-basics Fíjate la sección de Component class testing, es especial el ejemplo del componente DashboardHeroComponent

[@silviocattanese546]

Muchisimas gracias por el aporte Alan 🙌, es justo lo que necesitaba 💪

[@juliancalderone]

Muy buen video!! está el código en algun repo? gracias ♥

[@oliverdjbrown]

excelente video alan me gustaria verte trabajando con los stubs

[@silviocattanese546]

Hola Alan buenas, Una consulta voy a empezar a realizar testing pero solo para desarrollos nuevos dentro del proyecto ya que el proyecto esta bastante crecido y voy a empezar con los unit test. Queria saber como hago para probar los casos de test para un modulo nuevo en particular que desarrolle de cero.

[@GentlemanProgramming]

Buenas Silvio !! viste mi parte 1 de este vídeo ? ahí te lo paso por las dudas: kzbin.info/www/bejne/ZqbGhXipoLGpqdE

[@silviocattanese546]

@@GentlemanProgramming buenas Alan si también lo vi, Me refería si se puede ejecutar el ng test sobre un módulo en particular sin la necesidad de tener que correr test de otros módulos existentes.

[@GentlemanProgramming]

@@silviocattanese546 Yes es que en las pruebas unitarias en verdad testeas el component o el servicio, y para ello tienes que meterlos en algún modulo ficticio que en este caso se hace con TestBed ( el del vídeo que pase ). Entonces tu lo que quieres es en verdad ejecutar solo un test sobre el componente que quieres XD lo que tienes que hacer es en el “describe” de tu prueba, agrégale una F. Quedaría asi : fdescribe('TuComponente', () => {...}

[@silviocattanese546]

@@GentlemanProgramming perfecto Alan, muchísimas gracias por el aporte 🙌

[@christopherh.3550]

buenardo

[@GentlemanProgramming]

Gracias Christopher H. !!

[@ezems87]

señor usted explica de put@ madre !! consulta : tiene algun repo en github ? gracias