directive.js

angular.module('sampleAbc', [])
  .directive('subSampleAbc', function() {
    restrict: 'E',
    template: '<h1>Who are you doing {{person.name}}?</h1>',
    controller: function($scope, $element, $attrs, $transclude) {
      $scope.person = {
        name: 'John Alden'
      };
    }
  });

directive.spec.js

describe('Module: sampleAbc', function() {
  var $scope, $compile;

  beforeEach(module('sampleAbc'));
  
  beforeEach(inject(function ($rootScope, _$compile_) {
    $scope = $rootScope;
    $compile = _$compile_;
  }));
  
  describe('Directive: subSampleAbc', function() {
    it('should return template', function() {
      var person = {
        name: 'John Alden'
      };
      
      console.log(person);
      console.log($scope.person);

      //var element = $compile('<sub-sample-abc></sub-sample-abc>')($scope);
      //$scope.$digest();
      expect(person).toEqual($scope.person);
    });
  });
});