(如果您想跳过,请向下滚动到#3标题之后,看一下您的规范的最终实现)

1.确定目标

I want to verify that the user getting passed in is the same one used in the resolve parameter of the modal.

很好,所以我们有一个目标.

$modal.open的resolve {user：fn}的返回值应该是我们传递给$scope.showProfile方法的用户.

鉴于$modal是您实现中的外部依赖项,我们根本不关心$modal的内部实现.显然,我们不想将真正的$modal服务注入我们的测试套件.

看过你的测试套件后,你似乎已经抓住了它(甜蜜！)所以我们不必再触及背后的推理了.

我认为期望的初始措辞会令人痛苦：

$modal.open should have been invoked,and its resolve.user function should return the user passed to $scope.showProfile.

2.准备

我现在要从你的测试套件中删除很多东西,以便让它更具可读性.如果缺少对规范传递至关重要的部分,我道歉.

beforeEach

我将从简化beforeEach块开始.每个描述块都有一个单独的beforeEach块更简洁,它简化了可读性并减少了样板代码.

您的简化beforeEach块可能如下所示：

var $scope,$modal,createController; // [1]: createController(?)

beforeEach(function () {
  $modal = {}; // [2]: empty object? 

  module('myApp',function ($provide) {
    $provide.value('$modal',$modal); // [3]: uh? 
  });

  inject(function ($controller,$injector) { // [4]: $injector? 
    $scope = $injector.get('$rootScope').$new();
    $modal = $injector.get('$modal');

    createController = function () { // [5(1)]: createController?!
      return $controller('profileController',{
        $scope: $scope
        $modal: $modal
      });
    };
  });

  // Mock API's
  $modal.open = sinon.stub(); // [6]: sinon.stub()? 
});

所以,关于我添加/更改的内容的一些注释：

[1]：在为角度控制器编写单元测试时,createController是我们公司已经建立了很长一段时间的东西.它为您提供了很大的灵活性,可以根据规范修改所述控制器依赖性.

假设您的控制器实现中包含以下内容：

.controller('...',function (someDependency) {
  if (!someDependency) {
    throw new Error('My super important dependency is missing!');  
  }

  someDependency.doSomething();
});

如果你想为throw编写一个测试,但是你在createController方法上放弃了 – 你需要在调用setDependency = undefined之前用它自己的beforeEach设置一个单独的describe块.重大麻烦！

通过“延迟$inject”,它很简单：

it('throws',function () {
  someDependency = undefined;

  function fn () {
    createController();
  }

  expect(fn).to.throw(/dependency missing/i);
});

[2]：空对象通过在beforeEach块的开头用空对象覆盖全局变量,我们可以确定前一个规范中的任何剩余方法都已死.

[3]：$provide通过$提供模拟(此时为空)对象作为模块的值,我们不必加载包含$modal实际实现的模块.

从本质上讲,这使得单元测试角度代码变得轻而易举,因为您将永远不会遇到错误：$injector：unpr未知提供程序再次在单元测试中,通过简单地杀死任何和所有对非灵敏代码的引用,专注于单元测试.

[4]：$injector我更喜欢使用$injector,因为它减少了你需要提供给inject()方法的参数数量几乎没有.请你在这里做！

[5]：createController读取#1.

[6]：sinon.stub在您的beforeEach块结束时,我建议您使用必要的方法提供所有已删除的依赖项.剔除方法.

如果你坚持认为存根方法将会并且应该总是返回,比如一个已解决的承诺 – 您可以将此行更改为：

dependency.mockedFn = sinon.stub().returns($q.when());
// dont forget to expose,and $inject -> $q!

但是,一般来说,我会在个人it()中推荐明确的return语句.

3.编写规范

好的,所以回到手头的问题.

鉴于前面提到的beforeEach块,你的describe / it看起来像这样：

describe('displaying a user profile',function () {
  it('matches the passed in user details',function (){
    createController();
  });
});

有人会认为我们需要以下内容：

>用户对象.
>调用$scope.showProfile.
>对调用的$modal.open的resolve函数的返回值的期望.

问题在于测试一些不在我们手中的东西. $modal.open()在幕后做的不在你控制器规范套件的范围内 – 它是一个依赖项,并且依赖项被删除了.

然而,我们可以测试我们的控制器使用正确的参数调用$modal.open,但是解析和控制器之间的关系不是这个规范套件的一部分(稍后会详细介绍).

所以要修改我们的需求：

>用户对象.
>调用$scope.showProfile.
>对传递给$modal.open的参数的期望.

it('calls $modal.open with the correct params',function (){
  // Preparation
  var user = { name: 'test' };
  var expected = {
    templateUrl: 'components/profile/profile.html',resolve: {
      user: sinon.match(function (value) {
        return value() === user;
      },'boo!')
    },controller: sinon.match.any        
  };

  // Execution
  createController();
  $scope.showProfile(user);

  // Expectation
  expect($modal.open).to.have
    .been.calledOnce
    .and.calledWithMatch(expected);
});

I want to verify that the user getting passed in is the same one used in the resolve parameter of the modal.

“$modal.open should have been instantiated,and its resolve.user function should return the user passed to $scope.showProfile.”

我会说我们的规范完全覆盖了 – 我们已经’取消’$modal来启动.甜.

从sinonjs docs开始的custom matchers的解释.

Custom matchers are created with the sinon.match@H_404_138@ factory which takes a test function and an optional message. The test function takes a value as the only argument,returns true@H_404_138@ if the value matches the expectation and false@H_404_138@ otherwise. The message string is used to generate the error message in case the value does not match the expectation.

sinon.match(function (value) {
  return /* expectation on the behavIoUr/nature of value */
},'optional_message');

$modal.open({
  // controller: function () {},controller: 'NamedModalController'
});

it('exposes the resolved {user} value onto $scope',function () {
  user = { name: 'Mike' };
  createController();
  expect($scope).to.have.property('user').that.deep.equals(user);
});

var modalOptions = {
  resolve:{
    agent:sinon.match.any // No idea if this is correct,trying to match jasmine.any(Function)
  },};

// open cannot yield since it was not yet invoked.
modalSpy.yield(function(options){ 
  actualOptions = options;
  return fakeModal;
});

it('yield / yields',function () {
    var stub = sinon.stub();

    stub.yield('throwing errors!'); // will crash...
    stub.yields('y');

    stub(function () {
      console.log(arguments);
    });

    stub.yield('x');
    stub.yields('ohno'); // wont happen...
  });

LOG: Object{0: 'y'}
LOG: Object{0: 'x'}