Chromium Code Reviews Chromium Code Reviews
Issue 8363040:
Implement measurement using futures (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart| 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..1842b398473a9b9d870943ce8326f3196d12fc4e |
| --- /dev/null |
| +++ b/client/tests/client/html/ElementTests.dart |
| @@ -0,0 +1,354 @@ |
| +// 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 = document.createEvent('Events'); |
| + event.initEvent(type, true, true); |
| + 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(); |
| + }); |
| + }); |
| + |
| + test('constructors', () { |
| + testConstructorHelper('a', '<a>foo</a>', 'foo', |
| + (element) => element is AnchorElement); |
|
arv (Not doing code reviews)
2011/10/27 05:50:24
can't you just pass AnchorElement instead of a fun
Jacob
2011/10/27 20:59:25
I can't as Dart doesn't currently support first cl
|
| + testConstructorHelper('area', '<area>foo</area>', '', |
| + (element) => element is AreaElement); |
| + // TODO(jacobr): audio tags cause tests to segfault when using dartium. |
| + // b/5522106. |
| + // testConstructorHelper('audio', '<audio>foo</audio>', 'foo', |
| + // (element) => element is AudioElement); |
| + testConstructorHelper('br', '<br>', '', |
| + (element) => element is BRElement); |
| + testConstructorHelper('base', '<base>foo</base>', '', |
| + (element) => element is BaseElement); |
| + testConstructorHelper('blockquote', '<blockquote>foo</blockquote>', 'foo', |
| + (element) => element is QuoteElement); |
| + testConstructorHelper('body', '<body><div>foo</div></body>', 'foo', |
| + (element) => element is BodyElement); |
| + testConstructorHelper('button', '<button>foo</button>', 'foo', |
| + (element) => element is ButtonElement); |
| + testConstructorHelper('canvas', '<canvas>foo</canvas>', 'foo', |
| + (element) => element is CanvasElement); |
| + testConstructorHelper('dl', '<dl>foo</dl>', 'foo', |
| + (element) => element is DListElement); |
| + // TODO(jacobr): WebKit doesn't yet support the DataList class. |
| + // testConstructorHelper('datalist', '<datalist>foo</datalist>', 'foo', |
| + // (element) => element is DataListElement); |
| + testConstructorHelper('details', '<details>foo</details>', 'foo', |
| + (element) => element is DetailsElement); |
| + testConstructorHelper('div', '<div>foo</div>', 'foo', |
| + (element) => element is DivElement); |
| + testConstructorHelper('embed', '<embed>foo</embed>', '', |
| + (element) => element is EmbedElement); |
| + testConstructorHelper('fieldset', '<fieldset>foo</fieldset>', 'foo', |
| + (element) => element is FieldSetElement); |
| + testConstructorHelper('font', '<font>foo</font>', 'foo', |
| + (element) => element is FontElement); |
| + testConstructorHelper('form', '<form>foo</form>', 'foo', |
| + (element) => element is FormElement); |
| + testConstructorHelper('hr', '<hr>', '', |
| + (element) => element is HRElement); |
| + testConstructorHelper('head', '<head><script>foo;</script></head>', 'foo;', |
| + (element) => element is HeadElement); |
| + testConstructorHelper('h1', '<h1>foo</h1>', 'foo', |
| + (element) => element is HeadingElement); |
| + testConstructorHelper('h2', '<h2>foo</h2>', 'foo', |
| + (element) => element is HeadingElement); |
| + testConstructorHelper('h3', '<h3>foo</h3>', 'foo', |
| + (element) => element is HeadingElement); |
| + testConstructorHelper('h4', '<h4>foo</h4>', 'foo', |
| + (element) => element is HeadingElement); |
| + testConstructorHelper('h5', '<h5>foo</h5>', 'foo', |
| + (element) => element is HeadingElement); |
| + testConstructorHelper('h6', '<h6>foo</h6>', 'foo', |
| + (element) => element is HeadingElement); |
| + testConstructorHelper('iframe', '<iframe>foo</iframe>', 'foo', |
| + (element) => element is IFrameElement); |
| + testConstructorHelper('img', '<img>', '', |
| + (element) => element is ImageElement); |
| + testConstructorHelper('input', '<input/>', '', |
| + (element) => element is InputElement); |
| + testConstructorHelper('keygen', '<keygen>', '', |
| + (element) => element is KeygenElement); |
| + testConstructorHelper('li', '<li>foo</li>', 'foo', |
| + (element) => element is LIElement); |
| + testConstructorHelper('label', '<label>foo</label>', 'foo', |
| + (element) => element is LabelElement); |
| + testConstructorHelper('legend', '<legend>foo</legend>', 'foo', |
| + (element) => element is LegendElement); |
| + testConstructorHelper('link', '<link>', '', |
| + (element) => element is LinkElement); |
| + testConstructorHelper('map', '<map>foo</map>', 'foo', |
| + (element) => element is MapElement); |
| + testConstructorHelper('marquee', '<marquee>foo</marquee>', 'foo', |
| + (element) => element is MarqueeElement); |
| + testConstructorHelper('menu', '<menu>foo</menu>', 'foo', |
| + (element) => element is MenuElement); |
| + testConstructorHelper('meta', '<meta>', '', |
| + (element) => element is MetaElement); |
| + testConstructorHelper('meter', '<meter>foo</meter>', 'foo', |
| + (element) => element is MeterElement); |
| + testConstructorHelper('del', '<del>foo</del>', 'foo', |
| + (element) => element is ModElement); |
| + testConstructorHelper('ins', '<ins>foo</ins>', 'foo', |
| + (element) => element is ModElement); |
| + testConstructorHelper('ol', '<ol>foo</ol>', 'foo', |
| + (element) => element is OListElement); |
| + testConstructorHelper('object', '<object>foo</object>', 'foo', |
| + (element) => element is ObjectElement); |
| + testConstructorHelper('optgroup', '<optgroup>foo</optgroup>', 'foo', |
| + (element) => element is OptGroupElement); |
| + testConstructorHelper('option', '<option>foo</option>', 'foo', |
| + (element) => element is OptionElement); |
| + testConstructorHelper('output', '<output>foo</output>', 'foo', |
| + (element) => element is OutputElement); |
| + testConstructorHelper('p', '<p>foo</p>', 'foo', |
| + (element) => element is ParagraphElement); |
| + testConstructorHelper('param', '<param>', '', |
| + (element) => element is ParamElement); |
| + testConstructorHelper('pre', '<pre>foo</pre>', 'foo', |
| + (element) => element is PreElement); |
| + testConstructorHelper('progress', '<progress>foo</progress>', 'foo', |
| + (element) => element is ProgressElement); |
| + testConstructorHelper('q', '<q>foo</q>', 'foo', |
| + (element) => element is QuoteElement); |
| + testConstructorHelper('script', '<script>foo</script>', 'foo', |
| + (element) => element is ScriptElement); |
| + testConstructorHelper('select', '<select>foo</select>', 'foo', |
| + (element) => element is SelectElement); |
| + // TODO(jacobr): audio tags cause tests to segfault when using dartium. |
| + // b/5522106. |
| + // testConstructorHelper('source', '<source>', '', |
| + // (element) => element is SourceElement); |
| + testConstructorHelper('span', '<span>foo</span>', 'foo', |
| + (element) => element is SpanElement); |
| + testConstructorHelper('style', '<style>foo</style>', 'foo', |
| + (element) => element is StyleElement); |
| + testConstructorHelper('caption', '<caption>foo</caption>', 'foo', |
| + (element) => element is TableCaptionElement); |
| + testConstructorHelper('td', '<td>foo</td>', 'foo', |
| + (element) => element is TableCellElement); |
| + testConstructorHelper('colgroup', '<colgroup></colgroup>', '', |
| + (element) => element is TableColElement); |
| + testConstructorHelper('col', '<col></col>', '', |
| + (element) => element is TableColElement); |
| + testConstructorHelper('table', '<table><caption>foo</caption></table>', |
| + 'foo', |
| + (element) => element is TableElement); |
| + testConstructorHelper('tr', '<tr><td>foo</td></tr>', 'foo', |
| + (element) => element is TableRowElement); |
| + testConstructorHelper('tbody', '<tbody><tr><td>foo</td></tr></tbody>', |
| + 'foo', |
| + (element) => element is TableSectionElement); |
| + testConstructorHelper('tfoot', '<tfoot><tr><td>foo</td></tr></tfoot>', |
| + 'foo', |
| + (element) => element is TableSectionElement); |
| + testConstructorHelper('thead', '<thead><tr><td>foo</td></tr></thead>', |
| + 'foo', |
| + (element) => element is TableSectionElement); |
| + testConstructorHelper('textarea', '<textarea>foo</textarea>', 'foo', |
| + (element) => element is TextAreaElement); |
| + testConstructorHelper('title', '<title>foo</title>', 'foo', |
| + (element) => element is TitleElement); |
| + // TODO(jacobr): audio tags cause tests to segfault when using dartium. |
| + // b/5522106. |
| + // testConstructorHelper('track', '<track>', '', |
| + // (element) => element is TrackElement); |
| + testConstructorHelper('ul', '<ul>foo</ul>', 'foo', |
| + (element) => element is UListElement); |
| + // TODO(jacobr): video tags cause tests to segfault when using dartium. |
| + // b/5522106. |
| + // testConstructorHelper('video', '<video>foo</video>', 'foo', |
| + // (element) => element is VideoElement); |
| + // TODO(jacobr): this test is broken until Dartium fixes b/5521083 |
| + // 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);*/ |
| + }); |
| +} |
