Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(30)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: client/tests/client/html/ElementTests.dart

Issue 8363040: Implement measurement using futures (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Remove duplicated imports from html.dart Created 9 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « client/tests/client/html/DocumentFragmentTests.dart ('k') | client/tests/client/html/MeasurementTests.dart » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: client/tests/client/html/ElementTests.dart
diff --git a/client/tests/client/html/ElementTests.dart b/client/tests/client/html/ElementTests.dart
new file mode 100644
index 0000000000000000000000000000000000000000..a054fb6f10af9500deefa9f4d2a2bab8434c1fc8
--- /dev/null
+++ b/client/tests/client/html/ElementTests.dart
@@ -0,0 +1,382 @@
+// 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.
+
+
+expectLargeRect(ClientRect rect) {
+ Expect.equals(rect.top, 0);
+ Expect.equals(rect.left, 0);
+ Expect.isTrue(rect.width > 100);
+ Expect.isTrue(rect.height > 100);
+ Expect.equals(rect.bottom, rect.top + rect.height);
+ Expect.equals(rect.right, rect.left + rect.width);
+}
+
+void testEventHelper(EventListenerList listenerList, String type,
+ [Function registerOnEventListener = null]) {
+ bool firedWhenAddedToListenerList = false;
+ bool firedOnEvent = false;
+ listenerList.add((e) {
+ firedWhenAddedToListenerList = true;
+ });
+ if (registerOnEventListener != null) {
+ registerOnEventListener((e) {
+ firedOnEvent = true;
+ });
+ }
+ final event = new Event(type);
+ listenerList.dispatch(event);
+
+ Expect.isTrue(firedWhenAddedToListenerList);
+ if (registerOnEventListener != null) {
+ Expect.isTrue(firedOnEvent);
+ }
+}
+
+void testConstructorHelper(String tag, String htmlSnippet,
+ String expectedText, Function isExpectedClass) {
+ Expect.isTrue(isExpectedClass(new Element.tag(tag)));
+ final elementFromSnippet = new Element.html(htmlSnippet);
+ Expect.isTrue(isExpectedClass(elementFromSnippet));
+ Expect.equals(elementFromSnippet.text, expectedText);
+}
+
+void testElement() {
+ asyncTest('computedStyle', 1, () {
+ final element = document.body;
+ element.computedStyle.then((style) {
+ Expect.equals(style.getPropertyValue('left'), 'auto');
+ callbackDone();
+ });
+ });
+
+ asyncTest('rect', 1, () {
+ final element = document.body;
+ element.rect.then((rect) {
+ expectLargeRect(rect.client);
+ expectLargeRect(rect.offset);
+ expectLargeRect(rect.scroll);
+ Expect.equals(rect.bounding.left, 8);
+ Expect.equals(rect.bounding.top, 8);
+ Expect.isTrue(rect.clientRects.length > 0);
+ callbackDone();
+ });
+ });
+
+ group('constructors', () {
+ test('a', () => testConstructorHelper('a', '<a>foo</a>', 'foo',
+ (element) => element is AnchorElement));
+ test('area', () => testConstructorHelper('area', '<area>foo</area>', '',
+ (element) => element is AreaElement));
+ // TODO(jacobr): audio tags cause tests to segfault when using dartium.
+ // b/5522106.
+ // test('audio', () => testConstructorHelper('audio',
+ // '<audio>foo</audio>', 'foo',
+ // (element) => element is AudioElement));
+ test('br', () => testConstructorHelper('br', '<br>', '',
+ (element) => element is BRElement));
+ test('base', () => testConstructorHelper('base', '<base>foo</base>', '',
+ (element) => element is BaseElement));
+ test('blockquote', () => testConstructorHelper('blockquote',
+ '<blockquote>foo</blockquote>', 'foo',
+ (element) => element is QuoteElement));
+ test('body', () => testConstructorHelper('body',
+ '<body><div>foo</div></body>', 'foo',
+ (element) => element is BodyElement));
+ test('button', () => testConstructorHelper('button',
+ '<button>foo</button>', 'foo',
+ (element) => element is ButtonElement));
+ test('canvas', () => testConstructorHelper('canvas',
+ '<canvas>foo</canvas>', 'foo',
+ (element) => element is CanvasElement));
+ test('dl', () => testConstructorHelper('dl', '<dl>foo</dl>', 'foo',
+ (element) => element is DListElement));
+ // TODO(jacobr): WebKit doesn't yet support the DataList class.
+ // test('datalist', () => testConstructorHelper('datalist',
+ // '<datalist>foo</datalist>', 'foo',
+ // (element) => element is DataListElement));
+ test('details', () => testConstructorHelper('details',
+ '<details>foo</details>', 'foo',
+ (element) => element is DetailsElement));
+ test('div', () => testConstructorHelper('div', '<div>foo</div>', 'foo',
+ (element) => element is DivElement));
+ test('embed', () => testConstructorHelper('embed',
+ '<embed>foo</embed>', '',
+ (element) => element is EmbedElement));
+ test('fieldset', () => testConstructorHelper('fieldset',
+ '<fieldset>foo</fieldset>', 'foo',
+ (element) => element is FieldSetElement));
+ test('font', () => testConstructorHelper('font', '<font>foo</font>', 'foo',
+ (element) => element is FontElement));
+ test('form', () => testConstructorHelper('form', '<form>foo</form>', 'foo',
+ (element) => element is FormElement));
+ test('hr', () => testConstructorHelper('hr', '<hr>', '',
+ (element) => element is HRElement));
+ test('head', () => testConstructorHelper('head',
+ '<head><script>foo;</script></head>', 'foo;',
+ (element) => element is HeadElement));
+ test('h1', () => testConstructorHelper('h1', '<h1>foo</h1>', 'foo',
+ (element) => element is HeadingElement));
+ test('h2', () => testConstructorHelper('h2', '<h2>foo</h2>', 'foo',
+ (element) => element is HeadingElement));
+ test('h3', () => testConstructorHelper('h3', '<h3>foo</h3>', 'foo',
+ (element) => element is HeadingElement));
+ test('h4', () => testConstructorHelper('h4', '<h4>foo</h4>', 'foo',
+ (element) => element is HeadingElement));
+ test('h5', () => testConstructorHelper('h5', '<h5>foo</h5>', 'foo',
+ (element) => element is HeadingElement));
+ test('h6', () => testConstructorHelper('h6', '<h6>foo</h6>', 'foo',
+ (element) => element is HeadingElement));
+ test('iframe', () => testConstructorHelper('iframe',
+ '<iframe>foo</iframe>', 'foo',
+ (element) => element is IFrameElement));
+ test('img', () => testConstructorHelper('img', '<img>', '',
+ (element) => element is ImageElement));
+ test('input', () => testConstructorHelper('input', '<input/>', '',
+ (element) => element is InputElement));
+ test('keygen', () => testConstructorHelper('keygen', '<keygen>', '',
+ (element) => element is KeygenElement));
+ test('li', () => testConstructorHelper('li', '<li>foo</li>', 'foo',
+ (element) => element is LIElement));
+ test('label', () => testConstructorHelper('label',
+ '<label>foo</label>', 'foo',
+ (element) => element is LabelElement));
+ test('legend', () => testConstructorHelper('legend',
+ '<legend>foo</legend>', 'foo',
+ (element) => element is LegendElement));
+ test('link', () => testConstructorHelper('link', '<link>', '',
+ (element) => element is LinkElement));
+ test('map', () => testConstructorHelper('map', '<map>foo</map>', 'foo',
+ (element) => element is MapElement));
+ test('marquee', () => testConstructorHelper('marquee',
+ '<marquee>foo</marquee>', 'foo',
+ (element) => element is MarqueeElement));
+ test('menu', () => testConstructorHelper('menu', '<menu>foo</menu>', 'foo',
+ (element) => element is MenuElement));
+ test('meta', () => testConstructorHelper('meta', '<meta>', '',
+ (element) => element is MetaElement));
+ test('meter', () => testConstructorHelper('meter',
+ '<meter>foo</meter>', 'foo',
+ (element) => element is MeterElement));
+ test('del', () => testConstructorHelper('del', '<del>foo</del>', 'foo',
+ (element) => element is ModElement));
+ test('ins', () => testConstructorHelper('ins', '<ins>foo</ins>', 'foo',
+ (element) => element is ModElement));
+ test('ol', () => testConstructorHelper('ol', '<ol>foo</ol>', 'foo',
+ (element) => element is OListElement));
+ test('object', () => testConstructorHelper('object',
+ '<object>foo</object>', 'foo',
+ (element) => element is ObjectElement));
+ test('optgroup', () => testConstructorHelper('optgroup',
+ '<optgroup>foo</optgroup>', 'foo',
+ (element) => element is OptGroupElement));
+ test('option', () => testConstructorHelper('option',
+ '<option>foo</option>', 'foo',
+ (element) => element is OptionElement));
+ test('output', () => testConstructorHelper('output',
+ '<output>foo</output>', 'foo',
+ (element) => element is OutputElement));
+ test('p', () => testConstructorHelper('p', '<p>foo</p>', 'foo',
+ (element) => element is ParagraphElement));
+ test('param', () => testConstructorHelper('param', '<param>', '',
+ (element) => element is ParamElement));
+ test('pre', () => testConstructorHelper('pre', '<pre>foo</pre>', 'foo',
+ (element) => element is PreElement));
+ test('progress', () => testConstructorHelper('progress',
+ '<progress>foo</progress>', 'foo',
+ (element) => element is ProgressElement));
+ test('q', () => testConstructorHelper('q', '<q>foo</q>', 'foo',
+ (element) => element is QuoteElement));
+ test('script', () => testConstructorHelper('script',
+ '<script>foo</script>', 'foo',
+ (element) => element is ScriptElement));
+ test('select', () => testConstructorHelper('select',
+ '<select>foo</select>', 'foo',
+ (element) => element is SelectElement));
+ // TODO(jacobr): audio tags cause tests to segfault when using dartium.
+ // b/5522106.
+ // test('source', () => testConstructorHelper('source', '<source>', '',
+ // (element) => element is SourceElement));
+ test('span', () => testConstructorHelper('span', '<span>foo</span>', 'foo',
+ (element) => element is SpanElement));
+ test('style', () => testConstructorHelper('style',
+ '<style>foo</style>', 'foo',
+ (element) => element is StyleElement));
+ test('caption', () => testConstructorHelper('caption',
+ '<caption>foo</caption>', 'foo',
+ (element) => element is TableCaptionElement));
+ test('td', () => testConstructorHelper('td', '<td>foo</td>', 'foo',
+ (element) => element is TableCellElement));
+ test('colgroup', () => testConstructorHelper('colgroup',
+ '<colgroup></colgroup>', '',
+ (element) => element is TableColElement));
+ test('col', () => testConstructorHelper('col', '<col></col>', '',
+ (element) => element is TableColElement));
+ test('table', () => testConstructorHelper('table',
+ '<table><caption>foo</caption></table>', 'foo',
+ (element) => element is TableElement));
+ test('tr', () => testConstructorHelper('tr',
+ '<tr><td>foo</td></tr>', 'foo',
+ (element) => element is TableRowElement));
+ test('tbody', () => testConstructorHelper('tbody',
+ '<tbody><tr><td>foo</td></tr></tbody>', 'foo',
+ (element) => element is TableSectionElement));
+ test('tfoot', () => testConstructorHelper('tfoot',
+ '<tfoot><tr><td>foo</td></tr></tfoot>', 'foo',
+ (element) => element is TableSectionElement));
+ test('thead', () => testConstructorHelper('thead',
+ '<thead><tr><td>foo</td></tr></thead>', 'foo',
+ (element) => element is TableSectionElement));
+ test('textarea', () => testConstructorHelper('textarea',
+ '<textarea>foo</textarea>', 'foo',
+ (element) => element is TextAreaElement));
+ test('title', () => testConstructorHelper('title',
+ '<title>foo</title>', 'foo',
+ (element) => element is TitleElement));
+ // TODO(jacobr): audio tags cause tests to segfault when using dartium.
+ // b/5522106.
+ // test('track', () => testConstructorHelper('track', '<track>', '',
+ // (element) => element is TrackElement));
+ test('ul', () => testConstructorHelper('ul', '<ul>foo</ul>', 'foo',
+ (element) => element is UListElement));
+ // TODO(jacobr): video tags cause tests to segfault when using dartium.
+ // b/5522106.
+ // test('video', () => testConstructorHelper('video',
+ // '<video>foo</video>', 'foo',
+ // (element) => element is VideoElement));
+ // TODO(jacobr): this test is broken until Dartium fixes b/5521083
+ // test('someunknown', () => testConstructorHelper('someunknown',
+ // '<someunknown>foo</someunknown>', 'foo',
+ // (element) => element is UnknownElement));
+ });
+
+ test('eventListeners', () {
+ final element = new Element.tag('div');
+ final on = element.on;
+ final rawElement = unwrapDomObject(element);
+
+ testEventHelper(on.abort, 'abort',
+ (listener) => rawElement.onabort = listener);
+ testEventHelper(on.beforeCopy, 'beforecopy',
+ (listener) => rawElement.onbeforecopy = listener);
+ testEventHelper(on.beforeCut, 'beforecut',
+ (listener) => rawElement.onbeforecut = listener);
+ testEventHelper(on.beforePaste, 'beforepaste',
+ (listener) => rawElement.onbeforepaste = listener);
+ testEventHelper(on.blur, 'blur',
+ (listener) => rawElement.onblur = listener);
+ testEventHelper(on.change, 'change',
+ (listener) => rawElement.onchange = listener);
+ testEventHelper(on.click, 'click',
+ (listener) => rawElement.onclick = listener);
+ testEventHelper(on.contextMenu, 'contextmenu',
+ (listener) => rawElement.oncontextmenu = listener);
+ testEventHelper(on.copy, 'copy',
+ (listener) => rawElement.oncopy = listener);
+ testEventHelper(on.cut, 'cut',
+ (listener) => rawElement.oncut = listener);
+ testEventHelper(on.dblClick, 'dblclick',
+ (listener) => rawElement.ondblclick = listener);
+ testEventHelper(on.drag, 'drag',
+ (listener) => rawElement.ondrag = listener);
+ testEventHelper(on.dragEnd, 'dragend',
+ (listener) => rawElement.ondragend = listener);
+ testEventHelper(on.dragEnter, 'dragenter',
+ (listener) => rawElement.ondragenter = listener);
+ testEventHelper(on.dragLeave, 'dragleave',
+ (listener) => rawElement.ondragleave = listener);
+ testEventHelper(on.dragOver, 'dragover',
+ (listener) => rawElement.ondragover = listener);
+ testEventHelper(on.dragStart, 'dragstart',
+ (listener) => rawElement.ondragstart = listener);
+ testEventHelper(on.drop, 'drop',
+ (listener) => rawElement.ondrop = listener);
+ testEventHelper(on.error, 'error',
+ (listener) => rawElement.onerror = listener);
+ testEventHelper(on.focus, 'focus',
+ (listener) => rawElement.onfocus = listener);
+ testEventHelper(on.input, 'input',
+ (listener) => rawElement.oninput = listener);
+ testEventHelper(on.invalid, 'invalid',
+ (listener) => rawElement.oninvalid = listener);
+ testEventHelper(on.keyDown, 'keydown',
+ (listener) => rawElement.onkeydown = listener);
+ testEventHelper(on.keyPress, 'keypress',
+ (listener) => rawElement.onkeypress = listener);
+ testEventHelper(on.keyUp, 'keyup',
+ (listener) => rawElement.onkeyup = listener);
+ testEventHelper(on.load, 'load',
+ (listener) => rawElement.onload = listener);
+ testEventHelper(on.mouseDown, 'mousedown',
+ (listener) => rawElement.onmousedown = listener);
+ testEventHelper(on.mouseMove, 'mousemove',
+ (listener) => rawElement.onmousemove = listener);
+ testEventHelper(on.mouseOut, 'mouseout',
+ (listener) => rawElement.onmouseout = listener);
+ testEventHelper(on.mouseOver, 'mouseover',
+ (listener) => rawElement.onmouseover = listener);
+ testEventHelper(on.mouseUp, 'mouseup',
+ (listener) => rawElement.onmouseup = listener);
+ testEventHelper(on.mouseWheel, 'mousewheel',
+ (listener) => rawElement.onmousewheel = listener);
+ testEventHelper(on.paste, 'paste',
+ (listener) => rawElement.onpaste = listener);
+ testEventHelper(on.reset, 'reset',
+ (listener) => rawElement.onreset = listener);
+ testEventHelper(on.scroll, 'scroll',
+ (listener) => rawElement.onscroll = listener);
+ testEventHelper(on.search, 'search',
+ (listener) => rawElement.onsearch = listener);
+ testEventHelper(on.select, 'select',
+ (listener) => rawElement.onselect = listener);
+ testEventHelper(on.selectStart, 'selectstart',
+ (listener) => rawElement.onselectstart = listener);
+ testEventHelper(on.submit, 'submit',
+ (listener) => rawElement.onsubmit = listener);
+ testEventHelper(on.touchCancel, 'touchcancel',
+ (listener) => rawElement.ontouchcancel = listener);
+ testEventHelper(on.touchEnd, 'touchend',
+ (listener) => rawElement.ontouchend = listener);
+ testEventHelper(on.touchLeave, 'touchleave');
+ testEventHelper(on.touchMove, 'touchmove',
+ (listener) => rawElement.ontouchmove = listener);
+ testEventHelper(on.touchStart, 'touchstart',
+ (listener) => rawElement.ontouchstart = listener);
+ testEventHelper(on.transitionEnd, 'webkitTransitionEnd');
+ testEventHelper(on.fullscreenChange, 'webkitfullscreenchange',
+ (listener) => rawElement.onwebkitfullscreenchange = listener);
+ });
+
+ test('attributes', () {
+ final element = new Element.html(
+ '''<div class="foo" style="overflow: hidden" data-foo="bar"
+ data-foo2="bar2" dir="rtl">
+ </div>''');
+ final attributes = element.attributes;
+ Expect.equals(attributes['class'], 'foo');
+ Expect.equals(attributes['style'], 'overflow: hidden');
+ Expect.equals(attributes['data-foo'], 'bar');
+ Expect.equals(attributes['data-foo2'], 'bar2');
+ Expect.equals(attributes.length, 5);
+ Expect.equals(element.dataAttributes.length, 2);
+ element.dataAttributes['foo'] = 'baz';
+ Expect.equals(element.dataAttributes['foo'], 'baz');
+ Expect.equals(attributes['data-foo'], 'baz');
+ attributes['data-foo2'] = 'baz2';
+ Expect.equals(attributes['data-foo2'], 'baz2');
+ Expect.equals(element.dataAttributes['foo2'], 'baz2');
+ Expect.equals(attributes['dir'], 'rtl');
+
+ // TODO(jacobr): determine why these tests are causing segfaults in dartium
+ // element.dataAttributes.remove('foo2');
+ // Expect.equals(attributes.length, 4);
+ // Expect.equals(dataAttributes.length, 1);
+ // attributes.remove('style');
+ // Expect.equals(attributes.length, 3);
+ // element.dataAttributes['foo3'] = 'baz3';
+ // Expect.equals(dataAttributes.length, 2);
+ // Expect.equals(attributes.length, 4);
+ // attributes['style'] = 'width: 300px;';
+ // Expect.equals(attributes.length, 5);*/
+ });
+}
« no previous file with comments | « client/tests/client/html/DocumentFragmentTests.dart ('k') | client/tests/client/html/MeasurementTests.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698