--- a/dom/animation/test/css-animations/file_keyframeeffect-getkeyframes.html
+++ b/dom/animation/test/css-animations/file_keyframeeffect-getkeyframes.html
@@ -573,19 +573,19 @@ test(function(t) {
 
   div.style.animation = 'anim-filter-drop-shadow 100s';
   var frames = getKeyframes(div);
 
   assert_equals(frames.length, 2, "number of frames");
 
   var expected = [
     { offset: 0, computedOffset: 0, easing: "ease",
-      filter: "drop-shadow(10px 10px 10px rgb(0, 255, 0))" },
+      filter: "drop-shadow(rgb(0, 255, 0) 10px 10px 10px)" },
     { offset: 1, computedOffset: 1, easing: "ease",
-      filter: "drop-shadow(50px 30px 10px rgb(255, 0, 0))" },
+      filter: "drop-shadow(rgb(255, 0, 0) 50px 30px 10px)" },
   ];
 
   for (var i = 0; i < frames.length; i++) {
     assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
   }
 }, 'KeyframeEffectReadOnly.getKeyframes() returns expected values for ' +
    'animation with drop-shadow of filter property');
 
@@ -601,19 +601,19 @@ test(function(t) {
                          '0 0 3.2px rgb(0, 0, 255)';
   div.style.animation = 'anim-text-shadow 100s';
   var frames = getKeyframes(div);
 
   assert_equals(frames.length, 2, "number of frames");
 
   var expected = [
     { offset: 0, computedOffset: 0, easing: "ease",
-      textShadow: "1px 1px 2px rgb(0, 0, 0),"
-                  + " 0px 0px 16px rgb(0, 0, 255),"
-                  + " 0px 0px 3.2px rgb(0, 0, 255)" },
+      textShadow: "rgb(0, 0, 0) 1px 1px 2px,"
+                  + " rgb(0, 0, 255) 0px 0px 16px,"
+                  + " rgb(0, 0, 255) 0px 0px 3.2px" },
     { offset: 1, computedOffset: 1, easing: "ease", textShadow: "none" },
   ];
 
   for (var i = 0; i < frames.length; i++) {
     assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
   }
 }, 'KeyframeEffectReadOnly.getKeyframes() returns expected values for ' +
    'animations with text-shadow properties and missing keyframes');