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