fix(mock-doc): make MockAttributeMap iterable (#2788)

Author: simonhaenisch

src/mock-doc/attribute.ts

@@ -5,14 +5,15 @@ const attrHandler = {
     if (prop in obj) {
       return obj[prop];
     }
-    if (!isNaN(prop as any)) {
+    if (typeof prop !== 'symbol' && !isNaN(prop as any)) {
       return (obj as MockAttributeMap).__items[prop as any];
     }
     return undefined;
   },
 };
 
-export const createAttributeProxy = (caseInsensitive: boolean) => new Proxy(new MockAttributeMap(caseInsensitive), attrHandler);
+export const createAttributeProxy = (caseInsensitive: boolean) =>
+  new Proxy(new MockAttributeMap(caseInsensitive), attrHandler);
 
 export class MockAttributeMap {
   __items: MockAttr[] = [];
@@ -54,7 +55,9 @@ export class MockAttributeMap {
 
   getNamedItemNS(namespaceURI: string, attrName: string) {
     namespaceURI = getNamespaceURI(namespaceURI);
-    return this.__items.find(attr => attr.name === attrName && getNamespaceURI(attr.namespaceURI) === namespaceURI) || null;
+    return (
+      this.__items.find(attr => attr.name === attrName && getNamespaceURI(attr.namespaceURI) === namespaceURI) || null
+    );
   }
 
   removeNamedItem(attr: MockAttr) {
@@ -69,6 +72,21 @@ export class MockAttributeMap {
       }
     }
   }
+
+  [Symbol.iterator]() {
+    let i = 0;
+
+    return {
+      next: () => ({
+        done: i === this.length,
+        value: this.item(i++),
+      }),
+    };
+  }
+
+  get [Symbol.toStringTag]() {
+    return 'MockAttributeMap';
+  }
 }
 
 function getNamespaceURI(namespaceURI: string) {

src/mock-doc/test/attribute.spec.ts

@@ -1,14 +1,22 @@
+import { MockAttr, MockAttributeMap } from '../attribute';
 import { MockDocument } from '../document';
 import { MockElement, MockHTMLElement } from '../node';
 import { XLINK_NS } from '../../runtime/runtime-constants';
-import { MockImageElement } from '../element';
 
 describe('attributes', () => {
   let doc: MockDocument;
   beforeEach(() => {
     doc = new MockDocument();
   });
 
+  it('attribute map is iterable', () => {
+    const map = new MockAttributeMap();
+    const attr = new MockAttr('attr', 'value');
+    map.setNamedItem(attr);
+
+    expect(Array.from(map)[0]).toBe(attr);
+  });
+
   it('should get attributes by index', () => {
     const element = new MockHTMLElement(doc, 'div');
     element.setAttribute('attr-0', 'value-0');
@@ -67,7 +75,9 @@ describe('attributes', () => {
     expect(element.getAttribute('prop5')).toBe('hola');
     expect(element.getAttribute('prop6')).toBe('');
 
-    expect(element).toEqualHtml(`<div prop1=\"null\" prop2=\"undefined\" prop3=\"0\" prop4=\"1\" prop5=\"hola\" prop6></div>`);
+    expect(element).toEqualHtml(
+      `<div prop1=\"null\" prop2=\"undefined\" prop3=\"0\" prop4=\"1\" prop5=\"hola\" prop6></div>`,
+    );
   });
 
   it('should cast attributeNS values to string', () => {
@@ -86,7 +96,9 @@ describe('attributes', () => {
     expect(element.getAttribute('prop5')).toBe('hola');
     expect(element.getAttribute('prop6')).toBe('');
 
-    expect(element).toEqualHtml(`<div prop1=\"null\" prop2=\"undefined\" prop3=\"0\" prop4=\"1\" prop5=\"hola\" prop6></div>`);
+    expect(element).toEqualHtml(
+      `<div prop1=\"null\" prop2=\"undefined\" prop3=\"0\" prop4=\"1\" prop5=\"hola\" prop6></div>`,
+    );
   });
 
   it('attributes are case insensible in HTMLElement', () => {
@@ -126,7 +138,7 @@ describe('attributes', () => {
   });
 
   it('draggable default value', () => {
-    const div = doc.createElement('div')
+    const div = doc.createElement('div');
     expect(div.draggable).toEqual(false);
 
     const img = doc.createElement('img');