Remove the usage of Maps and Sets, along with the Babel Runtime dependency (#250)

* Convert Map to tuple in roleElementMap

* Convert Set to Array in roleElementMap

* Convert Map and Set to tuple and array in elementRoleMap

* Convert Map in domMap to Array of tuples

* Remove Map from the roles definitions

* MapOfRoleDefinitions to RoleDefinitions

* Completely removed Map and Set usage

* Remove the Babel Runtime dependency

* Tests for rolesMap

* Update ariaPropsMap with an API

* Update domMap with an API

* Remove the findIndex method from rolesMap and ariaPropsmap

* Update elementRoleMap with an API

* Update roleElementMap with an API

* Fix a mixing method error in roleMap-test

* Update package-lock

* Fix package-locks.json

Author: jessebeach

.babelrc

@@ -8,11 +8,6 @@
     "@babel/preset-flow"
   ],
   "plugins": [
-    [
-      "@babel/plugin-transform-runtime", {
-        "corejs": 3
-      }
-    ],
     "@babel/plugin-transform-flow-strip-types"
   ]
 }

__tests__/src/ariaPropsMaps-test.js

@@ -2,25 +2,46 @@ import expect from 'expect';
 import ariaPropsMap from '../../src/ariaPropsMap';
 import rolesMap from '../../src/rolesMap';
 
-describe('ariaPropsMap', function () {
-  it('should be a Map', function () {
-    expect(ariaPropsMap instanceof Map).toBe(true);
+describe('ariaPropsMap API', function () {
+  it('entries', function () {
+    expect(ariaPropsMap.entries().length).toEqual(48);
   });
-  it('should have size', function () {
-    expect(ariaPropsMap.size).toBeGreaterThan(0);
+  it('get', function () {
+    expect(ariaPropsMap.get('aria-label')).toBeDefined();
+    expect(ariaPropsMap.get('fake prop')).toBeUndefined();
   });
+  it('has', function () {
+    expect(ariaPropsMap.has('aria-label')).toEqual(true);
+    expect(ariaPropsMap.has('fake prop')).toEqual(false);
+  });
+  it('keys', function () {
+    expect(ariaPropsMap.keys().length).toEqual(48);
+  });
+  it('values', function () {
+    expect(ariaPropsMap.values().length).toEqual(48);
+  });
+});
 
-  const usedProps = new Set();
+describe('ariaPropsMap content', function () {
+  const usedProps = [];
   for (const roleDefinition of rolesMap.values()) {
     for (const prop of Object.keys(roleDefinition.props)) {
-      usedProps.add(prop);
+      let isUnique = true;
+      for (let i = 0; i < usedProps.length; i++) {
+        if (usedProps[i] === prop) {
+          isUnique = false;
+          break;
+        }
+      }
+      if (isUnique) {
+        usedProps.push(prop);
+      }
     }
   }
-  for (const prop of ariaPropsMap.keys()) {
-    describe(prop, function() {
-      it('should be used in at least one role definition', function() {
-        expect(usedProps.has(prop)).toBe(true, `Expected '${prop}' is used in at least one role definition`);
-      });
-    });
-  }
+  test.each(ariaPropsMap.entries())(
+    'The prop %s should be used in at least one role definition',
+    (prop) => {
+      expect(usedProps.find(p => p === prop)).toBeDefined();
+    }
+  );
 });

__tests__/src/domMap-test.js

@@ -1,11 +1,162 @@
 import expect from 'expect';
 import domMap from '../../src/domMap';
 
-describe('domMap', function () {
-  it('should be a Map', function () {
-    expect(domMap instanceof Map).toBe(true);
+describe('domMap API', function () {
+  it('entries', function () {
+    expect(domMap.entries().length).toEqual(129);
+  });
+  it('get', function () {
+    expect(domMap.get('a')).toBeDefined();
+    expect(domMap.get('fake element')).toBeUndefined();
+  });
+  it('has', function () {
+    expect(domMap.has('a')).toEqual(true);
+    expect(domMap.has('fake element')).toEqual(false);
+  });
+  it('keys', function () {
+    expect(domMap.keys().length).toEqual(129);
   });
-  it('should have size', function () {
-    expect(domMap.size).toBeGreaterThan(0);
+  it('values', function () {
+    expect(domMap.values().length).toEqual(129);
+  });
+});
+
+describe('domMap', function () {
+  it('should have specific items', function () {
+    expect(domMap.entries()).toEqual(
+      expect.arrayContaining(
+        [
+          ["a", {"reserved": false}],
+          ["abbr", {"reserved": false}],
+          ["acronym", {"reserved": false}],
+          ["address", {"reserved": false}],
+          ["applet", {"reserved": false}],
+          ["area", {"reserved": false}],
+          ["article", {"reserved": false}],
+          ["aside", {"reserved": false}],
+          ["audio", {"reserved": false}],
+          ["b", {"reserved": false}],
+          ["base", {"reserved": true}],
+          ["bdi", {"reserved": false}],
+          ["bdo", {"reserved": false}],
+          ["big", {"reserved": false}],
+          ["blink", {"reserved": false}],
+          ["blockquote", {"reserved": false}],
+          ["body", {"reserved": false}],
+          ["br", {"reserved": false}],
+          ["button", {"reserved": false}],
+          ["canvas", {"reserved": false}],
+          ["caption", {"reserved": false}],
+          ["center", {"reserved": false}],
+          ["cite", {"reserved": false}],
+          ["code", {"reserved": false}],
+          ["col", {"reserved": true}],
+          ["colgroup", {"reserved": true}],
+          ["content", {"reserved": false}],
+          ["data", {"reserved": false}],
+          ["datalist", {"reserved": false}],
+          ["dd", {"reserved": false}],
+          ["del", {"reserved": false}],
+          ["details", {"reserved": false}],
+          ["dfn", {"reserved": false}],
+          ["dialog", {"reserved": false}],
+          ["dir", {"reserved": false}],
+          ["div", {"reserved": false}],
+          ["dl", {"reserved": false}],
+          ["dt", {"reserved": false}],
+          ["em", {"reserved": false}],
+          ["embed", {"reserved": false}],
+          ["fieldset", {"reserved": false}],
+          ["figcaption", {"reserved": false}],
+          ["figure", {"reserved": false}],
+          ["font", {"reserved": false}],
+          ["footer", {"reserved": false}],
+          ["form", {"reserved": false}],
+          ["frame", {"reserved": false}],
+          ["frameset", {"reserved": false}],
+          ["h1", {"reserved": false}],
+          ["h2", {"reserved": false}],
+          ["h3", {"reserved": false}],
+          ["h4", {"reserved": false}],
+          ["h5", {"reserved": false}],
+          ["h6", {"reserved": false}],
+          ["head", {"reserved": true}],
+          ["header", {"reserved": false}],
+          ["hgroup", {"reserved": false}],
+          ["hr", {"reserved": false}],
+          ["html", {"reserved": true}],
+          ["i", {"reserved": false}],
+          ["iframe", {"reserved": false}],
+          ["img", {"reserved": false}],
+          ["input", {"reserved": false}],
+          ["ins", {"reserved": false}],
+          ["kbd", {"reserved": false}],
+          ["keygen", {"reserved": false}],
+          ["label", {"reserved": false}],
+          ["legend", {"reserved": false}],
+          ["li", {"reserved": false}],
+          ["link", {"reserved": true}],
+          ["main", {"reserved": false}],
+          ["map", {"reserved": false}],
+          ["mark", {"reserved": false}],
+          ["marquee", {"reserved": false}],
+          ["menu", {"reserved": false}],
+          ["menuitem", {"reserved": false}],
+          ["meta", {"reserved": true}],
+          ["meter", {"reserved": false}],
+          ["nav", {"reserved": false}],
+          ["noembed", {"reserved": true}],
+          ["noscript", {"reserved": true}],
+          ["object", {"reserved": false}],
+          ["ol", {"reserved": false}],
+          ["optgroup", {"reserved": false}],
+          ["option", {"reserved": false}],
+          ["output", {"reserved": false}],
+          ["p", {"reserved": false}],
+          ["param", {"reserved": true}],
+          ["picture", {"reserved": true}],
+          ["pre", {"reserved": false}],
+          ["progress", {"reserved": false}],
+          ["q", {"reserved": false}],
+          ["rp", {"reserved": false}],
+          ["rt", {"reserved": false}],
+          ["rtc", {"reserved": false}],
+          ["ruby", {"reserved": false}],
+          ["s", {"reserved": false}],
+          ["samp", {"reserved": false}],
+          ["script", {"reserved": true}],
+          ["section", {"reserved": false}],
+          ["select", {"reserved": false}],
+          ["small", {"reserved": false}],
+          ["source", {"reserved": true}],
+          ["spacer", {"reserved": false}],
+          ["span", {"reserved": false}],
+          ["strike", {"reserved": false}],
+          ["strong", {"reserved": false}],
+          ["style", {"reserved": true}],
+          ["sub", {"reserved": false}],
+          ["summary", {"reserved": false}],
+          ["sup", {"reserved": false}],
+          ["table", {"reserved": false}],
+          ["tbody", {"reserved": false}],
+          ["td", {"reserved": false}],
+          ["textarea", {"reserved": false}],
+          ["tfoot", {"reserved": false}],
+          ["th", {"reserved": false}],
+          ["thead", {"reserved": false}],
+          ["time", {"reserved": false}],
+          ["title", {"reserved": true}],
+          ["tr", {"reserved": false}],
+          ["track", {"reserved": true}],
+          ["tt", {"reserved": false}],
+          ["u", {"reserved": false}],
+          ["ul", {"reserved": false}],
+          ["var", {"reserved": false}],
+          ["video", {"reserved": false}],
+          ["wbr", {"reserved": false}],
+          ["xmp", {"reserved": false}]
+        ]
+      )
+    );
   });
 });