feat(vcRecaptcha): add error callback support

src/directive.js

@@ -22,7 +22,8 @@
                 required: '=?',
                 onCreate: '&',
                 onSuccess: '&',
-                onExpire: '&'
+                onExpire: '&',
+                onError: '&'
             },
             link: function (scope, elm, attrs, ctrl) {
                 scope.widgetId = null;
@@ -54,7 +55,8 @@
                         tabindex: scope.tabindex || attrs.tabindex || null,
                         size: scope.size || attrs.size || null,
                         badge: scope.badge || attrs.badge || null,
-                        'expired-callback': expired
+                        'expired-callback': expired,
+                        'error-callback': attrs.onError ? error : undefined
 
                     }).then(function (widgetId) {
                         // The widget has been created
@@ -96,6 +98,17 @@
                         scope.onExpire({ widgetId: scope.widgetId });
                     });
                 }
+
+                function error() {
+                    var args = arguments;
+                    $timeout(function () {
+                        scope.response = "";
+                        validate();
+
+                        // Notify about the response availability
+                        scope.onError({ widgetId: scope.widgetId, arguments: args });
+                    });
+                }
 
                 function validate(){
                     if(ctrl){

tests/directive_test.js

@@ -58,6 +58,7 @@ describe('directive: vcRecaptcha', function () {
             $scope.key       = VALID_KEY;
             $scope.onCreate  = jasmine.createSpy('onCreate');
             $scope.onSuccess = jasmine.createSpy('onSuccess');
+            $scope.onError = jasmine.createSpy('onError');
         });
 
         afterEach(function () {
@@ -173,6 +174,31 @@ describe('directive: vcRecaptcha', function () {
             });
         });
 
+        it('should call the onError callback', function () {
+            var element     = angular.element('<form name="form">' +
+                    '<input type="text" ng-model="something" />' +
+                    '<div vc-recaptcha key="key" on-create="onCreate()" on-error="onError({arguments: args, widgetId: id})"/>' +
+                    '</form>'),
+
+                _fakeCreate = function (element, config) {
+                    config['error-callback']('something about the error');
+
+                    return {
+                        then: function (cb) {
+                            cb();
+                        }
+                    };
+                };
+
+            spyOn(vcRecaptchaService, 'create').and.callFake(_fakeCreate);
+
+            $compile(element)($scope);
+            $scope.$digest();
+            $timeout.flush();
+
+            expect($scope.onError).toHaveBeenCalled();
+        });
+
         it('the widget should be using the setted language', function () {
             var element = angular.element('<form name="form">' +
                     '<input type="text" ng-model="something" />' +