Nextjs Testing de Aplicaciones con React Testing Library, Jest, Typescript y Wallabyjs

Sdílet
Vložit
  • čas přidán 8. 09. 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/py...
    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....
    DigitalOcean ⮕ m.do.co/c/8ef2...
    🎒 Otros Servicios
    Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
    Cloudinary ⮕ bit.ly/3ohNlJ7
    Notion ⮕ affiliate.noti...
    🗣 Redes Sociales
    Github ⮕ github.com/fazt
    Twitter ⮕ / fazttech
    Discord ⮕ faztweb.com/so...
    Puedes encontrar la lista de tutoriales de Javascript en:
    faztweb.com/ne...
    #nextjs #reactjs #jest #javascript #reacttesting #typescript

Komentáře • 26

  • @daspawen
    @daspawen Před 16 dny

    Fazt eres de los mas grande que hay! Marvel quedará chiquito al lado del crossover que se dará en breves entre tú y midudev jaja! gracias fazt me sirvió mucho este video!

  • @Fefenito63780
    @Fefenito63780 Před 5 měsíci

    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 !

  • @kevincabrera2891
    @kevincabrera2891 Před 3 měsíci

    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

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Před 5 měsíci +3

    Lo estaba esperandooo por fin Next con testing y de paso probar la extensión gracias fazt 💜, de casualidad no habrá segunda parte ?

    • @FaztCode
      @FaztCode  Před 5 měsíci +3

      Muy pronto pienso publicar un curso de React Testing Library, no es una segunda parte pero es como un tema relacionado :)

    • @Deus-lo-Vuilt
      @Deus-lo-Vuilt Před 5 měsíci

      @@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 🖤

    • @mis2michis726
      @mis2michis726 Před 4 měsíci

      @@FaztCode Siiii, fuera muy bueno!!

  • @jesus_84_
    @jesus_84_ Před 5 měsíci

    Maestro de maestros.

  • @keilerguardo2164
    @keilerguardo2164 Před 5 měsíci

    Justo lo que necesitaba... Gracias!

  • @sinticketdevuelta
    @sinticketdevuelta Před 5 měsíci

    Me gusta este contenido de testing

  • @alejobeltran4879
    @alejobeltran4879 Před 4 měsíci

    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.

  • @LeotheProdu
    @LeotheProdu Před 5 měsíci +2

    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

  • @benjaoliva3383
    @benjaoliva3383 Před 5 měsíci +2

    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 ?

    • @FaztCode
      @FaztCode  Před 5 měsíci +1

      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

    • @benjaoliva3383
      @benjaoliva3383 Před 5 měsíci

      @@FaztCode genial!! Gracias!!

  • @peperodriguez7783
    @peperodriguez7783 Před 3 měsíci

    de casualidad cuando usas nextjs en la etiqueta de image no te marca el error del fetchpriority

  • @jefersonSanchez313
    @jefersonSanchez313 Před měsícem

    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.

  • @jhostinbravo5204
    @jhostinbravo5204 Před 5 měsíci +1

    Que tipo de IA utilizas para la terminal? Ya que te da sugerencias

    • @FaztCode
      @FaztCode  Před 5 měsíci

      De hecho no es una IA, es solo un script de poweshell czcams.com/video/d9y0l7yY404/video.html

  • @g1_martoz
    @g1_martoz Před 5 měsíci +1

    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 👍🏻🤠

    • @FaztCode
      @FaztCode  Před 5 měsíci +1

      Voy a elaborar una con autenticación para los miembros muy pronto :)

  • @johnyjavierarciladuran5632
    @johnyjavierarciladuran5632 Před 5 měsíci

    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.

  • @user-hf6uo6zw3w
    @user-hf6uo6zw3w Před 5 měsíci

    el testing con nestjs y wallaby sería el más facil, verdad?

  • @404-not-found-service
    @404-not-found-service Před 5 měsíci

    Fazt , de casualidad habrá mas videos de testing en Next ?

    • @FaztCode
      @FaztCode  Před 5 měsíci +1

      Muy pronto voy a estar publicando un tutorial de Testing en React

  • @brayanrodriguezmontealegre2268

    Hola Fazt, te envié un correo para preguntarte algo sobre las asesorías, ojala me respondas pronto