Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(554)

Side by Side Diff: packages/web_components/test/custom_element_test.dart

Issue 2312183003: Removed Polymer from Observatory deps (Closed)
Patch Set: Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 web_components.test.custom_element_test; 5 library web_components.test.custom_element_test;
5 6
6 import 'dart:async'; 7 import 'dart:async';
7 import 'dart:html'; 8 import 'dart:html';
8 import 'package:unittest/html_config.dart'; 9 import 'package:test/test.dart';
9 import 'package:unittest/unittest.dart';
10 import 'package:web_components/web_components.dart'; 10 import 'package:web_components/web_components.dart';
11 11
12 @CustomElement('basic-element') 12 @CustomElement('basic-element')
13 class BasicElement extends HtmlElement { 13 class BasicElement extends HtmlElement {
14 BasicElement.created() : super.created(); 14 BasicElement.created() : super.created();
15 15
16 factory BasicElement() => document.createElement('basic-element'); 16 factory BasicElement() => document.createElement('basic-element');
17 } 17 }
18 18
19 @CustomElement('child-element') 19 @CustomElement('child-element')
20 class ChildElement extends BasicElement { 20 class ChildElement extends BasicElement {
21 ChildElement.created() : super.created(); 21 ChildElement.created() : super.created();
22 22
23 factory ChildElement() => document.createElement('child-element'); 23 factory ChildElement() => document.createElement('child-element');
24 } 24 }
25 25
26 @CustomElement('extended-element', extendsTag: 'input') 26 @CustomElement('extended-element', extendsTag: 'input')
27 class ExtendedElement extends InputElement { 27 class ExtendedElement extends InputElement {
28 ExtendedElement.created() : super.created(); 28 ExtendedElement.created() : super.created();
29 29
30 factory ExtendedElement() => 30 factory ExtendedElement() =>
31 document.createElement('input', 'extended-element'); 31 document.createElement('input', 'extended-element');
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 setUp(() { 38 setUp(() {
40 return new Future(() {}); 39 return new Future(() {});
41 }); 40 });
42 41
43 tearDown(() { 42 tearDown(() {
44 container.children.clear(); 43 container.children.clear();
45 }); 44 });
46 45
47 test('basic custom element', () { 46 test('basic custom element', () {
48 expect(document.querySelector('basic-element') is BasicElement, isTrue); 47 expect(document.querySelector('basic-element') is BasicElement, isTrue);
49 container.append(new BasicElement()); 48 container.append(new BasicElement());
50 container.appendHtml('<basic-element></basic-element>'); 49 container.appendHtml('<basic-element></basic-element>',
51 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, 50 treeSanitizer: nullSanitizer);
52 // why? https://github.com/dart-lang/web-components/issues/4 51 // elements are upgraded asynchronously
53 return new Future(() {}).then((_) { 52 return new Future(() {}).then((_) {
54 var elements = container.querySelectorAll('basic-element'); 53 var elements = container.querySelectorAll('basic-element');
55 expect(elements.length, 2); 54 expect(elements.length, 2);
56 for (var element in elements) { 55 for (var element in elements) {
57 expect(element is BasicElement, isTrue); 56 expect(element is BasicElement, isTrue);
58 } 57 }
59 }); 58 });
60 }); 59 });
61 60
62 test('child custom element', () { 61 test('child custom element', () {
63 expect(document.querySelector('child-element') is ChildElement, isTrue); 62 expect(document.querySelector('child-element') is ChildElement, isTrue);
64 container.append(new ChildElement()); 63 container.append(new ChildElement());
65 container.appendHtml('<child-element></child-element>'); 64 container.appendHtml('<child-element></child-element>',
66 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, 65 treeSanitizer: nullSanitizer);
67 // why? https://github.com/dart-lang/web-components/issues/4 66 // elements are upgraded asynchronously
68 return new Future(() {}).then((_) { 67 return new Future(() {}).then((_) {
69 var elements = container.querySelectorAll('child-element'); 68 var elements = container.querySelectorAll('child-element');
70 expect(elements.length, 2); 69 expect(elements.length, 2);
71 for (var element in elements) { 70 for (var element in elements) {
72 expect(element is ChildElement, isTrue); 71 expect(element is ChildElement, isTrue);
73 } 72 }
74 }); 73 });
75 }); 74 });
76 75
77 test('extends input element', () { 76 test('extends input element', () {
78 expect(document.querySelector('input') is ExtendedElement, isTrue); 77 expect(document.querySelector('input') is ExtendedElement, isTrue);
79 container.append(new ExtendedElement()); 78 container.append(new ExtendedElement());
80 container.appendHtml('<input is="extended-element" />'); 79 container.appendHtml('<input is="extended-element" />',
81 // TODO(jakemac): after appendHtml elements are upgraded asynchronously, 80 treeSanitizer: nullSanitizer);
82 // why? https://github.com/dart-lang/web-components/issues/4 81 // elements are upgraded asynchronously
83 return new Future(() {}).then((_) { 82 return new Future(() {}).then((_) {
84 var elements = container.querySelectorAll('input'); 83 var elements = container.querySelectorAll('input');
85 expect(elements.length, 2); 84 expect(elements.length, 2);
86 for (var element in elements) { 85 for (var element in elements) {
87 expect(element is ExtendedElement, isTrue); 86 expect(element is ExtendedElement, isTrue);
88 } 87 }
89 }); 88 });
90 }); 89 });
91 }); 90 });
92 } 91 }
92
93 class NullTreeSanitizer implements NodeTreeSanitizer {
94 const NullTreeSanitizer();
95 void sanitizeTree(Node node) {}
96 }
97
98 final nullSanitizer = const NullTreeSanitizer();
OLDNEW
« no previous file with comments | « packages/web_components/test/custom_element_proxy_test.html ('k') | packages/web_components/test/custom_element_test.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698