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 | 9 |
10 main() { | 10 main() { |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
42 test('removeProperty is wrapped', () { | 42 test('removeProperty is wrapped', () { |
43 var style = createTestStyle(); | 43 var style = createTestStyle(); |
44 style.removeProperty("width"); | 44 style.removeProperty("width"); |
45 expect(style.cssText.trim(), | 45 expect(style.cssText.trim(), |
46 equals("color: blue;")); | 46 equals("color: blue;")); |
47 }); | 47 }); |
48 | 48 |
49 test('CSS property empty getters and setters', () { | 49 test('CSS property empty getters and setters', () { |
50 var style = createTestStyle(); | 50 var style = createTestStyle(); |
51 expect(style.border, equals("")); | 51 expect(style.border, equals("")); |
52 | 52 |
53 style.border = "1px solid blue"; | 53 style.border = "1px solid blue"; |
54 style.border = ""; | 54 style.border = ""; |
55 expect(style.border, equals("")); | 55 expect(style.border, equals("")); |
56 }); | 56 }); |
57 | 57 |
58 test('CSS property getters and setters', () { | 58 test('CSS property getters and setters', () { |
59 var style = createTestStyle(); | 59 var style = createTestStyle(); |
60 expect(style.color, equals("blue")); | 60 expect(style.color, equals("blue")); |
61 expect(style.width, equals("2px")); | 61 expect(style.width, equals("2px")); |
62 | 62 |
63 style.color = "red"; | 63 style.color = "red"; |
64 style.transform = "translate(10px, 20px)"; | 64 style.transform = "translate(10px, 20px)"; |
65 | 65 |
66 expect(style.color, equals("red")); | 66 expect(style.color, equals("red")); |
67 expect(style.transform, equals("translate(10px, 20px)")); | 67 expect(style.transform, equals("translate(10px, 20px)")); |
68 }); | 68 }); |
69 | 69 |
70 test('Browser prefixes', () { | 70 test('Browser prefixes', () { |
71 var element = new DivElement(); | 71 var element = new DivElement(); |
72 element.style.transform = 'translateX(10px)'; | 72 element.style.transform = 'translateX(10px)'; |
73 document.body.elements.add(element); | 73 document.body.children.add(element); |
74 | 74 |
75 element.getComputedStyle('').then(expectAsync1( | 75 element.getComputedStyle('').then(expectAsync1( |
76 (CSSStyleDeclaration style) { | 76 (CSSStyleDeclaration style) { |
77 // Some browsers will normalize this, so it'll be a matrix rather than | 77 // Some browsers will normalize this, so it'll be a matrix rather than |
78 // the original string. Just check that it's something other than null. | 78 // the original string. Just check that it's something other than null. |
79 expect(style.transform.length, greaterThan(3)); | 79 expect(style.transform.length, greaterThan(3)); |
80 } | 80 } |
81 )); | 81 )); |
82 }); | 82 }); |
83 | 83 |
84 // IE9 requires an extra poke for some properties to get applied. | 84 // IE9 requires an extra poke for some properties to get applied. |
85 test('IE9 Invalidation', () { | 85 test('IE9 Invalidation', () { |
86 var element = new DivElement(); | 86 var element = new DivElement(); |
87 document.body.elements.add(element); | 87 document.body.children.add(element); |
88 | 88 |
89 // Need to wait one tick after the element has been added to the page. | 89 // Need to wait one tick after the element has been added to the page. |
90 window.setTimeout(expectAsync0(() { | 90 window.setTimeout(expectAsync0(() { |
91 element.style.textDecoration = 'underline'; | 91 element.style.textDecoration = 'underline'; |
92 element.getComputedStyle('').then(expectAsync1( | 92 element.getComputedStyle('').then(expectAsync1( |
93 (CSSStyleDeclaration style) { | 93 (CSSStyleDeclaration style) { |
94 expect(style.textDecoration, equals('underline')); | 94 expect(style.textDecoration, equals('underline')); |
95 } | 95 } |
96 )); | 96 )); |
97 }), 10); | 97 }), 10); |
98 }); | 98 }); |
99 } | 99 } |
OLD | NEW |