18、AngularJS 测试与开发实战

AngularJS 测试与开发实战

1. AngularJS 测试基础

在正常执行时，AngularJS 会自动处理依赖关系。但在测试中引入真实依赖会使自动化验证变得困难。AngularJS 通过 angular-mocks 优雅地解决了这个问题。 angular-mocks 是一个强大的库，与 AngularJS 的依赖注入机制并行工作，它提供工厂函数来创建测试替身，并将这些对象注入以替代真实依赖。

以下是测试中显式依赖注入的示例：

beforeEach(module('sample'));
beforeEach(inject(function($controller) {
    controller = $controller('SampleController');
}));

在测试运行时调用 module('sample') 等同于正常执行时的 ng-app='sample' 声明。 inject 调用返回一个注入器函数，用于在 beforeEach 设置函数中创建控制器实例。

2. TO - DO 应用前端设计

2.1 初始设计

• 任务列表将按年、月、日和名称的属性升序排列。
• HTML 页面将链接到 tasks - controller.js 文件，该文