Adding IE support to browser prefixes.

tests/html/cssstyledeclaration_test.dart

 // Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 #library('CSSStyleDeclarationTest');
 #import('../../pkg/unittest/unittest.dart');
 #import('../../pkg/unittest/html_config.dart');
 #import('dart:html');
 
 main() {
   useHtmlConfiguration();
 
   createTestStyle() {
     return new CSSStyleDeclaration.css("""
       color: blue;
       width: 2px !important;
-      -webkit-transform: rotate(90deg);
     """);
   };
 
   test('default constructor is empty', () {
     var style = new CSSStyleDeclaration();
     expect(style.cssText, isEmpty);
     expect(style.getPropertyPriority('color'), isEmpty);
     expect(style.item(0), isEmpty);
     expect(style, hasLength(0));
     // These assertions throw a NotImplementedException in dartium:
     // Expect.isNull(style.parentRule);
     // Expect.isNull(style.getPropertyCSSValue('color'));
     // Expect.isNull(style.getPropertyShorthand('color'));
   });
 
-  test('cssText is wrapped', () {
-    var style = createTestStyle();
-    expect(style.cssText,
-      equals("color: blue; width: 2px !important; "
-             "-webkit-transform: rotate(90deg);"));
-    style.cssText = "color: red";
-    expect(style.cssText, equals("color: red;"));
-  });
-
   test('length is wrapped', () {
-    expect(createTestStyle(), hasLength(3));
+    expect(createTestStyle(), hasLength(2));
   });
 
   test('getPropertyPriority is wrapped', () {
     var style = createTestStyle();
     expect(style.getPropertyPriority("color"), isEmpty);
     expect(style.getPropertyPriority("width"), equals("important"));
   });
 
-  test('item is wrapped', () {
-    var style = createTestStyle();
-    expect(style.item(0), equals("color"));
-    expect(style.item(1), equals("width"));
-    expect(style.item(2), equals("-webkit-transform"));
-  });
-
   test('removeProperty is wrapped', () {
     var style = createTestStyle();
     style.removeProperty("width");
-    expect(style.cssText,
-      equals("color: blue; -webkit-transform: rotate(90deg);"));
+    expect(style.cssText.trim(),
+      equals("color: blue;"));
   });
 
   test('CSS property getters and setters', () {
     var style = createTestStyle();
     expect(style.color, equals("blue"));
     expect(style.width, equals("2px"));
-    expect(style.transform, equals("rotate(90deg)"));
 
     style.color = "red";
     style.transform = "translate(10px, 20px)";
-    expect(style.cssText,
-      equals("color: red; width: 2px !important;"
-             " -webkit-transform: translate(10px, 20px);"));
+
+    expect(style.color, equals("red"));
+    expect(style.transform, equals("translate(10px, 20px)"));
+  });
+
+  test('Browser prefixes', () {
+    var element = new DivElement();
+    element.style.transform = 'translateX(10px)';
+    document.body.elements.add(element);
+
+    var style = new CSSStyleDeclaration();
+
+    element.getComputedStyle('').then(expectAsync1(
+      (CSSStyleDeclaration style) {
+        // Some browsers will normalize this, so it'll be a matrix rather than
+        // the original string. Just check that it's something other than null.
+        expect(style.transform.length, greaterThan(3));
+      }
+    ));
   });
 }