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 web_components.test.custom_element_test; |
| 5 |
| 6 import 'dart:async'; |
| 7 import 'dart:html'; |
| 8 import 'package:unittest/html_config.dart'; |
| 9 import 'package:unittest/unittest.dart'; |
| 10 import 'package:web_components/web_components.dart'; |
| 11 |
| 12 @CustomElement('basic-element') |
| 13 class BasicElement extends HtmlElement { |
| 14 BasicElement.created() : super.created(); |
| 15 |
| 16 factory BasicElement() => document.createElement('basic-element'); |
| 17 } |
| 18 |
| 19 @CustomElement('child-element') |
| 20 class ChildElement extends BasicElement { |
| 21 ChildElement.created() : super.created(); |
| 22 |
| 23 factory ChildElement() => document.createElement('child-element'); |
| 24 } |
| 25 |
| 26 @CustomElement('extended-element', extendsTag: 'input') |
| 27 class ExtendedElement extends InputElement { |
| 28 ExtendedElement.created() : super.created(); |
| 29 |
| 30 factory ExtendedElement() => |
| 31 document.createElement('input', 'extended-element'); |
| 32 } |
| 33 |
| 34 main() { |
| 35 useHtmlConfiguration(); |
| 36 initWebComponents().then((_) { |
| 37 var container = querySelector('#container') as DivElement; |
| 38 |
| 39 setUp(() { |
| 40 return new Future(() {}); |
| 41 }); |
| 42 |
| 43 tearDown(() { |
| 44 container.children.clear(); |
| 45 }); |
| 46 |
| 47 test('basic custom element', () { |
| 48 expect(document.querySelector('basic-element') is BasicElement, isTrue); |
| 49 container.append(new BasicElement()); |
| 50 container.appendHtml('<basic-element></basic-element>'); |
| 51 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, |
| 52 // why? https://github.com/dart-lang/web-components/issues/4 |
| 53 return new Future(() {}).then((_) { |
| 54 var elements = container.querySelectorAll('basic-element'); |
| 55 expect(elements.length, 2); |
| 56 for (var element in elements) { |
| 57 expect(element is BasicElement, isTrue); |
| 58 } |
| 59 }); |
| 60 }); |
| 61 |
| 62 test('child custom element', () { |
| 63 expect(document.querySelector('child-element') is ChildElement, isTrue); |
| 64 container.append(new ChildElement()); |
| 65 container.appendHtml('<child-element></child-element>'); |
| 66 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, |
| 67 // why? https://github.com/dart-lang/web-components/issues/4 |
| 68 return new Future(() {}).then((_) { |
| 69 var elements = container.querySelectorAll('child-element'); |
| 70 expect(elements.length, 2); |
| 71 for (var element in elements) { |
| 72 expect(element is ChildElement, isTrue); |
| 73 } |
| 74 }); |
| 75 }); |
| 76 |
| 77 test('extends input element', () { |
| 78 expect(document.querySelector('input') is ExtendedElement, isTrue); |
| 79 container.append(new ExtendedElement()); |
| 80 container.appendHtml('<input is="extended-element" />'); |
| 81 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, |
| 82 // why? https://github.com/dart-lang/web-components/issues/4 |
| 83 return new Future(() {}).then((_) { |
| 84 var elements = container.querySelectorAll('input'); |
| 85 expect(elements.length, 2); |
| 86 for (var element in elements) { |
| 87 expect(element is ExtendedElement, isTrue); |
| 88 } |
| 89 }); |
| 90 }); |
| 91 }); |
| 92 } |
OLD | NEW |