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