Page 275 - AngularJS权威教程

19.14 测试一个应用 255

$ cd myApp 19
$ grunt server
然后运行Karma：
20
$ karma start karma-e2e.conf.js
这里，我们会立即在终端中看到输出。如果测试成功了，能看到它通过了所有测试，如果没 21
有，会报告失败，如图19-4。

22

23

24

25

图19-4 在终端中端到端测试路由
26
我们也可以用浏览器来调试端到端测试。启动karma时，在后台开了一个浏览器。打开这个
浏览器，点击右上角的debug按钮。点击这个按钮会打开一个新页面，显示我们所有的测试，包 27
一组通过的测试和一组没有通过的测试。开发测试时，可以把使用浏览器作为调试应用和测试的
重要参考，如图19-5所示。
28

29

30

31

32
图19-5 测试在浏览器中的可视化呈现

33
19.14.2 测试页面内容

测试时，需要确保页面的内容被浏览器正确渲染了。我们需要断言某内容被发送给浏览器了， 34
并且最终展示给用户了。

通过浏览器中的单元测试，我们无法深入了解应用状态，因为在单元测试中不直接访问浏览 35
器的内容。
我们可以确认控制器在执行预期的功能，设置断言来确认内容被加载，后面会深入探讨这些。 36