@@LeiferMendez Estaba teniendo problemas para que pase jaja, era mi primera vez testeando en Angular, pero un amigo me pasó la documentación de testing services y ahí ya pude resolverlo
Gracias Lefifer, para los que les salga error de injector en el authService también deben importar el "HttpClientTestingModule" en el archivo auth.service.spect.ts
@Sergius GameDev Hola la verdad es que no puedes porque ya el hecho de que se clone el proyecto es darlo acceso podrías firmar contrato NDA etc. Pero a nivel técnico no puedes ☹️
Gracias por ejemplo, después de buscar muchos ejemplos pude hacer funcionar my test de servicio con httpclient, en ningún ejemplo encontré lo de la función done()
Buen día Leifer, que configuración o extensión usas para que los comentarios se marquen en amarillo como en el video, te agradezco la información , excelente tutorial
no entiendo una parte cuando dices espie el metodo post son todos los post en general no hay una forma de decirle que metodo en especifico espiar en el caso de que tenga varios posts?
Hay forma de correr únicamente el test de un solo archivo? Y que no sea de todo el proyecto, quizás crezca mucho y para ir probando lo último que se está haciendo va ser engorroso y demorado verlo
Muy buen comentario (pronto tendremos charla en el canal con alguien experto en pruebas). El objetivo es mantener la consistencia del componente, recuerda que uno de los objetivos de las pruebas es brindar confianza al equipo de trabajo, puede que tu aplicación crezca y nuevos miembros se unan al proyecto, esto ayudara a que estas nuevas personas o a ti mismo a tener en cuenta ese bloque de código, a que el subscribe realmente sea un "observable" a también te ayuda a probar el modelo de datos de la respuestas, el manejador de errores, etc.
Esto en el caso que se manejen banco de datos, también se puede complementar con API vivas en el caso que tu proyecto tengo un API Online asignada a entorno de pruebas
Hola, como estas. muy bueno el video. Cuando trato de hacer el post al servicio, me tira lo siguiente. Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL. Intente con un setTimeOut, pero no logro resolverlo. Alguna idea ?
@@LeiferMendez Gracias por responder. Si estoy usando el metodo done(), en realidad lo tengo igual que vos. Solo que me tira ese error, que no encuentro la solucion. Gracias igual
@@LeiferMendez mi caso es igual: Mi fetchData return this.http.get(`${this.endpointUrl}/${query}`) .pipe( map(result => .... Y el test it('Should retrieve all data', (done: DoneFn) => { const dummy = clientsMock; httpClientSpy.get.and.returnValue(of(dummy));
Ver Curso ANGULAR TESTING en ORDEN 👉 bit.ly/2VIvGAo
Perfecto, espero con ansias todos los videos siguientes!
Claro que si.. continuamos
Excelente 👍👍👍👏🏾👏🏾👏🏾 los mejores videos en español de pruebas unitarias en Angular...bastante completo
Gracias a ti! Yami por formar parte de esta comunidad y compartir
Gracias, Leifer! ¿Tienes previsto hacer algún video mostrando tests de integración?
Hola Santi sii vamos hacer un gran curso de testing :) 😀
@@LeiferMendez qué bueno! No dejas de sorprender la calidad del contenido que subes
Wow, buenísimo. Justamente ayer estuve haciendo testing a un servicio que hacía petición http
Muy bien Raymond y como te fue con tu test ?
@@LeiferMendez Estaba teniendo problemas para que pase jaja, era mi primera vez testeando en Angular, pero un amigo me pasó la documentación de testing services y ahí ya pude resolverlo
Gracias Lefifer, para los que les salga error de injector en el authService también deben importar el "HttpClientTestingModule" en el archivo auth.service.spect.ts
Muchas gracias :,) excelente video! 🚀🚀
Muchas gracias amigo, este video fue de ayuda!
Excelente video!!!
ANGULAR desde cero ⮕ bit.ly/367tJ32
NODE Express desde cero ⮕ bit.ly/3od1Bl6
MONGODB desde cero ⮕ bit.ly/3qh35wK
SOCKET desde cero ⮕ bit.ly/3pg1Q02
@Sergius GameDev Hola la verdad es que no puedes porque ya el hecho de que se clone el proyecto es darlo acceso podrías firmar contrato NDA etc. Pero a nivel técnico no puedes ☹️
Gracias por este video! estaba atorado con las pruebas unitarias :3
Gracias a ti por comentar y compartir
Gracias por ejemplo, después de buscar muchos ejemplos pude hacer funcionar my test de servicio con httpclient, en ningún ejemplo encontré lo de la función done()
Buen día Leifer, que configuración o extensión usas para que los comentarios se marquen en amarillo como en el video, te agradezco la información
, excelente tutorial
Hola Andrés. te dejo el link
marketplace.visualstudio.com/items?itemName=jgclark.vscode-todo-highlight
Un saludo!
@@LeiferMendez Gracias
no entiendo una parte cuando dices espie el metodo post son todos los post en general no hay una forma de decirle que metodo en especifico espiar en el caso de que tenga varios posts?
Hay forma de correr únicamente el test de un solo archivo? Y que no sea de todo el proyecto, quizás crezca mucho y para ir probando lo último que se está haciendo va ser engorroso y demorado verlo
No veo que esta prueba genere valor, Si yo mismo estoy manipulando que devuelva mockResultLogin... cual es el fin de todo esto ?
Muy buen comentario (pronto tendremos charla en el canal con alguien experto en pruebas).
El objetivo es mantener la consistencia del componente, recuerda que uno de los objetivos de las pruebas es brindar confianza al equipo de trabajo, puede que tu aplicación crezca y nuevos miembros se unan al proyecto, esto ayudara a que estas nuevas personas o a ti mismo a tener en cuenta ese bloque de código, a que el subscribe realmente sea un "observable" a también te ayuda a probar el modelo de datos de la respuestas, el manejador de errores, etc.
Esto en el caso que se manejen banco de datos, también se puede complementar con API vivas en el caso que tu proyecto tengo un API Online asignada a entorno de pruebas
@@LeiferMendez Gracias por la respuesta, quedo a la espera de la charla de pruebas. Gracias por todo el contenido que compartes ♥
Yeah! #leifermendez
Disculpa, cómo se probaría en el componente el servicio?
Hola Luis, estoy dándole vueltas a tu pregunta pero no la pillo, me podrías por favor especificar mejor. Un saludo! ✌
Hola, como estas. muy bueno el video. Cuando trato de hacer el post al servicio, me tira lo siguiente.
Error: Timeout - Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL.
Intente con un setTimeOut, pero no logro resolverlo. Alguna idea ?
Hola Fernando síii allí los explico debes de usar el método done()
@@LeiferMendez Gracias por responder. Si estoy usando el metodo done(), en realidad lo tengo igual que vos. Solo que me tira ese error, que no encuentro la solucion.
Gracias igual
@@fernandomoya2983 me podrías enviar captura por mi FB o Telegram
@@LeiferMendez mi caso es igual:
Mi fetchData
return this.http.get(`${this.endpointUrl}/${query}`)
.pipe(
map(result => ....
Y el test
it('Should retrieve all data', (done: DoneFn) => {
const dummy = clientsMock;
httpClientSpy.get.and.returnValue(of(dummy));
apiService.fetchData('users', {name: 'group', value: 'client'}) // hardcoded
.subscribe( result => {
expect(result[0]).toEqual(dummy[0], 'expected data')
done()
});
})
el done() no hace dferencia alguna :/
@@damianr4680 podrías pasarme ese pedazo de código entero de la prueba en gits.github
xq cuando ejecuto las pruebas no se abre el navegador?
#leifermendezFrontend 🤘
#LeifermendezFrontend
Messi