Habemus testing ! con de tuti y como se debe con Jest y Testing Library ! tips y trucos

Подписаться 57 тыс.

Просмотров 12 тыс.

50% 1

¡Buenas, buenas mi gente!
Con de tuti con una masterclass de Testing !
Bases
React Hook Form
Axios
Jest
Testing library
UserEvent
Expect
Describe
It
Yup
Validaciones
Manejo de erroes
y mucho más !
A por ello !
Código de la clase: github.com/Gen...
Si quieres hacer una donación: streamelements...
▬ Links de interés ▬▬▬▬▬▬▬▬▬▬
Link a Twitch: t.co/vodIqiCH9N
Link a Spotify: spoti.fi/3y281cY
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro "Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación": amzn.to/2ReBuzL
#comunidad #discord #programming #podcast #live #stream #clase #ReactJs #customHooks #hooks #lifecyle #componentes #framework #library

Опубликовано:

5 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 45

@programmingj613 2 года назад

No sabes como miro tus videos despues del laburo, me motivas dia a dia. Gracias por los videos!

@GentlemanProgramming 2 года назад

Y tu con tu comment me motivas a mi, muchas muchas gracias !!!!

@crateflexwave15 Год назад

Una clase magistral, muy completo y útil, sobre todo lo de axios que es el cuco cuando uno se topa con testear asincronismo y llamadas

@nicolasmayorga8288 2 месяца назад

Viendo esta maravilla a las 11:31 PM aprendiendo cositas nuevas, muchas gracias por tu tiempo y dedicacion.

@rodriorozco7123 2 года назад

Graciaaaas Alan!!! contenido de calidad y súper bien explicado, no te puedo explicar lo mucho que aprendo de vos y lo que me ayudas, sos un crack amigo!! Saludos :)

@GentlemanProgramming 2 года назад

Gracias Rodri !!! A darle con todo, yo doy una parte pero ustedes dan la más importante…las ganas de aprender. Con de tuti con los siguientes content !!!

@armandocastro6733 2 года назад

Excelente , gracias por compartir esas perlas, tremendos tips ,contenido para la posteridad jejejeje, creo que es tu mejor clase de toda esta ultima trilogía 😎🔥 pura flama saludos desde Venezuela

@GentlemanProgramming 2 года назад

Esaaaaa, gracias miles Armando 🥹🥹

@matiasromera330 2 года назад

excelente video master! tengo un warning en el screen.debug(), y además para correr el jest test --coverage tengo que ponerle el pnpm antes sinó no lo corre, así pnpm jest test --coverage, raro porque está instalado jest en el proyecto pero que se yo jaja, ha sido todo muy loco pero se aprendió bastante, gracias!

@GentlemanProgramming 2 года назад

Yes ! es que se ejecuta por medio de pnpm / node etc. En mi caso personal tengo un script en el package.json para hacerlo más rápido: "test": "jest", "test:coverage": "jest --coverage", "test:watch": "jest --watch",

@snk263 2 года назад

que bien me viene esto! un genio como siempre!

@GentlemanProgramming 2 года назад

Graciaaaaaas

@kantyDarius 2 года назад

Banco fuerte fuerte este canal 🤘👏

@GentlemanProgramming 2 года назад

Y yo banco fuerte tu comentario !! 🥰🥰

@deboramakita6589 2 года назад

Buenísimo contenido como siempre, muchas gracias

@GentlemanProgramming 2 года назад

Gracias Debora !!!! 🤓

@OneworldKW 2 года назад

Estaria bueno un video asi de principiantes sobre react. Aun que sea cortito

@GentlemanProgramming 2 года назад

Tengo ! Fíjate mi mentoring de ReactJs. Aunque seguro voy a hacer algo mas estilo hacer una app de 0 tanto en React como Angular 🤓

@cuaticito Год назад

Tremenda clase pegaste Alan, información de primera. Muchas gracias por compartir tus conocimientos man. Quisiera compartir una solución que encontré para aquellos que tengan el mismo problema que yo en el test it('should call the onSubmit function when the submit button is clicked', async () => { ..........} Especificamente en 1hs 52min 20seg, del video, no me pasa ese test por la asincronia, por tanto al hacer el click el botón aún está disabled ... pero lo solucioné de esta manera ... await waitFor(() => { expect(submitButton).toBeEnabled(); }); await userEvent.click(submitButton); await waitFor(() => { expect(axios.post).toHaveBeenCalledTimes(1); });

@franciscoguedez9342 2 года назад

Maestro, como puedo crear los componentes de ese formulario, desde cero para entender el proceso, es reutilizable

@GentlemanProgramming 2 года назад

Buenas Francisco !! en el vídeo los estamos haciendo de 0 ! y estamos usando React hook form como libreria de formularios :) react-hook-form.com

@kevyyar 2 года назад

El error gran master es de que le estabas pasando el OR incorrectamente en el disabled prop de button. Debio haber sido dos "||" en vez de una "|"... Y en el custom input component de password se le olvido el type="password", solo un mini code review master!

@GentlemanProgramming 2 года назад

Totalmente de acuerdo! Thank you 😊

@benitoalvarez8032 2 года назад

Me encanto, te agradezco el contenido y ojala te encuentres bien loco. Saludos!

@GentlemanProgramming 2 года назад

Estamos de lo más bien, gracias miles !!!

@nicolasf.9139 Год назад

Hola Alan, muy bueno el video! tengo una consulta, en el minuto 1:56, mencionas que hay que mockear los componentes hijos, en ese caso, si cada uno tienen sus propios test, deberia de igual mockearlos? porque ya esas partes estarian cubiertas. Gracias!

@GentlemanProgramming Год назад

Exactamente ! La idea es que como ya están testeados con sus propios unit test, nos abstraemos de ellos haciendo un mock de los mismos en los componentes padres.

@nicolasf.9139 Год назад

@@GentlemanProgramming Muchas gracias por la respuesta. La verdad que no lo sabía y estaba sufriendo bastante en mi trabajo jaja. Sos un genio!

@MartínCanolik Год назад

Gracias hermano por tanto!

@rafaelcisnerosgomez7295 2 года назад

BUENISIMO!!!!!!!

@andresmauriciofajardoolaya2721 2 года назад

recomiendas testing library para angular? o seguirá siendo mejor usar el query selector que ya nos brinda jasmine

@GentlemanProgramming 2 года назад

Lo súper recomiendo, hasta Jest 🥵

@rainbow-jw3og 2 года назад

Hola Gentleman, te vengo a pedir un consejo, si uno de los temas de la entrevista es testing que te podrian llegar a preguntar? yo solo vi test unitarios con supertest pero no se que concepto teorico podrian preguntarme.

@GentlemanProgramming 2 года назад

Buena pregunta ! Mas que nada te preguntaran tu experiencia con las herramientas que utilice la empresa, como haces los mock, como mockeas las llamadas a los endpoint, tu filosofía para hacerlo, etc. Es muy dependiente de lo que use la empresa.

@kengyamoncada8529 Год назад

Crack! amor a la programación ♥ inspriras.

@gustavochavarria6624 2 года назад

10/10

@GentlemanProgramming 2 года назад

Tu comment es un 10|10 😬

@fernandopajon1017 Год назад

cómo se me complica para instalar las dependencias y eso lpm :(

@juansinlimites7609 Год назад

Hoy aprenderemos a crear test para evitar errores en nuestro código ▶ 1:14:32 Da igual, ese error nos la suda, total el test pasa. HAHAHA

@GentlemanProgramming Год назад

Jajajajja es que es un warning que la verdad se estaba quejando porque pase una prop disabled con un valor que no le gustó, quería un boolean y eso es lo que le dimos.

@juansinlimites7609 Год назад

@@GentlemanProgramming Sos un crack! Te agradezco muchísimo todo el contenido que compartes, es de calidad. Me pegué un buen rato riendo, tienes mucho arte amigo. Enhorabuena y gracias de nuevo, más gente como tú necesita la comunidad.

@GentlemanProgramming Год назад

@@juansinlimites7609 muchas muchas gracias !!!!