fix(template-no-invalid-interactive): restore 'use strict'; add HBS escape-hatch tests

Author: johanrd

lib/rules/template-no-invalid-interactive.js

@@ -1,3 +1,5 @@
+'use strict';
+
 const { roles } = require('aria-query');
 const { isNativeElement } = require('../utils/is-native-element');
 const { isHtmlInteractiveContent } = require('../utils/html-interactive-content');

tests/lib/rules/template-no-invalid-interactive.js

@@ -299,3 +299,31 @@ ruleTester.run('template-no-invalid-interactive', rule, {
     },
   ],
 });
+
+const hbsRuleTester = new RuleTester({
+  parser: require.resolve('ember-eslint-parser/hbs'),
+});
+
+hbsRuleTester.run('template-no-invalid-interactive', rule, {
+  valid: [
+    // Escape hatches: role="presentation" / aria-hidden suppresses the check.
+    '<div role="presentation" onclick={{this.h}}></div>',
+    '<div role="none" {{on "click" this.h}}></div>',
+    '<div aria-hidden="true" onclick={{this.h}}></div>',
+    '<div aria-hidden {{on "click" this.h}}></div>',
+  ],
+  invalid: [
+    {
+      // role="note" is not presentation/none and not interactive — still flags.
+      code: '<div role="note" onclick={{this.h}}></div>',
+      output: null,
+      errors: [{ messageId: 'noInvalidInteractive' }],
+    },
+    {
+      // aria-hidden="false" opts in to exposure — handler still flagged.
+      code: '<div aria-hidden="false" onclick={{this.h}}></div>',
+      output: null,
+      errors: [{ messageId: 'noInvalidInteractive' }],
+    },
+  ],
+});