title: elem.click is not happening in angular unit test?
body: <p>Wrote a simple directive with a click event. It looks like this:</p>
  
  <pre><code>var app = angular.module('plunker', []);
  
  app.directive('myDirective',
    function() {
      return {
        restrict: 'E',
        template: '&lt;span ng-click="klik();"&gt;{{value}}&lt;/span&gt;',
        controller:function($scope)
        {
          $scope.klik= function()
          {
            $scope.value='you clicked on it!!';
          }
        }
      }
    }
  );
  </code></pre>
  
  <p>I can't trigger the click event, why? This is the unit test:</p>
  
  <pre><code>describe('testing directive', function (){
    var scope, html, elem, compiled;
  
    beforeEach(function (){
      module('plunker');
  
      html = '&lt;my-directive&gt;&lt;/my-directive&gt;';
  
      inject(function($compile, $rootScope) {
        //create the scope.
        scope = $rootScope.$new();
  
        //get the element.
        elem = angular.element(html);
  
        //compile the view.
        compiled = $compile(elem);
  
        //run the view against the scope.
        compiled(scope);
  
        //call digest to update the view!
        scope.$digest();
      });
    });
  
    it('should set text to "you clicked on it!"', function (){
      elem.click();
      expect(elem.value).toBe('you clicked on this!');
    });
  
  
  })
  </code></pre>
  
  <p>This is the error:</p>
  
  <pre><code>TypeError: elem.click is not a function
  </code></pre>
  
  <p>plunkr ref:<a href="http://plnkr.co/edit/e4Iood6Xm1qltOtIjo3Z?p=preview" rel="nofollow">http://plnkr.co/edit/e4Iood6Xm1qltOtIjo3Z?p=preview</a></p>