refactor: don't spread arrays

Author: MichaelDeBoey

__mocks__/genInteractives.js

@@ -12,9 +12,6 @@ import type { JSXElementMockType } from './JSXElementMock';
 
 const { fromEntries } = Object;
 
-const domElements = [...dom.keys()];
-const roleNames = [...roles.keys()];
-
 const interactiveElementsMap = {
   a: [{ prop: 'href', value: '#' }],
   area: [{ prop: 'href', value: '#' }],
@@ -122,19 +119,19 @@ const nonInteractiveElementsMap: {[string]: Array<{[string]: string}>} = {
   ul: [],
 };
 
-const indeterminantInteractiveElementsMap: { [key: string]: Array<any> } = fromEntries(domElements.map((name) => [name, []]));
+const indeterminantInteractiveElementsMap: { [key: string]: Array<any> } = fromEntries(dom.keys().map((name) => [name, []]));
 
 Object.keys(interactiveElementsMap)
   .concat(Object.keys(nonInteractiveElementsMap))
   .forEach((name) => delete indeterminantInteractiveElementsMap[name]);
 
-const abstractRoles = roleNames.filter((role) => roles.get(role).abstract);
+const abstractRoles = roles.keys().filter((role) => roles.get(role).abstract);
 
-const nonAbstractRoles = roleNames.filter((role) => !roles.get(role).abstract);
+const nonAbstractRoles = roles.keys().filter((role) => !roles.get(role).abstract);
 
 const interactiveRoles = []
   .concat(
-    roleNames,
+    roles.keys(),
     // 'toolbar' does not descend from widget, but it does support
     // aria-activedescendant, thus in practice we treat it as a widget.
     'toolbar',
@@ -144,7 +141,7 @@ const interactiveRoles = []
     && roles.get(role).superClass.some((klasses) => klasses.includes('widget'))
   ));
 
-const nonInteractiveRoles = roleNames
+const nonInteractiveRoles = roles.keys()
   .filter((role) => (
     !roles.get(role).abstract
     && !roles.get(role).superClass.some((klasses) => klasses.includes('widget'))

__tests__/src/rules/aria-props-test.js

@@ -19,10 +19,9 @@ import getSuggestion from '../../../src/util/getSuggestion';
 // -----------------------------------------------------------------------------
 
 const ruleTester = new RuleTester();
-const ariaAttributes = [...aria.keys()];
 
 const errorMessage = (name) => {
-  const suggestions = getSuggestion(name, ariaAttributes);
+  const suggestions = getSuggestion(name, aria.keys());
   const message = `${name}: This attribute is an invalid ARIA attribute.`;
 
   if (suggestions.length > 0) {
@@ -39,7 +38,7 @@ const errorMessage = (name) => {
 };
 
 // Create basic test cases using all valid role types.
-const basicValidityTests = ariaAttributes.map((prop) => ({
+const basicValidityTests = aria.keys().map((prop) => ({
   code: `<div ${prop.toLowerCase()}="foobar" />`,
 }));
 

__tests__/src/rules/aria-role-test.js

@@ -24,10 +24,8 @@ const errorMessage = {
   type: 'JSXAttribute',
 };
 
-const roleKeys = [...roles.keys()];
-
-const validRoles = roleKeys.filter((role) => roles.get(role).abstract === false);
-const invalidRoles = roleKeys.filter((role) => roles.get(role).abstract === true);
+const validRoles = roles.keys().filter((role) => roles.get(role).abstract === false);
+const invalidRoles = roles.keys().filter((role) => roles.get(role).abstract === true);
 
 const createTests = (roleNames) => roleNames.map((role) => ({
   code: `<div role="${role.toLowerCase()}" />`,

__tests__/src/rules/aria-unsupported-elements-test.js

@@ -26,9 +26,8 @@ Try removing the prop '${invalidProp}'.`,
   type: 'JSXOpeningElement',
 });
 
-const domElements = [...dom.keys()];
 // Generate valid test cases
-const roleValidityTests = domElements.map((element) => {
+const roleValidityTests = dom.keys().map((element) => {
   const isReserved = dom.get(element).reserved || false;
   const role = isReserved ? '' : 'role';
 
@@ -37,7 +36,7 @@ const roleValidityTests = domElements.map((element) => {
   };
 });
 
-const ariaValidityTests = domElements.map((element) => {
+const ariaValidityTests = dom.keys().map((element) => {
   const isReserved = dom.get(element).reserved || false;
   const aria = isReserved ? '' : 'aria-hidden';
 
@@ -50,7 +49,7 @@ const ariaValidityTests = domElements.map((element) => {
 });
 
 // Generate invalid test cases.
-const invalidRoleValidityTests = domElements
+const invalidRoleValidityTests = dom.keys()
   .filter((element) => dom.get(element).reserved)
   .map((reservedElem) => ({
     code: `<${reservedElem} role {...props} />`,
@@ -61,7 +60,7 @@ const invalidRoleValidityTests = domElements
     settings: { 'jsx-a11y': { components: { Meta: 'meta' } } },
   });
 
-const invalidAriaValidityTests = domElements
+const invalidAriaValidityTests = dom.keys()
   .filter((element) => dom.get(element).reserved)
   .map((reservedElem) => ({
     code: `<${reservedElem} aria-hidden aria-role="none" {...props} />`,

src/rules/aria-props.js

@@ -12,10 +12,8 @@ import { propName } from 'jsx-ast-utils';
 import { generateObjSchema } from '../util/schemas';
 import getSuggestion from '../util/getSuggestion';
 
-const ariaAttributes = [...aria.keys()];
-
 const errorMessage = (name) => {
-  const suggestions = getSuggestion(name, ariaAttributes);
+  const suggestions = getSuggestion(name, aria.keys());
   const message = `${name}: This attribute is an invalid ARIA attribute.`;
 
   if (suggestions.length > 0) {

src/rules/aria-unsupported-elements.js

@@ -47,7 +47,7 @@ export default {
           return;
         }
 
-        const invalidAttributes = new Set([...aria.keys(), 'role']);
+        const invalidAttributes = new Set(aria.keys().concat('role'));
 
         node.attributes.forEach((prop) => {
           if (prop.type === 'JSXSpreadAttribute') {

src/rules/role-has-required-aria-props.js

@@ -60,7 +60,7 @@ export default {
 
         const normalizedValues = String(roleAttrValue).toLowerCase().split(' ');
         const validRoles = normalizedValues
-          .filter((val) => [...roles.keys()].indexOf(val) > -1);
+          .filter((val) => roles.keys().indexOf(val) > -1);
 
         // Check semantic DOM elements
         // For example, <input type="checkbox" role="switch" />

src/util/isInteractiveElement.js

@@ -15,10 +15,9 @@ import flatMap from 'array.prototype.flatmap';
 
 import attributesComparator from './attributesComparator';
 
-const roleKeys = [...roles.keys()];
 const elementRoleEntries = [...elementRoles];
 
-const nonInteractiveRoles = new Set(roleKeys
+const nonInteractiveRoles = new Set(roles.keys()
   .filter((name) => {
     const role = roles.get(name);
     return (
@@ -34,7 +33,7 @@ const nonInteractiveRoles = new Set(roleKeys
     'progressbar',
   ));
 
-const interactiveRoles = new Set(roleKeys
+const interactiveRoles = new Set(roles.keys()
   .filter((name) => {
     const role = roles.get(name);
     return (

src/util/isInteractiveRole.js

@@ -4,8 +4,7 @@ import type { Node } from 'ast-types-flow';
 import { getProp, getLiteralPropValue } from 'jsx-ast-utils';
 import flatMap from 'array.prototype.flatmap';
 
-const roles = [...rolesMap.keys()];
-const interactiveRoles = roles.filter((name) => (
+const interactiveRoles = rolesMap.keys().filter((name) => (
   !rolesMap.get(name).abstract
   && rolesMap.get(name).superClass.some((klasses) => klasses.includes('widget'))
 ));
@@ -41,7 +40,7 @@ const isInteractiveRole = (
   const normalizedValues = String(value).toLowerCase().split(' ');
   const validRoles = flatMap(
     normalizedValues,
-    (name: string) => (roles.includes(name) ? [name] : []),
+    (name: string) => (rolesMap.keys().includes(name) ? [name] : []),
   );
   if (validRoles.length > 0) {
     // The first role value is a series takes precedence.

src/util/isNonInteractiveElement.js

@@ -16,10 +16,9 @@ import flatMap from 'array.prototype.flatmap';
 
 import attributesComparator from './attributesComparator';
 
-const roleKeys = [...roles.keys()];
 const elementRoleEntries = [...elementRoles];
 
-const nonInteractiveRoles = new Set(roleKeys
+const nonInteractiveRoles = new Set(roles.keys()
   .filter((name) => {
     const role = roles.get(name);
     return (
@@ -38,7 +37,7 @@ const nonInteractiveRoles = new Set(roleKeys
     'progressbar',
   ));
 
-const interactiveRoles = new Set(roleKeys
+const interactiveRoles = new Set(roles.keys()
   .filter((name) => {
     const role = roles.get(name);
     return (