Add some sweet XML classes.

client/tests/client/html/XMLElementTests.dart

+// Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
+// for details. All rights reserved. Use of this source code is governed by a
+// BSD-style license that can be found in the LICENSE file.
+
+void testXMLElement() {
+  XMLElement makeElement() => new XMLElement.xml("<xml><foo/><bar/></xml>");
+
+  makeElementWithParent() {
+    final parent = new XMLElement.xml(
+        "<parent><before/><xml><foo/><bar/></xml><after/></parent>");
+    return parent.elements[1];
+  }
+
+  group('constructors', () {
+    group('.xml', () {
+      test('with a well-formed document', () {
+        final el = makeElement();
+        Expect.isTrue(el is XMLElement);
+        Expect.equals('foo', el.elements[0].tagName);
+        Expect.equals('bar', el.elements[1].tagName);
+      });
+
+      test('with too many nodes', () {
+        Expect.throws(() => new XMLElement.xml("<xml></xml>foo"),
+            (e) => e is IllegalArgumentException);
+      });
+
+      test('with a parse error', () {
+        Expect.throws(() => new XMLElement.xml("<xml></xml>>"),
+            (e) => e is IllegalArgumentException);
+      });
+
+      test('with a PARSERERROR tag', () {
+        final el = new XMLElement.xml("<xml><parsererror /></xml>");
+        Expect.equals('parsererror', el.elements[0].tagName);
+      });
+
+      test('has no parent', () =>
+          Expect.isNull(new XMLElement.xml('<foo/>').parent));
+    });
+
+    test('.tag', () {
+      final el = new XMLElement.tag('foo');
+      Expect.isTrue(el is XMLElement);
+      Expect.equals('foo', el.tagName);
+    });
+  });
+
+  // FilteredElementList is tested more thoroughly in DocumentFragmentTests.
+  group('elements', () {
+    test('filters out non-element nodes', () {
+      final el = new XMLElement.xml("<xml>1<a/><b/>2<c/>3<d/></xml>");
+      Expect.listEquals(["a", "b", "c", "d"], el.elements.map((e) => e.tagName));
+    });
+
+    test('overwrites nodes when set', () {
+      final el = new XMLElement.xml("<xml>1<a/><b/>2<c/>3<d/></xml>");
+      el.elements = [new XMLElement.tag('x'), new XMLElement.tag('y')];
+      Expect.equals("<xml><x></x><y></y></xml>", el.outerHTML);
+    });
+  });
+
+  group('classes', () {
+    XMLElement makeElementWithClasses() =>
+      new XMLElement.xml("<xml class='foo bar baz'></xml>");
+
+    Set<String> makeClassSet() => makeElementWithClasses().classes;
+
+    test('affects the "class" attribute', () {
+      final el = makeElementWithClasses();
+      el.classes.add('qux');
+      Expect.setEquals(['foo', 'bar', 'baz', 'qux'],
+          el.attributes['class'].split(' '));
+    });
+
+    test('is affected by the "class" attribute', () {
+      final el = makeElementWithClasses();
+      el.attributes['class'] = 'foo qux';
+      Expect.setEquals(['foo', 'qux'], el.classes);
+    });
+
+    test('classes=', () {
+      final el = makeElementWithClasses();
+      el.classes = ['foo', 'qux'];
+      Expect.setEquals(['foo', 'qux'], el.classes);
+      Expect.setEquals(['foo', 'qux'], el.attributes['class'].split(' '));
+    });
+
+    test('toString', () {
+      Expect.setEquals(['foo', 'bar', 'baz'],
+          makeClassSet().toString().split(' '));
+      Expect.equals('', makeElement().classes.toString());
+    });
+
+    test('forEach', () {
+      final classes = <String>[];
+      makeClassSet().forEach(classes.add);
+      Expect.setEquals(['foo', 'bar', 'baz'], classes);
+    });
+
+    test('iterator', () {
+      final classes = <String>[];
+      for (var el in makeClassSet()) {
+        classes.add(el);
+      }
+      Expect.setEquals(['foo', 'bar', 'baz'], classes);
+    });
+
+    test('map', () {
+      Expect.setEquals(['FOO', 'BAR', 'BAZ'],
+          makeClassSet().map((c) => c.toUpperCase()));
+    });
+
+    test('filter', () {
+      Expect.setEquals(['bar', 'baz'],
+          makeClassSet().filter((c) => c.contains('a')));
+    });
+
+    test('every', () {
+      Expect.isTrue(makeClassSet().every((c) => c is String));
+      Expect.isFalse(
+          makeClassSet().every((c) => c.contains('a')));
+    });
+
+    test('some', () {
+      Expect.isTrue(
+          makeClassSet().some((c) => c.contains('a')));
+      Expect.isFalse(makeClassSet().some((c) => c is num));
+    });
+
+    test('isEmpty', () {
+      Expect.isFalse(makeClassSet().isEmpty());
+      Expect.isTrue(makeElement().classes.isEmpty());
+    });
+
+    test('length', () {
+      Expect.equals(3, makeClassSet().length);
+      Expect.equals(0, makeElement().classes.length);
+    });
+
+    test('contains', () {
+      Expect.isTrue(makeClassSet().contains('foo'));
+      Expect.isFalse(makeClassSet().contains('qux'));
+    });
+
+    test('add', () {
+      final classes = makeClassSet();
+      classes.add('qux');
+      Expect.setEquals(['foo', 'bar', 'baz', 'qux'], classes);
+
+      classes.add('qux');
+      final list = new List.from(classes);
+      list.sort((a, b) => a.compareTo(b));
+      Expect.listEquals(['bar', 'baz', 'foo', 'qux'], list,
+          "The class set shouldn't have duplicate elements.");
+    });
+
+    test('remove', () {
+      final classes = makeClassSet();
+      classes.remove('bar');
+      Expect.setEquals(['foo', 'baz'], classes);
+      classes.remove('qux');
+      Expect.setEquals(['foo', 'baz'], classes);
+    });
+
+    test('addAll', () {
+      final classes = makeClassSet();
+      classes.addAll(['bar', 'qux', 'bip']);
+      Expect.setEquals(['foo', 'bar', 'baz', 'qux', 'bip'], classes);
+    });
+
+    test('removeAll', () {
+      final classes = makeClassSet();
+      classes.removeAll(['bar', 'baz', 'qux']);
+      Expect.setEquals(['foo'], classes);
+    });
+
+    test('isSubsetOf', () {
+      final classes = makeClassSet();
+      Expect.isTrue(classes.isSubsetOf(['foo', 'bar', 'baz']));
+      Expect.isTrue(classes.isSubsetOf(['foo', 'bar', 'baz', 'qux']));
+      Expect.isFalse(classes.isSubsetOf(['foo', 'bar', 'qux']));
+    });
+
+    test('containsAll', () {
+      final classes = makeClassSet();
+      Expect.isTrue(classes.containsAll(['foo', 'baz']));
+      Expect.isFalse(classes.containsAll(['foo', 'qux']));
+    });
+
+    test('intersection', () {
+      final classes = makeClassSet();
+      Expect.setEquals(['foo', 'baz'],
+          classes.intersection(['foo', 'qux', 'baz']));
+    });
+
+    test('clear', () {
+      final classes = makeClassSet();
+      classes.clear();
+      Expect.setEquals([], classes);
+    });
+  });
+
+  test("no-op methods don't throw errors", () {
+    final el = makeElement();
+    el.on.click.add((e) => null);
+    el.blur();
+    el.focus();
+    el.scrollByLines(2);
+    el.scrollByPages(2);
+    el.scrollIntoView();
+  });
+
+  group('properties that map to attributes', () {
+    group('contentEditable', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals('inherit', el.contentEditable);
+        el.attributes['contentEditable'] = 'foo';
+        Expect.equals('foo', el.contentEditable);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.contentEditable = 'foo';
+        Expect.equals('foo', el.attributes['contentEditable']);
+      });
+
+      test('isContentEditable', () {
+        final el = makeElement();
+        Expect.isFalse(el.isContentEditable);
+        el.contentEditable = 'true';
+        Expect.isFalse(el.isContentEditable);
+      });
+    });
+
+    group('draggable', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.isFalse(el.draggable);
+        el.attributes['draggable'] = 'true';
+        Expect.isTrue(el.draggable);
+        el.attributes['draggable'] = 'foo';
+        Expect.isFalse(el.draggable);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.draggable = true;
+        Expect.equals('true', el.attributes['draggable']);
+        el.draggable = false;
+        Expect.equals('false', el.attributes['draggable']);
+      });
+    });
+
+    group('spellcheck', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.isFalse(el.spellcheck);
+        el.attributes['spellcheck'] = 'true';
+        Expect.isTrue(el.spellcheck);
+        el.attributes['spellcheck'] = 'foo';
+        Expect.isFalse(el.spellcheck);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.spellcheck = true;
+        Expect.equals('true', el.attributes['spellcheck']);
+        el.spellcheck = false;
+        Expect.equals('false', el.attributes['spellcheck']);
+      });
+    });
+
+    group('hidden', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.isFalse(el.hidden);
+        el.attributes['hidden'] = '';
+        Expect.isTrue(el.hidden);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.hidden = true;
+        Expect.equals('', el.attributes['hidden']);
+        el.hidden = false;
+        Expect.isFalse(el.attributes.containsKey('hidden'));
+      });
+    });
+
+    group('tabIndex', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals(0, el.tabIndex);
+        el.attributes['tabIndex'] = '2';
+        Expect.equals(2, el.tabIndex);
+        el.attributes['tabIndex'] = 'foo';
+        Expect.equals(0, el.tabIndex);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.tabIndex = 15;
+        Expect.equals('15', el.attributes['tabIndex']);
+      });
+    });
+
+    group('id', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals('', el.id);
+        el.attributes['id'] = 'foo';
+        Expect.equals('foo', el.id);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.id = 'foo';
+        Expect.equals('foo', el.attributes['id']);
+      });
+    });
+
+    group('title', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals('', el.title);
+        el.attributes['title'] = 'foo';
+        Expect.equals('foo', el.title);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.title = 'foo';
+        Expect.equals('foo', el.attributes['title']);
+      });
+    });
+
+    group('webkitdropzone', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals('', el.webkitdropzone);
+        el.attributes['webkitdropzone'] = 'foo';
+        Expect.equals('foo', el.webkitdropzone);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.webkitdropzone = 'foo';
+        Expect.equals('foo', el.attributes['webkitdropzone']);
+      });
+    });
+
+    group('lang', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals('', el.lang);
+        el.attributes['lang'] = 'foo';
+        Expect.equals('foo', el.lang);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.lang = 'foo';
+        Expect.equals('foo', el.attributes['lang']);
+      });
+    });
+
+    group('dir', () {
+      test('get', () {
+        final el = makeElement();
+        Expect.equals('', el.dir);
+        el.attributes['dir'] = 'foo';
+        Expect.equals('foo', el.dir);
+      });
+
+      test('set', () {
+        final el = makeElement();
+        el.dir = 'foo';
+        Expect.equals('foo', el.attributes['dir']);
+      });
+    });
+  });
+
+  test('set innerHTML', () {
+    final el = makeElement();
+    el.innerHTML = "<foo>Bar<baz/></foo>";
+    Expect.equals(1, el.nodes.length);
+    final node = el.nodes[0];
+    Expect.isTrue(node is XMLElement);
+    Expect.equals('foo', node.tagName);
+    Expect.equals('Bar', node.nodes[0].text);
+    Expect.equals('baz', node.nodes[1].tagName);
+  });
+
+  test('get innerHTML/outerHTML', () {
+    final el = makeElement();
+    Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    el.nodes.clear();
+    el.nodes.addAll([new Text("foo"), new XMLElement.xml("<a>bar</a>")]);
+    Expect.equals("foo<a>bar</a>", el.innerHTML);
+    Expect.equals("<xml>foo<a>bar</a></xml>", el.outerHTML);
+  });
+
+  test('query', () {
+    final el = makeElement();
+    Expect.equals("foo", el.query('foo').tagName);
+    Expect.isNull(el.query('baz'));
+  });
+
+  test('queryAll', () {
+    final el = new XMLElement.xml(
+        "<xml><foo id='f1' /><bar><foo id='f2' /></bar></xml>");
+    Expect.listEquals(["f1", "f2"], el.queryAll('foo').map((e) => e.id));
+    Expect.listEquals([], el.queryAll('baz'));
+  });
+
+  // TODO(nweiz): re-enable this when matchesSelector works cross-browser.
+  //
+  // test('matchesSelector', () {
+  //   final el = makeElement();
+  //   Expect.isTrue(el.matchesSelector('*'));
+  //   Expect.isTrue(el.matchesSelector('xml'));
+  //   Expect.isFalse(el.matchesSelector('html'));
+  // });
+
+  group('insertAdjacentElement', () {
+    test('beforeBegin with no parent does nothing', () {
+      final el = makeElement();
+      Expect.isNull(
+        el.insertAdjacentElement("beforeBegin", new XMLElement.tag("b")));
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('afterEnd with no parent does nothing', () {
+      final el = makeElement();
+      Expect.isNull(
+        el.insertAdjacentElement("afterEnd", new XMLElement.tag("b")));
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('beforeBegin with parent inserts the element', () {
+      final el = makeElementWithParent();
+      final newEl = new XMLElement.tag("b");
+      Expect.equals(newEl, el.insertAdjacentElement("beforeBegin", newEl));
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+      Expect.equals("<before></before><b></b><xml><foo></foo><bar></bar>" +
+          "</xml><after></after>", el.parent.innerHTML);
+    });
+
+    test('afterEnd with parent inserts the element', () {
+      final el = makeElementWithParent();
+      final newEl = new XMLElement.tag("b");
+      Expect.equals(newEl, el.insertAdjacentElement("afterEnd", newEl));
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+      Expect.equals("<before></before><xml><foo></foo><bar></bar></xml><b>" +
+          "</b><after></after>", el.parent.innerHTML);
+    });
+
+    test('afterBegin inserts the element', () {
+      final el = makeElement();
+      final newEl = new XMLElement.tag("b");
+      Expect.equals(newEl, el.insertAdjacentElement("afterBegin", newEl));
+      Expect.equals("<b></b><foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('beforeEnd inserts the element', () {
+      final el = makeElement();
+      final newEl = new XMLElement.tag("b");
+      Expect.equals(newEl, el.insertAdjacentElement("beforeEnd", newEl));
+      Expect.equals("<foo></foo><bar></bar><b></b>", el.innerHTML);
+    });
+  });
+
+  group('insertAdjacentText', () {
+    test('beforeBegin with no parent does nothing', () {
+      final el = makeElement();
+      el.insertAdjacentText("beforeBegin", "foo");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('afterEnd with no parent does nothing', () {
+      final el = makeElement();
+      el.insertAdjacentText("afterEnd", "foo");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('beforeBegin with parent inserts the text', () {
+      final el = makeElementWithParent();
+      el.insertAdjacentText("beforeBegin", "foo");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+      Expect.equals("<before></before>foo<xml><foo></foo><bar></bar></xml>" +
+          "<after></after>", el.parent.innerHTML);
+    });
+
+    test('afterEnd with parent inserts the text', () {
+      final el = makeElementWithParent();
+      el.insertAdjacentText("afterEnd", "foo");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+      Expect.equals("<before></before><xml><foo></foo><bar></bar></xml>foo" +
+          "<after></after>", el.parent.innerHTML);
+    });
+
+    test('afterBegin inserts the text', () {
+      final el = makeElement();
+      el.insertAdjacentText("afterBegin", "foo");
+      Expect.equals("foo<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('beforeEnd inserts the text', () {
+      final el = makeElement();
+      el.insertAdjacentText("beforeEnd", "foo");
+      Expect.equals("<foo></foo><bar></bar>foo", el.innerHTML);
+    });
+  });
+
+  group('insertAdjacentHTML', () {
+    test('beforeBegin with no parent does nothing', () {
+      final el = makeElement();
+      el.insertAdjacentHTML("beforeBegin", "foo<b/>");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('afterEnd with no parent does nothing', () {
+      final el = makeElement();
+      el.insertAdjacentHTML("afterEnd", "<b/>foo");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('beforeBegin with parent inserts the HTML', () {
+      final el = makeElementWithParent();
+      el.insertAdjacentHTML("beforeBegin", "foo<b/>");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+      Expect.equals("<before></before>foo<b></b><xml><foo></foo><bar></bar>" +
+          "</xml><after></after>", el.parent.innerHTML);
+    });
+
+    test('afterEnd with parent inserts the HTML', () {
+      final el = makeElementWithParent();
+      el.insertAdjacentHTML("afterEnd", "foo<b/>");
+      Expect.equals("<foo></foo><bar></bar>", el.innerHTML);
+      Expect.equals("<before></before><xml><foo></foo><bar></bar></xml>foo" +
+          "<b></b><after></after>", el.parent.innerHTML);
+    });
+
+    test('afterBegin inserts the HTML', () {
+      final el = makeElement();
+      el.insertAdjacentHTML("afterBegin", "foo<b/>");
+      Expect.equals("foo<b></b><foo></foo><bar></bar>", el.innerHTML);
+    });
+
+    test('beforeEnd inserts the HTML', () {
+      final el = makeElement();
+      el.insertAdjacentHTML("beforeEnd", "<b/>foo");
+      Expect.equals("<foo></foo><bar></bar><b></b>foo", el.innerHTML);
+    });
+  });
+
+  asyncTest('default rect values', 1, () {
+    makeElement().rect.then((ElementRect rect) {
+      expectEmptyRect(rect.client);
+      expectEmptyRect(rect.offset);
+      expectEmptyRect(rect.scroll);
+      expectEmptyRect(rect.bounding);
+      Expect.isTrue(rect.clientRects.isEmpty());
+      callbackDone();
+    });
+  });
+}