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