|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/angular-jest/
课程评论:没有评论
Coursera 课程《Angular:使用 Jest 进行单元测试》内容总结 本课程全面讲解了使用 Jest 进行 Angular 单元测试的知识,涵盖从基础到高级的各种测试场景。学员将学习如何编写高质量的测试,确保代码的健壮性,并掌握在不同情况下选择合适测试方法的技巧。 课程内容结构如下: **1. 课程介绍** * 课程概览、讲师介绍、课程评价及所需软件。 **2. 单元测试概念** * 单元测试、集成测试和端到端测试的区别。 * 单元测试的工作原理。 * 最佳的测试时机。 * 测试覆盖率(Coverage)及 Jest 介绍。 **3. Jest 配置与入门** * 移除项目中原有的 Jasmine 和 Karma。 * 在 Angular 项目中配置 Jest。 * 测试文件的结构与 `coverage` 文件夹。 * 执行测试。 **4. 单元测试实践** * **测试目标应用:** 学习安装 `JSON Server`。 * **测试文件结构:** 理解 `.spec` 文件的命名和内容。 * **`TestBed` 配置:** 创建测试并正确配置 `TestBed`,应对常见的配置问题。 * **测试方法:** * 测试有返回值的 `methods`。 * 测试无返回值 `methods`(使用 `spyOn`)。 * 测试私有 `methods`。 * 测试 `subscribe` 和 `Observable`。 * 了解 `xit`, `fit`, `it.only`, `xdescribe`, `fdescribe`, `describe.only` 等测试控制方法。 * 理解 `beforeEach`, `beforeAll`, `afterEach`, `afterAll` 等生命周期钩子。 * 测试 `pipe`。 * 测试调用 API 的服务。 * **组件/服务实例化:** 学习不同的实例化组件或服务的方法。 * **路由测试:** 使用 `RouterTestingModule` 进行路由测试。 **5. Angular Material - 对话框测试** * 在项目中应用 `MatDialog`。 * 适配 `cart component` 的测试。 * 测试 `confirmation dialog component`。 **6. 扩展内容** * **集成测试入门**。 * **构建前的自动化测试。** * **表单测试。** * **`document` 和 `window` 对象测试。** * **推荐的 VS Code 扩展。** **7. 课程总结** * 最终建议。 * 课程告别。 * **额外信息 (BONUS)**。 **重要提示:** 本课程与讲师的另一门课程《Angular:使用 Jasmine 和 Karma 进行单元测试》内容相似,主要区别在于使用 Jest 替代 Jasmine。该课程适合已经学习过前一门课程,希望了解如何在 Angular 中配置和使用 Jest 的学员。
En este curso aprenderás todo sobre los tests unitarios con Jest. Serás capaz de comenzar a realizar tests desde los más básicos, hasta los más completos.Aprenderás a hacer tests de buena calidad, que no solo cubran líneas de código, sino que prueben el código bien. Además, te daré consejos para que puedas analizar que tipo de test es mejor aplicar en cada momento.El curso está dividido en los siguientes puntos:1. IntroducciónPresentación del cursoInstructorValoración del cursoSoftware necesario2. Conceptos generales¿Qué es un test unitario?Unit test - Integration test - E2E¿Cómo funciona un test unitario?¿Cuál es el mejor momento para hacer las pruebas?Cobertura/CoverageJest3. Configuración y primeros pasos con JestEliminar Jasmine y Karma del proyectoConfigurar Jest en AngularArchivos de prueba en un proyectoCarpeta coverageLanzar tests4. Test unitarioAplicación a testearInstalar JSON ServerEstructura de un fichero de pruebas (.spec)Crear test y configurar el TestBedFallos comunes configurando el TestBedTest a métodos con returnTest a métodos sin return (uso de spyOn) Test a métodos privadosFinalizando cart componentTest a suscripciones (subscribe-Observable)Mock de un servicioxit, fit, it.only, xdescribe, fdescribe, describe.onlybeforeEach, beforeAll, afterEach, afterAllTest a un pipeTest a un servicio (Con peticiones a API)Finalizando book serviceAlternativas para instanciar un componente o servicioTest a rutas con RouterTestingModule5. Angular material - diálogoUsando MatDialog en el proyectoAdaptando tests en cart componentTest a confirmation dialog component6. AmpliaciónIntroducción a los test de integraciónAutomatizar test antes de generar el buildTest a formularioTest a document y windowExtensiones de VSCode que utilizo7. Cierre del curso Consejos finalesDespedidaBONUS - Información extraAVISO: Este curso es similar al curso que imparto llamado "Angular: Pruebas unitarias con Jasmine y Karma". Se realizan las pruebas unitarias al mismo proyecto, pero utilizando la sintaxis de Jest en lugar de Jasmine. En el caso de que hayas realizado mi otro curso, este curso le podría servir para aprender a configurar Jest en Angular.