| 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 |