¿Cómo hacer pruebas unitarias COMPONENTE Angular? / Curso de Testing con Angular 2021

Поделиться
HTML-код
  • Опубликовано: 7 ноя 2024
  • НаукаНаука

Комментарии • 48

  • @LeiferMendez
    @LeiferMendez  3 года назад +9

    Ver Curso ANGULAR TESTING en ORDEN 👉 bit.ly/2VIvGAo

  • @nanolfrc
    @nanolfrc 2 года назад +1

    Me encanta que vaya al grano, para uno que está iniciando, es menos confusa la explicación, muchas gracias.

    • @LeiferMendez
      @LeiferMendez  2 года назад

      Saludos Luis gracias por tu comentario también recuerda que tengo mucho más contenido cursos en la descripción !

  • @Spartan-im5sl
    @Spartan-im5sl 3 года назад +2

    Muy útil y clara tu explicación 👍. Estoy arrancando con Angular y siempre quise ver como se armaban los testings.

    • @LeiferMendez
      @LeiferMendez  3 года назад

      Hola Martín excelente aquí estamos comenzando todo el curso de testing en Angular

  • @smith123456789ist
    @smith123456789ist 3 года назад +1

    Gracias por estos videos, estoy intentando con un proyecto que tengo y pase un rato arreglando un error porque tenia que importar todos los modulos

    • @LeiferMendez
      @LeiferMendez  3 года назад

      Gracias a ti Santiago por formar parte de esta comunidad

  • @lidiaramirezn
    @lidiaramirezn Год назад +1

    Excelente aporte, me fue muy útil y me gusta como explicas. Ojalá pudieras hacer un video de testing para rutas. Gracias por el video.

  • @emirmendez7635
    @emirmendez7635 3 года назад +2

    Un crack! Y sobre todo por lo q estás haciendo junto con la comunidad.

    • @LeiferMendez
      @LeiferMendez  3 года назад

      Gracias Emir por el apoyo y bienvenido a esta comunidad

  • @carlosalonso8116
    @carlosalonso8116 7 месяцев назад

    Muy instructivo y concreto Leifer 👍

  • @adnuzzolillo
    @adnuzzolillo 2 года назад +1

    Gracias por el aporte, Leifer. Muy buen video

    • @LeiferMendez
      @LeiferMendez  2 года назад

      Gracias por comentar Andre y bienvenido a esta comunidad

  • @rogerurbano8965
    @rogerurbano8965 2 года назад +2

    Genial el vídeo, Como realizo el COVERAGE Lefier? y para los que les salga el error "Expected unefined to equal Object({user: 1})," es porque no reconoce el click(), deben quitar del boton de envío el atributo disabled.

  • @andrumozo
    @andrumozo Год назад +1

    Sos crack amigo, te mereces muchisimos suscriptores mas

  • @andresibarramunoz7948
    @andresibarramunoz7948 2 года назад +1

    @Leifer Mendez Buena noche, saludos desde Cali, Excelente como siempre tus videos, en el formulario que enviaste a la comunidad en lo que me gastaría que enseñara esta JEST, ya que se escucha mucho en las ofertas laborales, seria bueno que expandieras además un poca mas JAZMINE, gracias

    • @LeiferMendez
      @LeiferMendez  2 года назад

      Hola Andrés excelente idea 🙂 volveremos hablar de testing

  • @mahal_32
    @mahal_32 Год назад +1

    Gracias por el video crack. Saludos.

  • @jampoolgarcia9969
    @jampoolgarcia9969 3 года назад +1

    hola, como estas; volví :-). justo me falta aprender como hacer pruebas en angular y también como hacer animaciones. Excelente video, gracias por el contenido...

    • @LeiferMendez
      @LeiferMendez  3 года назад +1

      Hola Jampool genial bueno ya comenzamos una sería de video sobre de angular testing

  • @alejandrocalderonaguilar6385
    @alejandrocalderonaguilar6385 3 года назад +1

    Muy útil gracias

    • @LeiferMendez
      @LeiferMendez  3 года назад

      Alejandro muchas gracias por formar parte de esta comunidad

  • @GentlemanProgramming
    @GentlemanProgramming 3 года назад

    Impecable sir ! as always

  • @marianrouse2
    @marianrouse2 3 года назад +1

    Muy buen contenido!

  • @davidsadriangonzaleztigrer4961
    @davidsadriangonzaleztigrer4961 2 года назад +1

    Consulta: ¿Puedo realizar la acción click de un elemento es posible hacerlo por ViewChild y evitar esa linea de codigo extensa?

    • @LeiferMendez
      @LeiferMendez  2 года назад

      Hola David es una buena implementación también ;)

  • @rodrigonbertin
    @rodrigonbertin Год назад

    Hola, gran video. Pregunta estoy con Angular 16, cuando corro los test no me aparecen nada, solo el informe de los test que pasaron pero el resto en blanco.

  • @programmingj613
    @programmingj613 2 года назад +1

    Muy buen video, también tienes test sobre node o react?

    • @LeiferMendez
      @LeiferMendez  2 года назад +1

      Próximamente tendrá para Node

  • @Reysaturn723
    @Reysaturn723 2 года назад +2

    Master tampoco me sale el formulario después que hago el ng test. Las pruebas corren bien. Nada genera error. Pero no logro ver la vista del componente... Estoy usando lazy load y el componente está en un módulo independiente. Mi versión de angular es la 13. Tampoco me genera el reporte de cobertura. No lo consigo.

    • @yoniervasquezmarin2319
      @yoniervasquezmarin2319 2 года назад

      Hola, debes agregar una pequeña línea al angular.json para obtener el reporte de covertura
      angular.io/guide/testing-code-coverage

  • @gatitosmiaomaio
    @gatitosmiaomaio 2 года назад +2

    Estoy intentando hacer la prueba de testData, Solo que sale error . El error es Expected unefined to equal Object({user: 1}), ya modifique del repositorio para estar a la par con el video, en la funcion sendLogin, para que solo mude this.isCheck = {user: 1}. me da la impresion. Que no esta haciendo caso btnElement.nativeElement.click(), es mas hago console, tambien adicione el result, en el test para que se active el boton. la instancia app.isCheck es indefinida, tambien hize console log a eso.

    • @robertocarlosmartinezlored4439
      @robertocarlosmartinezlored4439 2 года назад

      me pasa lo mismo, me detecta isCheck como undefined, encontraste la solucion?

    • @robertocarlosmartinezlored4439
      @robertocarlosmartinezlored4439 2 года назад

      Update: lo resolvi de la siguiente manera const btn = fixture.debugElement.query(By.css('button'));
      btn.triggerEventHandler('click', null);
      Parece ser que habia un problema con .click() y no ejecutaba la accion

  • @Reysaturn723
    @Reysaturn723 2 года назад +2

    Master a mi no me sale el reporte de cobertura por ningún lado está... Tengo angular 13

    • @yoniervasquezmarin2319
      @yoniervasquezmarin2319 2 года назад

      Hola, debes agregar una pequeña línea al angular.json
      angular.io/guide/testing-code-coverage

  • @fernandomoya2983
    @fernandomoya2983 3 года назад +1

    Hola, como estas? Esto esta funcionando ? porque me tira un error de conexión en consola

    • @LeiferMendez
      @LeiferMendez  3 года назад

      Buenas me podrías compartir el error por FB o telegram

  • @Fanisuwa
    @Fanisuwa 5 месяцев назад

    porque será que me sale este mensaje: Incomplete: No specs found, , randomized with seed 01453

  • @gianfinelli8317
    @gianfinelli8317 2 года назад

    Buenísimo! como se llama la extensión que usas para ver los todos resaltados! jajaja

    • @LeiferMendez
      @LeiferMendez  2 года назад +1

      Hola Gian gracias por comentar la extensión es
      marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-highlight

  • @godmode7128
    @godmode7128 2 года назад +1

    Pasar esto a jest, no tiene que ser muy completo no? simplemente usar la sintaxis que usa jest que está basada en jasmine y borrar karma y etc.... es que yo el testing lo quiero hacer justamente con jest y cypress por que es una manera de generalizar las pruebas para otras apps....

    • @LeiferMendez
      @LeiferMendez  2 года назад +2

      Hola Godmode exacto es usar la sintaxis. Pronto empezare con videos sobre jest!

    • @andresibarramunoz7948
      @andresibarramunoz7948 2 года назад

      @@LeiferMendez Excelente, en el formulario que enviaste a la comunidad en lo que me gastaría que enseñara esta JEST, ya que se escucha mucho en las ofertas laborales, seria bueno que expandieras un poca mas JAZMINE, gracias

    • @godmode7128
      @godmode7128 2 года назад

      @@LeiferMendez sí, por ejemplo para sacar el reporte de covertura es igual pero en vez de --code-coverage es simplemente --coverage, las opciones de jest del cli si cambian un poco...

    • @godmode7128
      @godmode7128 2 года назад

      @@andresibarramunoz7948 Jasmine y Jest, están relacionados... Jest es la evolución a Jasmine, o eso creo...

  • @lupe.republic
    @lupe.republic 2 года назад +1

    No explica como testear en una app real :S