OLD | NEW |
(Empty) | |
| 1 // Copyright (c) 2015, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. |
| 4 library custom_element_proxy_test; |
| 5 |
| 6 import 'dart:async'; |
| 7 import 'dart:html'; |
| 8 import 'dart:js'; |
| 9 import 'package:unittest/html_config.dart'; |
| 10 import 'package:unittest/unittest.dart'; |
| 11 import 'package:web_components/web_components.dart'; |
| 12 |
| 13 @CustomElementProxy('basic-element') |
| 14 class BasicElement extends HtmlElement { |
| 15 BasicElement.created() : super.created(); |
| 16 |
| 17 factory BasicElement() => document.createElement('basic-element'); |
| 18 |
| 19 bool get isBasicElement => |
| 20 new JsObject.fromBrowserObject(this)['isBasicElement']; |
| 21 } |
| 22 |
| 23 @CustomElementProxy('extended-element', extendsTag: 'input') |
| 24 class ExtendedElement extends InputElement { |
| 25 ExtendedElement.created() : super.created(); |
| 26 |
| 27 factory ExtendedElement() => |
| 28 document.createElement('input', 'extended-element'); |
| 29 |
| 30 bool get isExtendedElement => |
| 31 new JsObject.fromBrowserObject(this)['isExtendedElement']; |
| 32 } |
| 33 |
| 34 main() { |
| 35 useHtmlConfiguration(); |
| 36 initWebComponents().then((_) { |
| 37 var container = querySelector('#container') as DivElement; |
| 38 |
| 39 tearDown(() { |
| 40 container.children.clear(); |
| 41 }); |
| 42 |
| 43 test('basic custom element', () { |
| 44 container.append(new BasicElement()); |
| 45 container.appendHtml('<basic-element></basic_element>'); |
| 46 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, |
| 47 // why? https://github.com/dart-lang/web-components/issues/4 |
| 48 return new Future(() {}).then((_) { |
| 49 var elements = container.querySelectorAll('basic-element'); |
| 50 expect(elements.length, 2); |
| 51 for (BasicElement element in elements) { |
| 52 print(element.outerHtml); |
| 53 print(element.runtimeType); |
| 54 expect(element.isBasicElement, isTrue); |
| 55 } |
| 56 }); |
| 57 }); |
| 58 |
| 59 test('extends custom element', () { |
| 60 container.append(new ExtendedElement()); |
| 61 container.appendHtml('<input is="extended-element" />'); |
| 62 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, |
| 63 // why? https://github.com/dart-lang/web-components/issues/4 |
| 64 return new Future(() {}).then((_) { |
| 65 var elements = container.querySelectorAll('input'); |
| 66 expect(elements.length, 2); |
| 67 for (ExtendedElement element in elements) { |
| 68 expect(element.isExtendedElement, isTrue); |
| 69 } |
| 70 }); |
| 71 }); |
| 72 }); |
| 73 } |
OLD | NEW |