单元测试 – 单位测试AngularJS中的配置阶段

发布时间：2020-12-17 08:23:19 所属栏目：安全来源：网络整理

导读：我正在尝试学习如何为AngularJS编写单元测试。我从一开始就开始了 angular.module(…).config(…) 我想测试里面的配置。以下是相关部分的外观： angular.module('ogApp',['ngCookies','ui.router','ogControllers','ogServices','ogDirectives','ogMetricsDa

我正在尝试学习如何为AngularJS编写单元测试。我从一开始就开始了

angular.module(…).config(…)

我想测试里面的配置。以下是相关部分的外观：

angular.module('ogApp',['ngCookies','ui.router','ogControllers','ogServices','ogDirectives','ogMetricsData'])

.config([
  '$stateProvider','$locationProvider',function ($stateProvider,$locationProvider) {
    $stateProvider.
      state('login',{
        templateUrl: 'connect.html'
      }).state('addViews',{
        templateUrl: 'add-views.html'
      }).state('dashboard',{
        templateUrl: 'dashboard.html'
      });
    $locationProvider.
      html5Mode(true).
      hashPrefix('!');
  }
]);

我想最简单的方法来测试这个代码是为$ stateProvider和$ locationProvider注入mocks。然后执行配置阶段。之后，断言$ stateProvider和$ locationProvider应该如何。

如果我的想法是正确的，那么我的问题是，我不知道如何将这些模拟注入到模块中，并从测试中执行它的配置阶段。

你能告诉我如何测试这个代码？

以下是访问您的提供商进行单元测试的方法：

describe('yourProvider',function () {
    var provider;

    // Get the provider
    beforeEach(module('app',function (yourProvider) {
        // This callback is only called during instantiation
        provider = yourProvider;
    });

    // Kick off the above function
    beforeEach(inject(function () {}));

    it('does its thing',function () {
        expect(provider.someMethod()).toEqual('your results');
    });
});

我还没有想出一个非常简单的注入模拟的方法，但是你可以轻松地窥探方法，而且足够近。如果您需要从依赖提供者的$ get()方法返回的模拟，那么您可以使用另一个间谍来执行此操作。此示例说明返回模拟并设置其他间谍。

describe('yourProvider',function () {
    var dependency,mock,provider;

    beforeEach(module('app',function (dependencyProvider) {
        dependency = dependencyProvider;
        mock = jasmine.createSpyObj('dependency',[
            'methodsGoHere'
        ]);
        spyOn(dependency,'methodName');
        spyOn(dependency,'$get').andReturn(mock);
    },function (yourProvider) {
        provider = yourProvider;
    });

    beforeEach(inject(function () {}));

    it('does its thing',function () {
        expect(provider.someMethod()).toEqual('your results');
        expect(dependency.methodName).toHaveBeenCalled();
    });

    it('returns the mock from $get',function () {
        expect(dependency.$get).toBe(mock);
    });
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!