OLD | NEW |
1 // Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2011, 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 | 4 |
5 library CssStyleDeclarationTest; | 5 library CssStyleDeclarationTest; |
6 import '../../pkg/unittest/lib/unittest.dart'; | 6 import '../../pkg/unittest/lib/unittest.dart'; |
7 import '../../pkg/unittest/lib/html_config.dart'; | 7 import '../../pkg/unittest/lib/html_config.dart'; |
8 import 'dart:html'; | 8 import 'dart:html'; |
9 import 'dart:async'; | 9 import 'dart:async'; |
| 10 import 'utils.dart'; |
10 | 11 |
11 main() { | 12 main() { |
12 useHtmlConfiguration(); | 13 useHtmlConfiguration(); |
13 | 14 |
14 createTestStyle() { | 15 createTestStyle() { |
15 return new CssStyleDeclaration.css(""" | 16 return new CssStyleDeclaration.css(""" |
16 color: blue; | 17 color: blue; |
17 width: 2px !important; | 18 width: 2px !important; |
18 """); | 19 """); |
19 }; | 20 }; |
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
96 var element = new DivElement(); | 97 var element = new DivElement(); |
97 // Should not throw an error. | 98 // Should not throw an error. |
98 element.style.background = 'some_bad_value'; | 99 element.style.background = 'some_bad_value'; |
99 }); | 100 }); |
100 | 101 |
101 test('css multi get', () { | 102 test('css multi get', () { |
102 var listElement = new Element.html('<ul class="foo">' | 103 var listElement = new Element.html('<ul class="foo">' |
103 '<li class="bar" style="background-color: red; border-left: 10px;">' | 104 '<li class="bar" style="background-color: red; border-left: 10px;">' |
104 '<li class="baz" style="background-color: black;>' | 105 '<li class="baz" style="background-color: black;>' |
105 '<li class="baz classy" style="background-color: blue; ">' | 106 '<li class="baz classy" style="background-color: blue; ">' |
106 '</ul>'); | 107 '</ul>', treeSanitizer: new NullTreeSanitizer()); |
107 document.documentElement.children.add(listElement); | 108 document.documentElement.children.add(listElement); |
108 | 109 |
109 var elements = document.queryAll('li'); | 110 var elements = document.queryAll('li'); |
110 expect(elements.style.backgroundColor, equals('red')); | 111 expect(elements.style.backgroundColor, equals('red')); |
111 expect(elements.style.borderLeftWidth, equals('10px')); | 112 expect(elements.style.borderLeftWidth, equals('10px')); |
112 elements = document.queryAll('.baz'); | 113 elements = document.queryAll('.baz'); |
113 expect(elements.style.backgroundColor, equals('black')); | 114 expect(elements.style.backgroundColor, equals('black')); |
114 expect(elements.style.borderLeftWidth, equals('')); | 115 expect(elements.style.borderLeftWidth, equals('')); |
115 elements = document.queryAll('.bar'); | 116 elements = document.queryAll('.bar'); |
116 expect(elements.style.backgroundColor, equals('red')); | 117 expect(elements.style.backgroundColor, equals('red')); |
117 }); | 118 }); |
118 | 119 |
119 test('css multi set', () { | 120 test('css multi set', () { |
120 var listElement = new Element.html('<ul class="foo">' | 121 var listElement = new Element.html('<ul class="foo">' |
121 '<li class="bar" style="background-color: red; border-left: 10px;">' | 122 '<li class="bar" style="background-color: red; border-left: 10px;">' |
122 '<li class="baz" style="background-color: black;>' | 123 '<li class="baz" style="background-color: black;>' |
123 '<li class="baz" id="wat" style="background-color: blue; ">' | 124 '<li class="baz" id="wat" style="background-color: blue; ">' |
124 '</ul>'); | 125 '</ul>', treeSanitizer: new NullTreeSanitizer()); |
125 document.documentElement.children.add(listElement); | 126 document.documentElement.children.add(listElement); |
126 | 127 |
127 var elements = document.queryAll('li'); | 128 var elements = document.queryAll('li'); |
128 elements.style.backgroundColor = 'green'; | 129 elements.style.backgroundColor = 'green'; |
129 expect(elements.style.backgroundColor, equals('green')); | 130 expect(elements.style.backgroundColor, equals('green')); |
130 expect(elements.style.borderLeftWidth, equals('10px')); | 131 expect(elements.style.borderLeftWidth, equals('10px')); |
131 | 132 |
132 elements = document.queryAll('.baz'); | 133 elements = document.queryAll('.baz'); |
133 expect(elements.style.backgroundColor, equals('green')); | 134 expect(elements.style.backgroundColor, equals('green')); |
134 elements.style.backgroundColor = 'yellow'; | 135 elements.style.backgroundColor = 'yellow'; |
135 expect(elements.style.backgroundColor, equals('yellow')); | 136 expect(elements.style.backgroundColor, equals('yellow')); |
136 expect(elements.style.borderLeftWidth, equals('')); | 137 expect(elements.style.borderLeftWidth, equals('')); |
137 | 138 |
138 elements = document.queryAll('.bar'); | 139 elements = document.queryAll('.bar'); |
139 expect(elements.style.backgroundColor, equals('green')); | 140 expect(elements.style.backgroundColor, equals('green')); |
140 elements = document.queryAll('#wat'); | 141 elements = document.queryAll('#wat'); |
141 expect(elements.style.backgroundColor, equals('yellow')); | 142 expect(elements.style.backgroundColor, equals('yellow')); |
142 | 143 |
143 elements.style.borderLeftWidth = '18px'; | 144 elements.style.borderLeftWidth = '18px'; |
144 expect(elements.style.borderLeftWidth, equals('18px')); | 145 expect(elements.style.borderLeftWidth, equals('18px')); |
145 elements = document.queryAll('li'); | 146 elements = document.queryAll('li'); |
146 expect(elements.style.borderLeftWidth, equals('10px')); | 147 expect(elements.style.borderLeftWidth, equals('10px')); |
147 }); | 148 }); |
148 } | 149 } |
OLD | NEW |