Curso Testing con JavaScript y Componentes Web

Curso práctico de pruebas del software para proyectos frontend con JavaScript: test unitarios, de integración e interacción con el DOM
Inscripciones abiertas
Avanzado
4 Clases 7 h (aprox.)
89€
69€
Precio en promoción

Inicio del curso

Jueves 05 de junio

Añadir a Google Calendar

El desarrollo de pruebas del software es un condición indispensable para desarrollar software de calidad con código robusto y constituye una de las demandas más habituales para la búsqueda de empleo. 

En el ámbito de Javascript y en las aplicaciones frontend en general se realizan diferentes tipos de pruebas, ya que es necesario probar lógica, integración con componentes externos y el diseño visual. Esta necesidad da sentido a los tipos de pruebas que veremos en el curso, los test unitarios, de integración e interacción con el DOM para componentes web. Para ello veremos cómo se utilizan diversas librerías de testing.
 
Con esta formación de testing con JavaScript podrás abrir las puertas de esta disciplina de una manera concisa y global.

Qué aprenderé en el Curso Testing con JavaScript y Componentes Web

  • Entender qué son los test y por qué son importantes.
  • Diferenciar los diferentes elementos y sus responsabilidades que intervienen cuando las pruebas se ejecutan.
  • Preparar el entorno de ejecución de pruebas en un proyecto frontend desde 0.
  • Realización de pruebas unitarias, de integración y de interacción con el DOM en JavaScript en aplicaciones frontend.
  • Aprender a usar la librería de testing Chai para las aserciones.
  • Aprender a usar la librería de testing Sinon para los dobles en las pruebas de integración.
  • Aprender a usar la librería @open-wc/testing en las pruebas de componentes web que requieren la interacción con el DOM.

Objetivos del curso

En el curso de testing con JavaScript el estudiante obtendrá una visión general al testing de aplicaciones frontend, aprendiendo las diferentes partes de las que se componen las pruebas, desde el entorno de ejecución, el test runner, la estructura de las pruebas, hasta las aserciones, y los dobles.

Asimismo, el estudiante podrá abordar las múltiples facetas del testing en las aplicaciones frontend, usando librerías para pruebas como Chai.js para las aserciones, Sinon.js para los dobles en los test de integración, así como @open-wc/testing para los test que simulan la interacción del usuario con el DOM.

Por qué debes aprender Testing con JavaScript y Componentes Web

Si te dedicas al desarrollo frontend y quieres dar un paso adelante, incorporando las prácticas del testing en tus proyectos, en este curso de pruebas del software para Javascript y componentes web podrás comenzar con buen pie.

Es un curso ideal porque engloba los distintos tipos de test que necesitarás incorporar para crear aplicaciones frontend robustas, desde las pruebas unitarias, pruebas de integración hasta los test del DOM en componentes web. A lo largo de las sesiones de este curso podrás conocer todas estas múltiples facetas del mundo del testing en Javascript para aplicaciones frontend, apoyado en frameworks populares, que te ayudarán de una manera sencilla pero poderosa.

Qué tengo que saber

Para hacer este curso necesitas un conocimiento al menos medio sobre Javascript y haber utilizado Node.js en proyectos para la instalación de dependencias. También sería necesario tener claros conceptos de la disciplina de testing, ya que es un curso principalmente práctico que dará por sabidos ciertos conceptos teóricos.

Clases y contenidos

Testing en JavaScript
  • Parte Teórica:

    • Qué es el testing y por qué es importante.
    • Qué testear en FrontEnd y tipos de pruebas.
    • Elementos y sus responsabilidades durante la ejecución de las pruebas con JavaScript: entorno de ejecución (Node.js), el test runner, aserciones, dobles y el fixture para la interacción con el DOM.
    • Librerías/tecnologías y sus responsabilidades durante la ejecución de las pruebas con JavaScript.
    • Cobertura de código y diseño de pruebas efectivas y legibles.
  • Parte práctica:

    • Con ejemplos de tests, desgranar todas las responsabilidades cuando las pruebas se ejecutan.
    • Configuración de un proyecto para testing desde 0 y escritura de primeras pruebas
Añadir a Google Calendar
Estructura de los tests y aserciones con la librería Chai.js.
  • Recordar función del test runner y las aserciones en las pruebas según lo visto en la primera sesión
  • Test runner (mochajs): estructura y pasos durante la ejecución de los tests (ejemplo con código)
  • Instalación de la librería de aserciones y el test runner (ejemplo con código)
  • Estilos de aserción y su API (ejemplos con código)
  • Configuración
  • Plugins: instalación y uso (ejemplos con código)
  • Pruebas unitarias con Mocha.js y Chai.js (ejemplos con código)
  • Alternativas de tests runners en lugar de Mocha.js.
  • Alternativas de librerías de aserciones en lugar de Chai.js.
Añadir a Google Calendar
Dobles y tests de integración con la librería Sinon.js.
  • Recordar función de los dobles en las pruebas de integración según lo visto en la primera sesión
  • Dobles según la teoría VS dobles según una librería concreta
  • Dobles principales de Sinon.js: fake, spy, stub y mock (ejemplos con código)
  • Sitio web oficial de la librería: descripción general de los contenidos
  • API de Sinon.js (ejemplos con código)
  • Pruebas de integración con Sinon.js (ejemplos con código)
  • Alternativas de librerías de dobles en lugar de Sinon.js.
Añadir a Google Calendar
Pruebas que involucren la interacción con el DOM en componentes web con la librería @open-wc/testing
  • Ejemplos de escenarios: qué testear y la necesidad del fixture.
  • Sitio web oficial de la librería: descripción general de los contenidos.
  • Setup para testing de HTML estático y pruebas sencillas (ejemplo con código)
  • Componentes web: introducción y pruebas que involucren la interacción con el DOM haciendo uso de las librerías vistas en el curso (ejemplos con código).
Añadir a Google Calendar
¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete