fix+test: HBS test parity + deterministic missing-attr order (Copilot review)

- Add HBS equivalents of the GJS case-insensitive and role-fallback tests
  so both parser paths exercise the same behaviours.
- Sort missingRequiredAttributes alphabetically so report order is stable
  regardless of aria-query's requiredProps iteration order.

Author: johanrd

lib/rules/template-require-mandatory-role-attributes.js

@@ -50,9 +50,11 @@ function getMissingRequiredAttributes(roleTokens, foundAriaAttributes) {
       continue;
     }
     const requiredAttributes = Object.keys(roleDefinition.requiredProps);
-    const missingRequiredAttributes = requiredAttributes.filter(
-      (requiredAttribute) => !foundAriaAttributes.includes(requiredAttribute)
-    );
+    const missingRequiredAttributes = requiredAttributes
+      .filter((requiredAttribute) => !foundAriaAttributes.includes(requiredAttribute))
+      // Sort for deterministic report order (aria-query's requiredProps
+      // iteration order is not guaranteed stable across versions).
+      .sort();
     return {
       role,
       missing: missingRequiredAttributes.length > 0 ? missingRequiredAttributes : null,

tests/lib/rules/template-require-mandatory-role-attributes.js

@@ -131,6 +131,11 @@ hbsRuleTester.run('template-require-mandatory-role-attributes', rule, {
     '{{foo-component role="button"}}',
     '{{foo-component role="unknown"}}',
     '{{foo-component role=role}}',
+
+    // Case-insensitive role matching — ARIA role tokens compare as ASCII-case-insensitive.
+    '<div role="COMBOBOX" aria-expanded="false" aria-controls="ctrl" />',
+    // Role fallback list — primary role's required attributes are satisfied.
+    '<div role="combobox listbox" aria-expanded="false" aria-controls="ctrl" />',
   ],
   invalid: [
     {
@@ -172,5 +177,26 @@ hbsRuleTester.run('template-require-mandatory-role-attributes', rule, {
       output: null,
       errors: [{ message: 'The attribute aria-checked is required by the role checkbox' }],
     },
+
+    // Case-insensitive role matching — uppercase role missing required props is flagged.
+    {
+      code: '<div role="COMBOBOX"></div>',
+      output: null,
+      errors: [
+        {
+          message: 'The attributes aria-controls, aria-expanded are required by the role combobox',
+        },
+      ],
+    },
+    // Role-fallback list: when the primary role is missing required props, flag it.
+    {
+      code: '<div role="combobox listbox"></div>',
+      output: null,
+      errors: [
+        {
+          message: 'The attributes aria-controls, aria-expanded are required by the role combobox',
+        },
+      ],
+    },
   ],
 });