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 @TestOn('browser') |
5 library polymer_elements.test.iron_selector_content_test; | 5 library polymer_elements.test.iron_selector_content_test; |
6 | 6 |
7 import 'dart:async'; | 7 import 'dart:async'; |
8 import 'dart:html'; | 8 import 'dart:html'; |
9 import 'dart:js'; | 9 import 'dart:js'; |
10 import 'package:polymer_elements/iron_selector.dart'; | 10 import 'package:polymer_elements/iron_selector.dart'; |
11 import 'package:polymer_interop/polymer_interop.dart'; | 11 import 'package:polymer_interop/polymer_interop.dart'; |
| 12 import 'package:polymer/polymer.dart'; |
12 import 'package:test/test.dart'; | 13 import 'package:test/test.dart'; |
13 import 'package:web_components/web_components.dart'; | 14 import 'package:web_components/web_components.dart'; |
14 import 'common.dart'; | 15 import 'common.dart'; |
15 import 'fixtures/content_element.dart'; | 16 import 'fixtures/content_element.dart'; |
16 | 17 |
17 /// Used imports: [IronSelector] | 18 /// Used imports: [IronSelector] |
18 main() async { | 19 main() async { |
19 await initWebComponents(); | 20 await initPolymer(); |
20 | 21 |
21 TestContentElement s1 = document.querySelector('#selector1'); | 22 TestContentElement s1 = document.querySelector('#selector1'); |
22 TestContentElement s2 = document.querySelector('#selector2'); | 23 TestContentElement s2 = document.querySelector('#selector2'); |
23 TestContentElement s3 = document.querySelector('#selector3'); | 24 TestContentElement s3 = document.querySelector('#selector3'); |
24 | 25 |
25 // TODO(jakemac): Remove JsObject conversion once | 26 DomRepeat t = document.querySelector('#t'); |
26 // https://github.com/dart-lang/polymer_interop/issues/7 is implemented. | |
27 var t = new JsObject.fromBrowserObject(document.querySelector('#t')); | |
28 | 27 |
29 group('content', () { | 28 group('content', () { |
30 test('attribute selected', () { | 29 test('attribute selected', () { |
31 // check selected class | 30 // check selected class |
32 expect( | 31 expect( |
33 s1.querySelector('#item0').classes.contains('iron-selected'), isTrue); | 32 s1.querySelector('#item0').classes.contains('iron-selected'), isTrue); |
34 }); | 33 }); |
35 | 34 |
36 test('set selected', () { | 35 test('set selected', () { |
37 // set selected | 36 // set selected |
(...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
106 expect(s2.$['selector'].items.length, 5); | 105 expect(s2.$['selector'].items.length, 5); |
107 // check selected class | 106 // check selected class |
108 expect( | 107 expect( |
109 s2.querySelector('#item4').classes.contains('iron-selected'), isTrue); | 108 s2.querySelector('#item4').classes.contains('iron-selected'), isTrue); |
110 }); | 109 }); |
111 }); | 110 }); |
112 | 111 |
113 group('content with dom-repeat', () { | 112 group('content with dom-repeat', () { |
114 test('supports repeated children', () { | 113 test('supports repeated children', () { |
115 var done = new Completer(); | 114 var done = new Completer(); |
116 t['items'] = new JsObject.jsify([ | 115 t.items = [ |
117 {'name': 'item0'}, | 116 {'name': 'item0'}, |
118 {'name': 'item1'}, | 117 {'name': 'item1'}, |
119 {'name': 'item2'}, | 118 {'name': 'item2'}, |
120 {'name': 'item3'} | 119 {'name': 'item3'} |
121 ]); | 120 ]; |
122 wait(1).then((_) { | 121 wait(1).then((_) { |
123 // check selected | 122 // check selected |
124 expect(s3.selected, 'item0'); | 123 expect(s3.selected, 'item0'); |
125 // check selected class | 124 // check selected class |
126 expect(s3.querySelector('#item0').classes.contains('iron-selected'), | 125 expect(s3.querySelector('#item0').classes.contains('iron-selected'), |
127 isTrue); | 126 isTrue); |
128 // set selected | 127 // set selected |
129 s3.selected = 'item2'; | 128 s3.selected = 'item2'; |
130 // check selected class | 129 // check selected class |
131 expect(s3.querySelector('#item2').classes.contains('iron-selected'), | 130 expect(s3.querySelector('#item2').classes.contains('iron-selected'), |
132 isTrue); | 131 isTrue); |
133 done.complete(); | 132 done.complete(); |
134 }); | 133 }); |
135 | 134 |
136 return done.future; | 135 return done.future; |
137 }); | 136 }); |
138 }); | 137 }); |
139 } | 138 } |
OLD | NEW |