fix: updates support for aria-required attribute in to-be-required …

…method

README.md

@@ -379,6 +379,7 @@ attribute.
 <textarea data-testid="textarea" required></textarea>
 <div data-testid="supported-role" role="tree" required></div>
 <div data-testid="supported-role-aria" role="tree" aria-required="true"></div>
+<div data-testid="without-aria-role" aria-required="true"></div>
 ```
 
 ```javascript
@@ -392,6 +393,7 @@ expect(getByTestId('select')).toBeRequired()
 expect(getByTestId('textarea')).toBeRequired()
 expect(getByTestId('supported-role')).not.toBeRequired()
 expect(getByTestId('supported-role-aria')).toBeRequired()
+expect(queryByTestId('without-aria-role')).toBeRequired()
 ```
 
 <hr />

src/__tests__/to-be-required.js

@@ -13,6 +13,7 @@ test('.toBeRequired', () => {
       <textarea data-testid="textarea" required></textarea>
       <div data-testid="supported-role" role="tree" required></div>
       <div data-testid="supported-role-aria" role="tree" aria-required="true"></div>
+      <div data-testid="without-aria-role" aria-required="true"></div>
     </div>
     `)
 
@@ -26,6 +27,7 @@ test('.toBeRequired', () => {
   expect(queryByTestId('textarea')).toBeRequired()
   expect(queryByTestId('supported-role')).not.toBeRequired()
   expect(queryByTestId('supported-role-aria')).toBeRequired()
+  expect(queryByTestId('without-aria-role')).toBeRequired()
 
   // negative test cases wrapped in throwError assertions for coverage.
   expect(() =>

src/to-be-required.js

@@ -3,8 +3,6 @@ import {checkHtmlElement, getTag} from './utils'
 // form elements that support 'required'
 const FORM_TAGS = ['select', 'textarea']
 
-const ARIA_FORM_TAGS = ['input', 'select', 'textarea']
-
 const UNSUPPORTED_INPUT_TYPES = [
   'color',
   'hidden',
@@ -14,14 +12,6 @@ const UNSUPPORTED_INPUT_TYPES = [
   'reset',
 ]
 
-const SUPPORTED_ARIA_ROLES = [
-  'combobox',
-  'gridcell',
-  'radiogroup',
-  'spinbutton',
-  'tree',
-]
-
 function isRequiredOnFormTagsExceptInput(element) {
   return FORM_TAGS.includes(getTag(element)) && element.hasAttribute('required')
 }
@@ -39,10 +29,7 @@ function isRequiredOnSupportedInput(element) {
 function isElementRequiredByARIA(element) {
   return (
     element.hasAttribute('aria-required') &&
-    element.getAttribute('aria-required') === 'true' &&
-    (ARIA_FORM_TAGS.includes(getTag(element)) ||
-      (element.hasAttribute('role') &&
-        SUPPORTED_ARIA_ROLES.includes(element.getAttribute('role'))))
+    element.getAttribute('aria-required') === 'true'
   )
 }