First rev of Safe DOM

tests/html/element_test.dart

 // Copyright (c) 2011, 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.
 
 library ElementTest;
 import '../../pkg/unittest/lib/unittest.dart';
 import '../../pkg/unittest/lib/html_individual_config.dart';
 import 'dart:async';
 import 'dart:html';
 import 'dart:svg' as svg;
+import 'utils.dart';
 
 expectLargeRect(Rect rect) {
   expect(rect.top, 0);
   expect(rect.left, 0);
   expect(rect.width, greaterThan(100));
   expect(rect.height, greaterThan(100));
   expect(rect.bottom, rect.top + rect.height);
   expect(rect.right, rect.left + rect.width);
 }
 
@@ skipping 52 matching lines @@
       expect(element.scrollWidth, greaterThan(100));
       expect(element.scrollHeight, greaterThan(100));
       expect(element.getBoundingClientRect().left, 8);
       expect(element.getBoundingClientRect().top, 8);
       container.remove();
     });
   });
 
   group('constructors', () {
     test('error', () {
-      expect(() => new Element.html('<br/><br/>'), throwsArgumentError);
+      expect(() => new Element.html('<br/><br/>'), throwsStateError);
     });
 
     test('.html has no parent', () =>
         expect(new Element.html('<br/>').parent, isNull));
 
     test('.html table', () {
       // http://developers.whatwg.org/tabular-data.html#tabular-data
       var node = new Element.html('''
 <table>
  <caption>Characteristics with positive and negative sides</caption>
@@ skipping 19 matching lines @@
           'Characteristics with positive and negative sides');
       expect(node.tHead.rows.length, 1);
       expect(node.tHead.rows[0].cells.length, 3);
       expect(node.tBodies.length, 1);
       expect(node.tBodies[0].rows.length, 2);
       expect(node.tBodies[0].rows[1].cells.map((c) => c.innerHtml),
           [' Failing\n   ', ' Grade\n   ', ' Passing\n']);
     });
 
     test('.html caption', () {
-      var node = new Element.html('<caption><p>Table 1.');
+      var table = new TableElement();
+      var node = table.createFragment('<caption><p>Table 1.').nodes.single;
       expect(node, predicate((x) => x is TableCaptionElement,
           'is a TableCaptionElement'));
       expect(node.tagName, 'CAPTION');
       expect(node.parent, isNull);
       expect(node.innerHtml, '<p>Table 1.</p>');
     });
 
     test('.html colgroup', () {
-      var node = new Element.html('<colgroup> <col> <col> <col>');
+      var table = new TableElement();
+      var node =
+          table.createFragment('<colgroup> <col> <col> <col>').nodes.single;
       expect(node, predicate((x) => x is TableColElement,
           'is a TableColElement'));
       expect(node.tagName, 'COLGROUP');
       expect(node.parent, isNull);
       expect(node.innerHtml, ' <col> <col> <col>');
     });
 
-    test('.html col', () {
-      var node = new Element.html('<col span="2">');
-      expect(node, predicate((x) => x is TableColElement,
-          'is a TableColElement'));
-      expect(node.tagName, 'COL');
-      expect(node.parent, isNull);
-      expect(node.outerHtml, '<col span="2">');
-    });
-
     test('.html tbody', () {
       var innerHtml = '<tr><td headers="n r1">Sad</td><td>Happy</td></tr>';
-      var node = new Element.html('<tbody>$innerHtml');
+      var table = new TableElement();
+      var node = table.createFragment('<tbody>$innerHtml').nodes.single;
       expect(node, predicate((x) => x is TableSectionElement,
           'is a TableSectionElement'));
       expect(node.tagName, 'TBODY');
       expect(node.parent, isNull);
       expect(node.rows.length, 1);
       expect(node.rows[0].cells.length, 2);
       expect(node.innerHtml, innerHtml);
     });
 
     test('.html thead', () {
       var innerHtml = '<tr><th id="n">Negative</th><th>Positive</th></tr>';
-      var node = new Element.html('<thead>$innerHtml');
+      var table = new TableElement();
+      var node = table.createFragment('<thead>$innerHtml').nodes.single;
       expect(node, predicate((x) => x is TableSectionElement,
           'is a TableSectionElement'));
       expect(node.tagName, 'THEAD');
       expect(node.parent, isNull);
       expect(node.rows.length, 1);
       expect(node.rows[0].cells.length, 2);
       expect(node.innerHtml, innerHtml);
     });
 
     test('.html tfoot', () {
       var innerHtml = '<tr><th>percentage</th><td>34.3%</td></tr>';
-      var node = new Element.html('<tfoot>$innerHtml');
+      var table = new TableElement();
+      var node = table.createFragment('<tfoot>$innerHtml').nodes.single;
       expect(node, predicate((x) => x is TableSectionElement,
           'is a TableSectionElement'));
       expect(node.tagName, 'TFOOT');
       expect(node.parent, isNull);
       expect(node.rows.length, 1);
       expect(node.rows[0].cells.length, 2);
       expect(node.innerHtml, innerHtml);
     });
 
     test('.html tr', () {
-      var node = new Element.html('<tr><td>foo<td>bar');
+      var table = new TableElement();
+      var tBody = table.createTBody();
+      var node = tBody.createFragment('<tr><td>foo<td>bar').nodes.single;
       expect(node, predicate((x) => x is TableRowElement,
           'is a TableRowElement'));
       expect(node.tagName, 'TR');
       expect(node.parent, isNull);
       expect(node.cells.map((c) => c.innerHtml), ['foo', 'bar']);
     });
 
     test('.html td', () {
-      var node = new Element.html('<td>foobar');
+      var table = new TableElement();
+      var tBody = table.createTBody();
+      var tRow = tBody.addRow();
+      var node = tRow.createFragment('<td>foobar').nodes.single;
       expect(node, predicate((x) => x is TableCellElement,
           'is a TableCellElement'));
       expect(node.tagName, 'TD');
       expect(node.parent, isNull);
       expect(node.innerHtml, 'foobar');
     });
 
     test('.html th', () {
-      var node = new Element.html('<th>foobar');
+      var table = new TableElement();
+      var tBody = table.createTBody();
+      var tRow = tBody.addRow();
+      var node = tRow.createFragment('<th>foobar').nodes.single;
       expect(node, predicate((x) => x is TableCellElement,
           'is a TableCellElement'));
       expect(node.tagName, 'TH');
       expect(node.parent, isNull);
       expect(node.innerHtml, 'foobar');
     });
   });
 
   group('eventListening', () {
     test('streams', () {
@@ skipping 68 matching lines @@
       e.click();
       expect(firedEvent, true);
     });
   });
 
   group('attributes', () {
       test('manipulation', () {
         final element = new Element.html(
             '''<div class="foo" style="overflow: hidden" data-foo="bar"
                    data-foo2="bar2" dir="rtl">
-               </div>''');
+               </div>''', treeSanitizer: new NullTreeSanitizer());
         final attributes = element.attributes;
         expect(attributes['class'], 'foo');
         expect(attributes['style'], startsWith('overflow: hidden'));
         expect(attributes['data-foo'], 'bar');
         expect(attributes['data-foo2'], 'bar2');
         expect(attributes.length, 5);
         expect(element.dataset.length, 2);
         element.dataset['foo'] = 'baz';
         expect(element.dataset['foo'], 'baz');
         expect(attributes['data-foo'], 'baz');
@@ skipping 415 matching lines @@
     });
 
     test('sublist', () {
       var range = makeElList().sublist(1, 3);
       expect(range, isElementList);
       expect(range[0], isImageElement);
       expect(range[1], isInputElement);
     });
   });
 }