Bug 1260655 - Wrap lines in keyframe-effect/constructor.html to 80 chars; r=whitespace-only
authorBrian Birtles <birtles@gmail.com>
Wed, 30 Mar 2016 08:59:08 +0900
changeset 292557 8272d22371b7
parent 292556 5db982657c9b
child 292558 852340c877fb
push id74886
push userbbirtles@mozilla.com
push dateMon, 11 Apr 2016 05:50:31 +0000
treeherdermozilla-inbound@52c0128aff10 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerswhitespace-only
bugs1260655
milestone48.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1260655 - Wrap lines in keyframe-effect/constructor.html to 80 chars; r=whitespace-only MozReview-Commit-ID: FMg5uhxuZ6L
testing/web-platform/tests/web-animations/keyframe-effect/constructor.html
--- a/testing/web-platform/tests/web-animations/keyframe-effect/constructor.html
+++ b/testing/web-platform/tests/web-animations/keyframe-effect/constructor.html
@@ -175,86 +175,124 @@ test(function(t) {
   });
 }, "composite values are parsed correctly when passed to the " +
    "KeyframeEffectReadOnly constructor in KeyframeTimingOptions");
 
 var gPropertyIndexedKeyframesTests = [
   { desc:   "a one property two value PropertyIndexedKeyframes specification",
     input:  { left: ["10px", "20px"] },
     output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "20px" }] },
-  { desc:   "a one shorthand property two value PropertyIndexedKeyframes specification",
+             { offset: 1, computedOffset: 1, easing: "linear", left: "20px" }]
+  },
+  { desc:   "a one shorthand property two value PropertyIndexedKeyframes"
+            + " specification",
     input:  { margin: ["10px", "10px 20px 30px 40px"] },
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", marginTop: "10px", marginRight: "10px", marginBottom: "10px", marginLeft: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", marginTop: "10px", marginRight: "20px", marginBottom: "30px", marginLeft: "40px" }] },
-  { desc:   "a two property (one shorthand and one of its longhand components) two value PropertyIndexedKeyframes specification",
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               marginTop: "10px", marginRight: "10px",
+               marginBottom: "10px", marginLeft: "10px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               marginTop: "10px", marginRight: "20px",
+               marginBottom: "30px", marginLeft: "40px" }] },
+  { desc:   "a two property (one shorthand and one of its longhand components)"
+            + " two value PropertyIndexedKeyframes specification",
     input:  { marginTop: ["50px", "60px"],
               margin: ["10px", "10px 20px 30px 40px"] },
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", marginTop: "50px", marginRight: "10px", marginBottom: "10px", marginLeft: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", marginTop: "60px", marginRight: "20px", marginBottom: "30px", marginLeft: "40px" }] },
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               marginTop: "50px", marginRight: "10px",
+               marginBottom: "10px", marginLeft: "10px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               marginTop: "60px", marginRight: "20px",
+               marginBottom: "30px", marginLeft: "40px" }] },
   { desc:   "a two property two value PropertyIndexedKeyframes specification",
     input:  { left: ["10px", "20px"],
               top: ["30px", "40px"] },
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px", top: "30px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "20px", top: "40px" }] },
-  { desc:   "a two property PropertyIndexedKeyframes specification with different numbers of values",
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               left: "10px", top: "30px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               left: "20px", top: "40px" }] },
+  { desc:   "a two property PropertyIndexedKeyframes specification with"
+            + " different numbers of values",
     input:  { left: ["10px", "20px", "30px"],
               top: ["40px", "50px"] },
-    output: [{ offset: 0.0, computedOffset: 0.0, easing: "linear", left: "10px", top: "40px" },
-             { offset: 0.5, computedOffset: 0.5, easing: "linear", left: "20px" },
-             { offset: 1.0, computedOffset: 1.0, easing: "linear", left: "30px", top: "50px" }] },
+    output: [{ offset: 0.0, computedOffset: 0.0, easing: "linear",
+               left: "10px", top: "40px" },
+             { offset: 0.5, computedOffset: 0.5, easing: "linear",
+               left: "20px" },
+             { offset: 1.0, computedOffset: 1.0, easing: "linear",
+               left: "30px", top: "50px" }] },
   { desc:   "a PropertyIndexedKeyframes specification with an invalid value",
     input:  { left: ["10px", "20px", "30px", "40px", "50px"],
               top:  ["15px", "25px", "invalid", "45px", "55px"] },
-    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear", left: "10px", top: "15px" },
-             { offset: 0.25, computedOffset: 0.25, easing: "linear", left: "20px", top: "25px" },
-             { offset: 0.50, computedOffset: 0.50, easing: "linear", left: "30px" },
-             { offset: 0.75, computedOffset: 0.75, easing: "linear", left: "40px", top: "45px" },
-             { offset: 1.00, computedOffset: 1.00, easing: "linear", left: "50px", top: "55px" }] },
-  { desc:   "a one property two value PropertyIndexedKeyframes specification that needs to stringify its values",
+    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear",
+               left: "10px", top: "15px" },
+             { offset: 0.25, computedOffset: 0.25, easing: "linear",
+               left: "20px", top: "25px" },
+             { offset: 0.50, computedOffset: 0.50, easing: "linear",
+               left: "30px" },
+             { offset: 0.75, computedOffset: 0.75, easing: "linear",
+               left: "40px", top: "45px" },
+             { offset: 1.00, computedOffset: 1.00, easing: "linear",
+               left: "50px", top: "55px" }] },
+  { desc:   "a one property two value PropertyIndexedKeyframes specification"
+            + " that needs to stringify its values",
     input:  { opacity: [0, 1] },
     output: [{ offset: 0, computedOffset: 0, easing: "linear", opacity: "0" },
-             { offset: 1, computedOffset: 1, easing: "linear", opacity: "1" }] },
+             { offset: 1, computedOffset: 1, easing: "linear", opacity: "1" }]
+  },
   { desc:   "a one property one value PropertyIndexedKeyframes specification",
     input:  { left: ["10px"] },
     output: [{ offset: 0, computedOffset: 0, easing: "linear" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "10px" }] },
-  { desc:   "a one property one non-array value PropertyIndexedKeyframes specification",
+             { offset: 1, computedOffset: 1, easing: "linear", left: "10px" }]
+  },
+  { desc:   "a one property one non-array value PropertyIndexedKeyframes"
+            + " specification",
     input:  { left: "10px" },
     output: [{ offset: 0, computedOffset: 0, easing: "linear" },
              { offset: 1, computedOffset: 1, easing: "linear", left: "10px" }] },
-  { desc:   "a one property two value PropertyIndexedKeyframes specification where the first value is invalid",
+  { desc:   "a one property two value PropertyIndexedKeyframes specification"
+            + " where the first value is invalid",
     input:  { left: ["invalid", "10px"] },
     output: [{ offset: 0, computedOffset: 0, easing: "linear" },
              { offset: 1, computedOffset: 1, easing: "linear", left: "10px" }] },
-  { desc:   "a one property two value PropertyIndexedKeyframes specification where the second value is invalid",
+  { desc:   "a one property two value PropertyIndexedKeyframes specification"
+            + " where the second value is invalid",
     input:  { left: ["10px", "invalid"] },
     output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px" },
              { offset: 1, computedOffset: 1, easing: "linear" }] },
-  { desc:   "a two property PropertyIndexedKeyframes specification where one property is missing from the first Keyframe",
+  { desc:   "a two property PropertyIndexedKeyframes specification where one"
+            + " property is missing from the first Keyframe",
     input:  [{ offset: 0, left: "10px" },
              { offset: 1, left: "20px", top: "30px" }],
     output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "20px", top: "30px" }] },
-  { desc:   "a two property PropertyIndexedKeyframes specification where one property is missing from the last Keyframe",
+             { offset: 1, computedOffset: 1, easing: "linear",
+               left: "20px", top: "30px" }] },
+  { desc:   "a two property PropertyIndexedKeyframes specification where one"
+            + " property is missing from the last Keyframe",
     input:  [{ offset: 0, left: "10px", top: "20px" },
              { offset: 1, left: "30px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px" , top: "20px" },
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               left: "10px" , top: "20px" },
              { offset: 1, computedOffset: 1, easing: "linear", left: "30px" }] },
-  { desc:   "a PropertyIndexedKeyframes specification with repeated values at offset 0 with different easings",
+  { desc:   "a PropertyIndexedKeyframes specification with repeated values"
+            + " at offset 0 with different easings",
     input:  [{ offset: 0.0, left: "100px", easing: "ease" },
              { offset: 0.0, left: "200px", easing: "ease" },
              { offset: 0.5, left: "300px", easing: "linear" },
              { offset: 1.0, left: "400px", easing: "ease-out" },
              { offset: 1.0, left: "500px", easing: "step-end" }],
-    output: [{ offset: 0.0, computedOffset: 0.0, easing: "ease",     left: "100px" },
-             { offset: 0.0, computedOffset: 0.0, easing: "ease",     left: "200px" },
-             { offset: 0.5, computedOffset: 0.5, easing: "linear",   left: "300px" },
-             { offset: 1.0, computedOffset: 1.0, easing: "ease-out", left: "400px" },
-             { offset: 1.0, computedOffset: 1.0, easing: "linear",   left: "500px" }] },
+    output: [{ offset: 0.0, computedOffset: 0.0, easing: "ease",
+               left: "100px" },
+             { offset: 0.0, computedOffset: 0.0, easing: "ease",
+               left: "200px" },
+             { offset: 0.5, computedOffset: 0.5, easing: "linear",
+               left: "300px" },
+             { offset: 1.0, computedOffset: 1.0, easing: "ease-out",
+               left: "400px" },
+             { offset: 1.0, computedOffset: 1.0, easing: "linear",
+               left: "500px" }] },
 ];
 
 gPropertyIndexedKeyframesTests.forEach(function(subtest) {
   test(function(t) {
     var effect = new KeyframeEffectReadOnly(target, subtest.input);
     assert_frame_lists_equal(effect.getFrames(), subtest.output);
   }, "a KeyframeEffectReadOnly can be constructed with " + subtest.desc);
 
@@ -286,157 +324,212 @@ test(function(t) {
 }, "the KeyframeEffectReadOnly constructor reads Keyframe properties in the " +
    "expected order");
 
 var gKeyframeSequenceTests = [
   { desc:   "a one property two Keyframe sequence",
     input:  [{ offset: 0, left: "10px" },
              { offset: 1, left: "20px" }],
     output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "20px" }] },
+             { offset: 1, computedOffset: 1, easing: "linear", left: "20px" }]
+  },
   { desc:   "a two property two Keyframe sequence",
     input:  [{ offset: 0, left: "10px", top: "30px" },
              { offset: 1, left: "20px", top: "40px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px", top: "30px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "20px", top: "40px" }] },
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               left: "10px", top: "30px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               left: "20px", top: "40px" }] },
   { desc:   "a one shorthand property two Keyframe sequence",
     input:  [{ offset: 0, margin: "10px" },
              { offset: 1, margin: "20px 30px 40px 50px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", marginTop: "10px", marginRight: "10px", marginBottom: "10px", marginLeft: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", marginTop: "20px", marginRight: "30px", marginBottom: "40px", marginLeft: "50px" }] },
-  { desc:   "a two property (a shorthand and one of its component longhands) two Keyframe sequence",
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               marginTop: "10px", marginRight: "10px",
+               marginBottom: "10px", marginLeft: "10px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               marginTop: "20px", marginRight: "30px",
+               marginBottom: "40px", marginLeft: "50px" }] },
+  { desc:   "a two property (a shorthand and one of its component longhands)"
+            + " two Keyframe sequence",
     input:  [{ offset: 0, margin: "10px", marginTop: "20px" },
              { offset: 1, marginTop: "70px", margin: "30px 40px 50px 60px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", marginTop: "20px", marginRight: "10px", marginBottom: "10px", marginLeft: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", marginTop: "70px", marginRight: "40px", marginBottom: "50px", marginLeft: "60px" }] },
-  { desc:   "a Keyframe sequence with duplicate values for a given interior offset",
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               marginTop: "20px", marginRight: "10px",
+               marginBottom: "10px", marginLeft: "10px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               marginTop: "70px", marginRight: "40px",
+               marginBottom: "50px", marginLeft: "60px" }] },
+  { desc:   "a Keyframe sequence with duplicate values for a given interior"
+            + " offset",
     input:  [{ offset: 0.0, left: "10px" },
              { offset: 0.5, left: "20px" },
              { offset: 0.5, left: "30px" },
              { offset: 0.5, left: "40px" },
              { offset: 1.0, left: "50px" }],
-    output: [{ offset: 0.0, computedOffset: 0.0, easing: "linear", left: "10px" },
-             { offset: 0.5, computedOffset: 0.5, easing: "linear", left: "20px" },
-             { offset: 0.5, computedOffset: 0.5, easing: "linear", left: "40px" },
-             { offset: 1.0, computedOffset: 1.0, easing: "linear", left: "50px" }] },
+    output: [{ offset: 0.0, computedOffset: 0.0, easing: "linear",
+               left: "10px" },
+             { offset: 0.5, computedOffset: 0.5, easing: "linear",
+               left: "20px" },
+             { offset: 0.5, computedOffset: 0.5, easing: "linear",
+               left: "40px" },
+             { offset: 1.0, computedOffset: 1.0, easing: "linear",
+               left: "50px" }] },
   { desc:   "a Keyframe sequence with duplicate values for offsets 0 and 1",
     input:  [{ offset: 0, left: "10px" },
              { offset: 0, left: "20px" },
              { offset: 0, left: "30px" },
              { offset: 1, left: "40px" },
              { offset: 1, left: "50px" },
              { offset: 1, left: "60px" }],
     output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px" },
              { offset: 0, computedOffset: 0, easing: "linear", left: "30px" },
              { offset: 1, computedOffset: 1, easing: "linear", left: "40px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "60px" }] },
+             { offset: 1, computedOffset: 1, easing: "linear", left: "60px" }]
+  },
   { desc:   "a two property four Keyframe sequence",
     input:  [{ offset: 0, left: "10px" },
              { offset: 0, top: "20px" },
              { offset: 1, top: "30px" },
              { offset: 1, left: "40px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", left: "10px", top: "20px" },
-             { offset: 1, computedOffset: 1, easing: "linear", left: "40px", top: "30px" }] },
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               left: "10px", top: "20px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               left: "40px", top: "30px" }] },
   { desc:   "a one property Keyframe sequence with some omitted offsets",
     input:  [{ offset: 0.00, left: "10px" },
              { offset: 0.25, left: "20px" },
              { left: "30px" },
              { left: "40px" },
              { offset: 1.00, left: "50px" }],
-    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear", left: "10px" },
-             { offset: 0.25, computedOffset: 0.25, easing: "linear", left: "20px" },
-             { offset: 0.50, computedOffset: 0.50, easing: "linear", left: "30px" },
-             { offset: 0.75, computedOffset: 0.75, easing: "linear", left: "40px" },
-             { offset: 1.00, computedOffset: 1.00, easing: "linear", left: "50px" }] },
+    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear",
+               left: "10px" },
+             { offset: 0.25, computedOffset: 0.25, easing: "linear",
+               left: "20px" },
+             { offset: 0.50, computedOffset: 0.50, easing: "linear",
+               left: "30px" },
+             { offset: 0.75, computedOffset: 0.75, easing: "linear",
+               left: "40px" },
+             { offset: 1.00, computedOffset: 1.00, easing: "linear",
+               left: "50px" }] },
   { desc:   "a two property Keyframe sequence with some omitted offsets",
     input:  [{ offset: 0.00, left: "10px", top: "20px" },
              { offset: 0.25, left: "30px" },
              { left: "40px" },
              { left: "50px", top: "60px" },
              { offset: 1.00, left: "70px", top: "80px" }],
-    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear", left: "10px", top: "20px" },
-             { offset: 0.25, computedOffset: 0.25, easing: "linear", left: "30px" },
-             { offset: 0.50, computedOffset: 0.50, easing: "linear", left: "40px" },
-             { offset: 0.75, computedOffset: 0.75, easing: "linear", left: "50px", top: "60px" },
-             { offset: 1.00, computedOffset: 1.00, easing: "linear", left: "70px", top: "80px" }] },
+    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear",
+               left: "10px", top: "20px" },
+             { offset: 0.25, computedOffset: 0.25, easing: "linear",
+               left: "30px" },
+             { offset: 0.50, computedOffset: 0.50, easing: "linear",
+               left: "40px" },
+             { offset: 0.75, computedOffset: 0.75, easing: "linear",
+               left: "50px", top: "60px" },
+             { offset: 1.00, computedOffset: 1.00, easing: "linear",
+               left: "70px", top: "80px" }] },
   { desc:   "a one property Keyframe sequence with all omitted offsets",
     input:  [{ left: "10px" },
              { left: "20px" },
              { left: "30px" },
              { left: "40px" },
              { left: "50px" }],
-    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear", left: "10px" },
-             { offset: 0.25, computedOffset: 0.25, easing: "linear", left: "20px" },
-             { offset: 0.50, computedOffset: 0.50, easing: "linear", left: "30px" },
-             { offset: 0.75, computedOffset: 0.75, easing: "linear", left: "40px" },
-             { offset: 1.00, computedOffset: 1.00, easing: "linear", left: "50px" }] },
-  { desc:   "a Keyframe sequence with different easing values, but the same easing value for a given offset",
+    output: [{ offset: 0.00, computedOffset: 0.00, easing: "linear",
+               left: "10px" },
+             { offset: 0.25, computedOffset: 0.25, easing: "linear",
+               left: "20px" },
+             { offset: 0.50, computedOffset: 0.50, easing: "linear",
+               left: "30px" },
+             { offset: 0.75, computedOffset: 0.75, easing: "linear",
+               left: "40px" },
+             { offset: 1.00, computedOffset: 1.00, easing: "linear",
+               left: "50px" }] },
+  { desc:   "a Keyframe sequence with different easing values, but the same"
+            + " easing value for a given offset",
     input:  [{ offset: 0.0, easing: "ease",     left: "10px"},
              { offset: 0.0, easing: "ease",     top: "20px"},
              { offset: 0.5, easing: "linear",   left: "30px" },
              { offset: 0.5, easing: "linear",   top: "40px" },
              { offset: 1.0, easing: "step-end", left: "50px" },
              { offset: 1.0, easing: "step-end", top: "60px" }],
     output: [{ offset: 0.0, computedOffset: 0.0, easing: "ease",
                left: "10px", top: "20px" },
              { offset: 0.5, computedOffset: 0.5, easing: "linear",
                left: "30px", top: "40px" },
              { offset: 1.0, computedOffset: 1.0, easing: "linear",
                left: "50px", top: "60px" }] },
-  { desc:   "a Keyframe sequence with different composite values, but the same composite value for a given offset",
+  { desc:   "a Keyframe sequence with different composite values, but the"
+            + " same composite value for a given offset",
     input:  [{ offset: 0.0, composite: "replace", left: "10px" },
              { offset: 0.0, composite: "replace", top: "20px" },
              { offset: 0.5, composite: "add",     left: "30px" },
              { offset: 0.5, composite: "add",     top: "40px" },
              { offset: 1.0, composite: "replace", left: "50px" },
              { offset: 1.0, composite: "replace", top: "60px" }],
-    output: [{ offset: 0.0, computedOffset: 0.0, easing: "linear", composite: "replace", left: "10px", top: "20px" },
-             { offset: 0.5, computedOffset: 0.5, easing: "linear", composite: "add",     left: "30px", top: "40px" },
-             { offset: 1.0, computedOffset: 1.0, easing: "linear", composite: "replace", left: "50px", top: "60px" }] },
-  { desc:   "a one property two Keyframe sequence that needs to stringify its values",
+    output: [{ offset: 0.0, computedOffset: 0.0, easing: "linear",
+               composite: "replace", left: "10px", top: "20px" },
+             { offset: 0.5, computedOffset: 0.5, easing: "linear",
+               composite: "add",     left: "30px", top: "40px" },
+             { offset: 1.0, computedOffset: 1.0, easing: "linear",
+               composite: "replace", left: "50px", top: "60px" }] },
+  { desc:   "a one property two Keyframe sequence that needs to stringify"
+            + " its values",
     input:  [{ offset: 0, opacity: 0 },
              { offset: 1, opacity: 1 }],
     output: [{ offset: 0, computedOffset: 0, easing: "linear", opacity: "0" },
-             { offset: 1, computedOffset: 1, easing: "linear", opacity: "1" }] },
+             { offset: 1, computedOffset: 1, easing: "linear", opacity: "1" }]
+  },
   { desc:   "a Keyframe sequence where shorthand precedes longhand",
     input:  [{ offset: 0, margin: "10px", marginRight: "20px" },
              { offset: 1, margin: "30px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", marginBottom: "10px", marginLeft: "10px", marginRight: "20px", marginTop: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", marginBottom: "30px", marginLeft: "30px", marginRight: "30px", marginTop: "30px" }] },
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               marginBottom: "10px", marginLeft: "10px",
+               marginRight: "20px", marginTop: "10px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               marginBottom: "30px", marginLeft: "30px",
+               marginRight: "30px", marginTop: "30px" }] },
   { desc:   "a Keyframe sequence where longhand precedes shorthand",
     input:  [{ offset: 0, marginRight: "20px", margin: "10px" },
              { offset: 1, margin: "30px" }],
-    output: [{ offset: 0, computedOffset: 0, easing: "linear", marginBottom: "10px", marginLeft: "10px", marginRight: "20px", marginTop: "10px" },
-             { offset: 1, computedOffset: 1, easing: "linear", marginBottom: "30px", marginLeft: "30px", marginRight: "30px", marginTop: "30px" }] },
-  { desc:   "a Keyframe sequence where lesser shorthand precedes greater shorthand",
-    input:  [{ offset: 0, borderLeft: "1px solid rgb(1, 2, 3)", border: "2px dotted rgb(4, 5, 6)" },
+    output: [{ offset: 0, computedOffset: 0, easing: "linear",
+               marginBottom: "10px", marginLeft: "10px",
+               marginRight: "20px", marginTop: "10px" },
+             { offset: 1, computedOffset: 1, easing: "linear",
+               marginBottom: "30px", marginLeft: "30px",
+               marginRight: "30px", marginTop: "30px" }] },
+  { desc:   "a Keyframe sequence where lesser shorthand precedes greater"
+            + " shorthand",
+    input:  [{ offset: 0,
+               borderLeft: "1px solid rgb(1, 2, 3)",
+               border: "2px dotted rgb(4, 5, 6)" },
              { offset: 1, border: "3px dashed rgb(7, 8, 9)" }],
     output: [{ offset: 0, computedOffset: 0, easing: "linear",
-                 borderBottomColor: "rgb(4, 5, 6)", borderBottomWidth: "2px",
-                 borderLeftColor:   "rgb(1, 2, 3)", borderLeftWidth:   "1px",
-                 borderRightColor:  "rgb(4, 5, 6)", borderRightWidth:  "2px",
-                 borderTopColor:    "rgb(4, 5, 6)", borderTopWidth:    "2px" },
+               borderBottomColor: "rgb(4, 5, 6)", borderBottomWidth: "2px",
+               borderLeftColor:   "rgb(1, 2, 3)", borderLeftWidth:   "1px",
+               borderRightColor:  "rgb(4, 5, 6)", borderRightWidth:  "2px",
+               borderTopColor:    "rgb(4, 5, 6)", borderTopWidth:    "2px" },
              { offset: 1, computedOffset: 1, easing: "linear",
-                 borderBottomColor: "rgb(7, 8, 9)", borderBottomWidth: "3px",
-                 borderLeftColor:   "rgb(7, 8, 9)", borderLeftWidth:   "3px",
-                 borderRightColor:  "rgb(7, 8, 9)", borderRightWidth:  "3px",
-                 borderTopColor:    "rgb(7, 8, 9)", borderTopWidth:    "3px" }] },
-  { desc:   "a Keyframe sequence where greater shorthand precedes lesser shorthand",
-    input:  [{ offset: 0, border: "2px dotted rgb(4, 5, 6)", borderLeft: "1px solid rgb(1, 2, 3)" },
+               borderBottomColor: "rgb(7, 8, 9)", borderBottomWidth: "3px",
+               borderLeftColor:   "rgb(7, 8, 9)", borderLeftWidth:   "3px",
+               borderRightColor:  "rgb(7, 8, 9)", borderRightWidth:  "3px",
+               borderTopColor:    "rgb(7, 8, 9)", borderTopWidth:    "3px" }] },
+  { desc:   "a Keyframe sequence where greater shorthand precedes lesser"
+            + " shorthand",
+    input:  [{ offset: 0, border: "2px dotted rgb(4, 5, 6)",
+               borderLeft: "1px solid rgb(1, 2, 3)" },
              { offset: 1, border: "3px dashed rgb(7, 8, 9)" }],
     output: [{ offset: 0, computedOffset: 0, easing: "linear",
-                 borderBottomColor: "rgb(4, 5, 6)", borderBottomWidth: "2px",
-                 borderLeftColor:   "rgb(1, 2, 3)", borderLeftWidth:   "1px",
-                 borderRightColor:  "rgb(4, 5, 6)", borderRightWidth:  "2px",
-                 borderTopColor:    "rgb(4, 5, 6)", borderTopWidth:    "2px" },
+               borderBottomColor: "rgb(4, 5, 6)", borderBottomWidth: "2px",
+               borderLeftColor:   "rgb(1, 2, 3)", borderLeftWidth:   "1px",
+               borderRightColor:  "rgb(4, 5, 6)", borderRightWidth:  "2px",
+               borderTopColor:    "rgb(4, 5, 6)", borderTopWidth:    "2px" },
              { offset: 1, computedOffset: 1, easing: "linear",
-                 borderBottomColor: "rgb(7, 8, 9)", borderBottomWidth: "3px",
-                 borderLeftColor:   "rgb(7, 8, 9)", borderLeftWidth:   "3px",
-                 borderRightColor:  "rgb(7, 8, 9)", borderRightWidth:  "3px",
-                 borderTopColor:    "rgb(7, 8, 9)", borderTopWidth:    "3px" }] },
+               borderBottomColor: "rgb(7, 8, 9)", borderBottomWidth: "3px",
+               borderLeftColor:   "rgb(7, 8, 9)", borderLeftWidth:   "3px",
+               borderRightColor:  "rgb(7, 8, 9)", borderRightWidth:  "3px",
+               borderTopColor:    "rgb(7, 8, 9)", borderTopWidth:    "3px" }] },
 ];
 
 gKeyframeSequenceTests.forEach(function(subtest) {
   test(function(t) {
     var effect = new KeyframeEffectReadOnly(target, subtest.input);
     assert_frame_lists_equal(effect.getFrames(), subtest.output);
   }, "a KeyframeEffectReadOnly can be constructed with " + subtest.desc);