Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(50)

Side by Side Diff: tests/html/cssstyledeclaration_test.dart

Issue 21252004: Fix border-left measurement for IE. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 7 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 10
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after
101 test('css multi get', () { 101 test('css multi get', () {
102 var listElement = new Element.html('<ul class="foo">' 102 var listElement = new Element.html('<ul class="foo">'
103 '<li class="bar" style="background-color: red; border-left: 10px;">' 103 '<li class="bar" style="background-color: red; border-left: 10px;">'
104 '<li class="baz" style="background-color: black;>' 104 '<li class="baz" style="background-color: black;>'
105 '<li class="baz classy" style="background-color: blue; ">' 105 '<li class="baz classy" style="background-color: blue; ">'
106 '</ul>'); 106 '</ul>');
107 document.documentElement.children.add(listElement); 107 document.documentElement.children.add(listElement);
108 108
109 var elements = document.queryAll('li'); 109 var elements = document.queryAll('li');
110 expect(elements.style.backgroundColor, equals('red')); 110 expect(elements.style.backgroundColor, equals('red'));
111 expect(elements.style.borderLeft, equals('10px')); 111 expect(elements.style.borderLeftWidth, equals('10px'));
112 elements = document.queryAll('.baz'); 112 elements = document.queryAll('.baz');
113 expect(elements.style.backgroundColor, equals('black')); 113 expect(elements.style.backgroundColor, equals('black'));
114 expect(elements.style.borderLeft, equals('')); 114 expect(elements.style.borderLeftWidth, equals(''));
115 elements = document.queryAll('.bar'); 115 elements = document.queryAll('.bar');
116 expect(elements.style.backgroundColor, equals('red')); 116 expect(elements.style.backgroundColor, equals('red'));
117 }); 117 });
118 118
119 test('css multi set', () { 119 test('css multi set', () {
120 var listElement = new Element.html('<ul class="foo">' 120 var listElement = new Element.html('<ul class="foo">'
121 '<li class="bar" style="background-color: red; border-left: 10px;">' 121 '<li class="bar" style="background-color: red; border-left: 10px;">'
122 '<li class="baz" style="background-color: black;>' 122 '<li class="baz" style="background-color: black;>'
123 '<li class="baz" id="wat" style="background-color: blue; ">' 123 '<li class="baz" id="wat" style="background-color: blue; ">'
124 '</ul>'); 124 '</ul>');
125 document.documentElement.children.add(listElement); 125 document.documentElement.children.add(listElement);
126 126
127 var elements = document.queryAll('li'); 127 var elements = document.queryAll('li');
128 elements.style.backgroundColor = 'green'; 128 elements.style.backgroundColor = 'green';
129 expect(elements.style.backgroundColor, equals('green')); 129 expect(elements.style.backgroundColor, equals('green'));
130 expect(elements.style.borderLeft, equals('10px')); 130 expect(elements.style.borderLeftWidth, equals('10px'));
131 131
132 elements = document.queryAll('.baz'); 132 elements = document.queryAll('.baz');
133 expect(elements.style.backgroundColor, equals('green')); 133 expect(elements.style.backgroundColor, equals('green'));
134 elements.style.backgroundColor = 'yellow'; 134 elements.style.backgroundColor = 'yellow';
135 expect(elements.style.backgroundColor, equals('yellow')); 135 expect(elements.style.backgroundColor, equals('yellow'));
136 expect(elements.style.borderLeft, equals('')); 136 expect(elements.style.borderLeftWidth, equals(''));
137 137
138 elements = document.queryAll('.bar'); 138 elements = document.queryAll('.bar');
139 expect(elements.style.backgroundColor, equals('green')); 139 expect(elements.style.backgroundColor, equals('green'));
140 elements = document.queryAll('#wat'); 140 elements = document.queryAll('#wat');
141 expect(elements.style.backgroundColor, equals('yellow')); 141 expect(elements.style.backgroundColor, equals('yellow'));
142 142
143 elements.style.borderLeft = '18px'; 143 elements.style.borderLeftWidth = '18px';
144 expect(elements.style.borderLeft, equals('18px')); 144 expect(elements.style.borderLeftWidth, equals('18px'));
145 elements = document.queryAll('li'); 145 elements = document.queryAll('li');
146 expect(elements.style.borderLeft, equals('10px')); 146 expect(elements.style.borderLeftWidth, equals('10px'));
147 }); 147 });
148 } 148 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698