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