21、使用测试驱动设计构建 Angular 待办事项应用前端

使用测试驱动设计构建 Angular 待办事项应用前端

在开发 Angular 应用时，测试驱动开发（TDD）是一种非常有效的方法，它能帮助我们确保代码的质量和可维护性。本文将详细介绍如何使用测试驱动的方式来设计和实现一个 Angular 版本的待办事项应用前端。

项目准备

首先，我们需要设置项目环境。在工作区的 tdjsa/testangular2/todo 目录下，包含了服务器端代码，我们将在此基础上创建 Angular 相关代码。具体步骤如下：
1. 进入项目目录 ：切换到 tdjsa/testangular2/todo 目录。
2. 查看 package.json 文件 ：该文件包含了 Angular、RxJS 和 Karma 相关模块的依赖，同时还有运行客户端和服务器端测试的脚本。运行 npm install 安装项目所需的包。
3. 查看 karma.conf.js 文件 ：该文件的 files 部分包含了 Angular 和 RxJS 相关的文件，以及测试文件。注意其中的 Reflect.js 文件，后续会用到。

// testangular2/todo/karma.conf.js
files: [
    "./public/javascripts