fix(rule): template-click-events-have-key-events - support pseudo events (#893)

Author: mohammedzamakhan

src/templateClickEventsHaveKeyEventsRule.ts

@@ -56,8 +56,9 @@ class TemplateVisitorCtrl extends BasicTemplateAstVisitor {
     if (isInteractiveElement(el)) {
       return;
     }
-
-    const hasKeyEvent = el.outputs.some(output => output.name === 'keyup' || output.name === 'keydown' || output.name === 'keypress');
+    const hasKeyEvent = el.outputs.some(
+      output => output.name.startsWith('keyup') || output.name.startsWith('keydown') || output.name.startsWith('keypress')
+    );
 
     if (hasKeyEvent) {
       return;

test/templateClickEventsHaveKeyEventsRule.spec.ts

@@ -158,6 +158,18 @@ describe(ruleName, () => {
       assertSuccess(ruleName, source);
     });
 
+    it('should work when click events are associated with key pseudo events', () => {
+      const source = `
+        @Component({
+          template: \`
+            <div (click)="onClick()" (keyup.enter)="onKeyup()"></div>
+          \`
+        })
+        class Bar {}
+      `;
+      assertSuccess(ruleName, source);
+    });
+
     it('should work when click events are passed to custom element', () => {
       const source = `
         @Component({