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 |