Comment l'Unité de Test Isolé Champ d'application de la Directive dans AngularJS

Voir angulaire de l'élément de l'api docs. Si vous utilisez élément.portée() vous obtenez l'élément du champ d'application que vous avez définie dans le champ d'application de la propriété de votre directive. Si vous utilisez élément.isolateScope() vous obtenez l'ensemble isolé portée.
Par exemple, si votre directive ressemble à quelque chose comme ceci :

scope : {
 myScopeThingy : '='
},
controller : function($scope){
 $scope.myIsolatedThingy = 'some value';
}

Puis l'appel de l'élément.portée() dans votre test sera de retour

{ myScopeThingy : 'whatever value this is bound to' }

Mais si vous appelez de l'élément.isolateScope (), vous obtiendrez

{ 
  myScopeThingy : 'whatever value this is bound to', 
  myIsolatedThingy : 'some value'
}

C'est vrai que du moment cinétique 1.2.2 ou 1.2.3, ne sais pas exactement.
Dans les versions précédentes vous aviez seul élément.champ d'application().

de déplacer la logique à un contrôleur séparé, c'est à dire:

//will get your isolate scope
function MyCtrl($scope)
{
  //non-DOM manipulating ctrl logic here
}
app.controller(MyCtrl);

function MyDirective()
{
  return {
    scope     : {},
    controller: MyCtrl,
    link      : function (scope, element, attrs)
    {
      //moved non-DOM manipulating logic to ctrl
    }
  }
}
app.directive('myDirective', MyDirective);

et test-ci comme vous le feriez pour n'importe quel contrôleur de transmission de la portée de l'objet directement (voir Contrôleurs l'article ici pour un exemple).

si vous avez besoin de déclencher $regarder dans votre test à faire:

describe('MyCtrl test', function ()
{
  var $rootScope, $controller, $scope;

  beforeEach(function ()
  {
    inject(function (_$rootScope_, _$controller_)
    {
      //The injector unwraps the underscores (_) from around the parameter names when matching
      $rootScope = _$rootScope_;
      $controller = _$controller_;
    });

    $scope = $rootScope.$new({});
    $scope.foo = {x: 1}; //initial scope state as desired
    $controller(MyCtrl, {$scope: $scope}); //or by name as 'MyCtrl'
  });

  it('test scope property altered on $digest', function ()
  {
    $scope.$digest(); //trigger $watch
    expect($scope.foo.x).toEqual(1); //or whatever
  });
});