Nextjs Testing de Aplicaciones con React Testing Library, Jest, Typescript y Wallabyjs
HTML-код
- Опубликовано: 18 мар 2024
- Aprende a hacer Testing en aplicaciones de Nextjs, usando React Testing Library a traves de Jest, y unido a Typescript y eslint. En este tutorial aprenderas desde instalar los paquetes, hasta ejecutar algunos test, e incluso conocer una extension de Visual Studio Code que nos permite ver en el propio editor los resultados de los tests sin la necesidad de estar ejecutandolo.
Wallaby ➤ bit.ly/3TsqLOr
Wallaby (20% de Descuento) ➤ bit.ly/3TkXh6o
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/python
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Nextjs ⮕ • Curso de Nextjs desde ...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🎒 Servicios Recomendados
SiteGround ⮕ bit.ly/31u9ZEk
Railway ⮕ railway.app?referralCode=fazt
Namecheap ⮕ namecheap.pxf.io/ErDe9
DigitalOcean ⮕ m.do.co/c/8ef261d77de5
🎒 Otros Servicios
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.notion.so/yj9uc7bi3miq
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/social/discord
Puedes encontrar la lista de tutoriales de Javascript en:
faztweb.com/nextjs
#nextjs #reactjs #jest #javascript #reacttesting #typescript 
Наука
Justo lo que estaba necesitando maestro! Tengo un examen dentro de 20 dias me estoy ayudando de tus videos jaja. Muchas gracias por el aporte que haces a la comunidad !
Justo lo que necesitaba... Gracias!
Maestro de maestros.
Me gusta este contenido de testing
Está bueno, para configurar y hacer testings básicos sería interesante ver un quizás un poco más complejo como por ejemplo hacer testing de un componente dentro de otro componente, testing con use effect,etc
Muy buen video. Podrias hacer un video explicando como deberias hacer cuando tienes una peticion http con axios. Y como deberias manejarla cuando hacer testing. En next.
tengo un problema, grabe, hice mi aplicacion sin test unitarios, ahora quiero implementarlos pero mi app, funciona a full con un manejador global del estado, uno nuevo y pequeño llamado nanostores, ahora no puedo ejecutar ningun test, porque toda mi app depende de ese estado, y me tira varios errores
Hola fazt, como se puede hacer para testear con react testing library componentes que usan getData asyncrono, lo cual pasarian a ser server components, te lo agradeceria.
Lo estaba esperandooo por fin Next con testing y de paso probar la extensión gracias fazt 💜, de casualidad no habrá segunda parte ?
Muy pronto pienso publicar un curso de React Testing Library, no es una segunda parte pero es como un tema relacionado :)
@@FaztCode Vale , muchas gracias fazt por siempre contestar súper rápido , justo ando viendo para meter testing en Next así que me viene genial , un abrazo 🖤
@@FaztCode Siiii, fuera muy bueno!!
de casualidad cuando usas nextjs en la etiqueta de image no te marca el error del fetchpriority
Hola Fazt, consulta hay algún otro metodo de pago que no sea tarjeta de credito, para acceder a tu contenido privado por ejemplo (mercado libre). gracias.
Buen video! Cómo sería para correr los test en CI/CD? Es posible o cuál sería la buena práctica ?
Se puede usar en GitHub Actions ?
Si claro al momento de usar Github Actions solo ejecutarias el comando npm test, y la configuracion haria el resto. Voy a tratar de crear un ejemplo pronto
@@FaztCode genial!! Gracias!!
Que tipo de IA utilizas para la terminal? Ya que te da sugerencias
De hecho no es una IA, es solo un script de poweshell ruclips.net/video/d9y0l7yY404/видео.html
Fazt , de casualidad habrá mas videos de testing en Next ?
Muy pronto voy a estar publicando un tutorial de Testing en React
el testing con nestjs y wallaby sería el más facil, verdad?
Que buen video, Fazt puedes traer otra aplicación con next y Django? Me encanta esta combinación de frameworks saludos de argentina bro. Soy nuevo miembro 👍🏻🤠
Voy a elaborar una con autenticación para los miembros muy pronto :)
Hola Fazt, te envié un correo para preguntarte algo sobre las asesorías, ojala me respondas pronto
no entendi, es solo para buscar textos? no es mas facil con ctrl + h y buscar el texto dentro del archivo?
No amigo, imagina que tu tienes en tu pantalla "Nuevos productos", y tu agregas un test que diga que la pagina principal debe mostrar "Nuevos productos", pero por alguna razon tu sigues programando en tu pagina principal y sin darte cuenta borras unas letras y en produccion mostraría "Nuevos produ" lo cual es un error, en cambio si tu tienes un test que ya esta validando que la pantalla debe decir "Nuevos productos" y ejecutas los tests vas a ver que uno de esos tests te va a dar error, lo revisas y verás que el texto está mal, con eso te evitas subir una version mala a produccion.