17、前端测试：从 jQuery 到 AngularJS 的探索

前端测试：从 jQuery 到 AngularJS 的探索

1. jQuery 测试准备

当一个任务被删除时，服务器的消息会显示在视图上，同时任务列表也会刷新以反映这一变化。在处理前端 JavaScript 代码时，自动化测试能够让我们快速获得反馈。

对于现有的待办事项应用客户端代码，它直接使用浏览器提供的函数来操作 DOM 和访问 Web 服务。然而，使用内置函数操作 DOM 会让代码变得繁琐且冗长。jQuery 库提供了许多方便的函数来选择、导航和更新 DOM 元素，使用 jQuery 的代码比直接与 DOM 交互的代码更加简洁，这也是它受欢迎的原因之一。

在开始使用 jQuery 进行测试之前，我们需要确保以下几点：
- jQuery 库 ：未压缩的开发版本库文件已下载到 todo/public/javascripts 目录。
- karma.conf.js 配置 ：当前项目的 karma.conf.js 文件已经包含了对 jQuery 文件的引用，如下所示：

frameworks: ['mocha', 'chai', 'sinon', 'sinon-chai'],
// list of files / patterns to load in the browser
files: [
  'public/javascripts/jquery-2.1.4.js',
  './test/client/**/*.js',
  './pub