[New] no-noninteractive-element-to-interactive-role: allow `menuite…

…mradio` and `menuitemcheckbox` on <li>
jsx-eslint · Aug 28, 2023 · c0733f9 · c0733f9
1 parent 0d5321a
commit c0733f9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/__tests__/src/rules/no-noninteractive-element-to-interactive-role-test.js b/__tests__/src/rules/no-noninteractive-element-to-interactive-role-test.js
@@ -457,6 +457,8 @@ ruleTester.run(`${ruleName}:recommended`, rule, {
     { code: '<ol role="treegrid" />;' },
     { code: '<li role="tab" />;' },
     { code: '<li role="menuitem" />;' },
+    { code: '<li role="menuitemcheckbox" />;' },
+    { code: '<li role="menuitemradio" />;' },
     { code: '<li role="row" />;' },
     { code: '<li role="treeitem" />;' },
     { code: '<Component role="treeitem" />;' },

diff --git a/src/index.js b/src/index.js
@@ -164,7 +164,7 @@ module.exports = {
               'tree',
               'treegrid',
             ],
-            li: ['menuitem', 'option', 'row', 'tab', 'treeitem'],
+            li: ['menuitem', 'menuitemradio', 'menuitemcheckbox', 'option', 'row', 'tab', 'treeitem'],
             table: ['grid'],
             td: ['gridcell'],
             fieldset: ['radiogroup', 'presentation'],