Bug 1245748 - Wrap lines in keyframe-effect/constructor.html to 80 chars; r=whitespace-only draft
authorBrian Birtles <birtles@gmail.com>
Wed, 30 Mar 2016 08:59:08 +0900
changeset 345703 a3264ea12e2830535bea4dd7f78a42a81c4532b7
parent 345702 5088be096e15841b0c936d5a4c02c82ca581fad9
child 345704 8325601739de2bf228dd3de38092985106cec00d
push id14148
push userbbirtles@mozilla.com
push dateWed, 30 Mar 2016 04:59:38 +0000
reviewerswhitespace-only
bugs1245748
milestone48.0a1
Bug 1245748 - 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);