Question

英文原文：http://emberjs.com/guides/testing/testing-routes/

单元测试方案和计算属性与之前单元测试基础中说明的相同，因为Ember.Route集成自Ember.Object。

路由测试可以通过集成测试或者单元测试来进行。集成测试对路由的测试具有更好地覆盖性，因为路由通常用来执行过渡和数据加载，这些测试在完整上下文中更加容易测试，而独立上下文则没有那么容易。

不过有时候路由的单元测试也是非常重要的。例如，希望应用可以在任意地方都能触发一个警告。警告函数displayAlert应该被定义在ApplicationRoute中，因为所有操作或者事件都会从子路由、控制器和视图冒泡到该路由。

1 2 3 4 5 6 7 8 9 10 11

App.ApplicationRoute = Em.Route.extend({ actions: { displayAlert: function(text) { this._displayAlert(text); } }, _displayAlert: function(text) { alert(text); } });

这使得使用moduleFor成为了可能。

在这个路由中，首先分离关注点：操作displayAlert包含了在收到操作时将调用的代码，而私有方法_displayAlert执行操作。当然可能这里代码这么简单，没有必要这么设计，但是将关注点进行分离，可以使得对于测试来说具有更好地可读性，这也有利于发现漏洞。

下面是如何对路由进行测试的示例：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

moduleFor('route:application', 'Unit: route/application', { setup: function() { originalAlert = window.alert; // store a reference to the window.alert }, teardown: function() { window.alert = originalAlert; // restore original functions } }); test('Alert is called on displayAlert', function() { expect(1); // with moduleFor, the subject returns an instance of the route var route = this.subject(), expectedText = 'foo'; // stub window.alert to perform a qunit test window.alert = function(text) { equal(text, expectedText, 'expected ' + text + ' to be ' + expectedText); } // call the _displayAlert function which triggers the qunit test above route._displayAlert(expectedText); });

在线示例

自定义测试助手