Question

给定附加到$ routeChangeSuccess事件的处理程序以更新$ rootScope上的title属性：

$rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
  $rootScope.title = 'My title';
});

在单元测试中，我希望执行路由更改会更新title属性：

it('should set a title on $routeChangeSuccess', function () {
  $location.path('/contacts');
  $rootScope.$apply();

  expect($rootScope.title).toBe('My title');
});

但是，$ routeChangeSuccess处理程序中的代码永远不会在测试中执行。它可以正常运行并在浏览器中运行应用程序时更新标题。

如何在测试中触发$ routeChangeSuccess事件？是否有更好的方法来测试附加到$ rootScope。$ on（＆＃39; $ routeChangeSuccess＆＃39;，...）或其他$ routeChange事件的任意代码？

Answer 1

尝试自己发送活动。

$rootScope.$broadcast('$routeChangeSuccess', eventData);

Answer 2

更多行为驱动的方法是使用

进行实际导航

$location.url()或$location.path()

为了实现这一点，您需要在测试中做两件事：

你需要注入$ route（即使你没有使用它）。这是因为$ route为$ locationChangeStart添加了一个内部监听器，但只有在某处请求$ route（并因此初始化）时才会这样做

您需要提供一个可以导航到的虚拟路由：

beforeEach(module(function($routeProvider) {
     $routeProvider.when('/somePath', { template: '&nbsp;' });
}));

如何在Angular单元测试中模拟/触发$ routeChangeSuccess？

2 个答案: