feat(ngAria): Adds button role to ng-click

Closes #9254

Author: Marcy Sutton

src/ngAria/aria.js

@@ -329,6 +329,10 @@ ngAriaModule.directive('ngShow', ['$aria', function($aria) {
           }
         });
       }
+
+      if (!elem.attr('role') && (elem[0].nodeName !== 'BUTTON') && (elem[0].nodeName !== 'A')) {
+        elem.attr('role', 'button');
+      }
     }
   };
 }])

test/ngAria/ariaSpec.js

@@ -5,7 +5,7 @@ describe('$aria', function() {
 
   beforeEach(module('ngAria'));
 
-  afterEach(function(){
+  afterEach(function() {
     dealoc(element);
   });
 
@@ -143,6 +143,15 @@ describe('$aria', function() {
   describe('roles for custom inputs', function() {
     beforeEach(injectScopeAndCompiler);
 
+    it('should add missing role="button" to custom input', function() {
+      compileInput('<div ng-click="someFunction()"></div>');
+      expect(element.attr('role')).toBe('button');
+    });
+    it('should not add role="button" to anchor', function() {
+      compileInput('<a ng-click="someFunction()"></a>');
+      expect(element.attr('role')).not.toBe('button');
+    });
+
     it('should add missing role="checkbox" to custom input', function() {
       scope.$apply('val = true');
       compileInput('<div type="checkbox" ng-model="val"></div>');