Bug 1260655 - Update keyframe-effect/constructor.html to no longer refer to PropertyIndexedKeyframes or Keyframe; r=heycam
authorBrian Birtles <birtles@gmail.com>
Wed, 30 Mar 2016 08:59:08 +0900
changeset 292558 852340c877fb
parent 292557 8272d22371b7
child 292559 33b9f509fab7
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)
reviewersheycam
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 - Update keyframe-effect/constructor.html to no longer refer to PropertyIndexedKeyframes or Keyframe; r=heycam These types have been removed from the normative part of the Web Animations spec. MozReview-Commit-ID: LJkWvuDCT55
testing/web-platform/meta/web-animations/keyframe-effect/constructor.html.ini
testing/web-platform/tests/web-animations/keyframe-effect/constructor.html
--- a/testing/web-platform/meta/web-animations/keyframe-effect/constructor.html.ini
+++ b/testing/web-platform/meta/web-animations/keyframe-effect/constructor.html.ini
@@ -1,66 +1,66 @@
 [constructor.html]
   type: testharness
-  [composite values are parsed correctly when passed to the KeyframeEffectReadOnly constructor in PropertyIndexedKeyframes]
+  [composite values are parsed correctly when passed to the KeyframeEffectReadOnly constructor in property-indexed keyframes]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216843
 
-  [composite values are parsed correctly when passed to the KeyframeEffectReadOnly constructor in Keyframe]
+  [composite values are parsed correctly when passed to the KeyframeEffectReadOnly constructor in regular keyframes]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216843
 
   [composite values are parsed correctly when passed to the KeyframeEffectReadOnly constructor in KeyframeTimingOptions]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216843
 
-  [a KeyframeEffectReadOnly can be constructed with a Keyframe sequence with different composite values, but the same composite value for a given offset]
+  [a KeyframeEffectReadOnly can be constructed with a keyframe sequence with different composite values, but the same composite value for a given offset]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216843
 
-  [a KeyframeEffectReadOnly can be constructed with a one property one value PropertyIndexedKeyframes specification]
+  [a KeyframeEffectReadOnly can be constructed with a one property one value property-indexed keyframes specification]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly constructed with a one property one value PropertyIndexedKeyframes specification roundtrips]
+  [a KeyframeEffectReadOnly constructed with a one property one value property-indexed keyframes specification roundtrips]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly can be constructed with a one property one non-array value PropertyIndexedKeyframes specification]
+  [a KeyframeEffectReadOnly can be constructed with a one property one non-array value property-indexed keyframes specification]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly constructed with a one property one non-array value PropertyIndexedKeyframes specification roundtrips]
+  [a KeyframeEffectReadOnly constructed with a one property one non-array value property-indexed keyframes specification roundtrips]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly can be constructed with a one property two value PropertyIndexedKeyframes specification where the first value is invalid]
+  [a KeyframeEffectReadOnly can be constructed with a one property two value property-indexed keyframes specification where the first value is invalid]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly constructed with a one property two value PropertyIndexedKeyframes specification where the first value is invalid roundtrips]
+  [a KeyframeEffectReadOnly constructed with a one property two value property-indexed keyframes specification where the first value is invalid roundtrips]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly can be constructed with a one property two value PropertyIndexedKeyframes specification where the second value is invalid]
+  [a KeyframeEffectReadOnly can be constructed with a one property two value property-indexed keyframes specification where the second value is invalid]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly constructed with a one property two value PropertyIndexedKeyframes specification where the second value is invalid roundtrips]
+  [a KeyframeEffectReadOnly constructed with a one property two value property-indexed keyframes specification where the second value is invalid roundtrips]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly can be constructed with a two property PropertyIndexedKeyframes specification where one property is missing from the first Keyframe]
+  [a KeyframeEffectReadOnly can be constructed with a two property property-indexed keyframes specification where one property is missing from the first keyframe]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly constructed with a two property PropertyIndexedKeyframes specification where one property is missing from the first Keyframe roundtrips]
+  [a KeyframeEffectReadOnly constructed with a two property property-indexed keyframes specification where one property is missing from the first keyframe roundtrips]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly can be constructed with a two property PropertyIndexedKeyframes specification where one property is missing from the last Keyframe]
+  [a KeyframeEffectReadOnly can be constructed with a two property property-indexed keyframes specification where one property is missing from the last keyframe]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
-  [a KeyframeEffectReadOnly constructed with a two property PropertyIndexedKeyframes specification where one property is missing from the last Keyframe roundtrips]
+  [a KeyframeEffectReadOnly constructed with a two property property-indexed keyframes specification where one property is missing from the last keyframe roundtrips]
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1216844
 
--- a/testing/web-platform/tests/web-animations/keyframe-effect/constructor.html
+++ b/testing/web-platform/tests/web-animations/keyframe-effect/constructor.html
@@ -75,31 +75,31 @@ test(function(t) {
     var effect = new KeyframeEffectReadOnly(target, {
       left: ["10px", "20px"],
       easing: easing
     });
     assert_equals(effect.getFrames()[0].easing, expected,
                   "resulting easing for '" + easing + "'");
   });
 }, "easing values are parsed correctly when passed to the " +
-   "KeyframeEffectReadOnly constructor in PropertyIndexedKeyframes");
+   "KeyframeEffectReadOnly constructor in a property-indexed keyframe");
 
 test(function(t) {
   gEasingValueTests.forEach(function(subtest) {
     var easing = subtest[0];
     var expected = subtest[1];
     var effect = new KeyframeEffectReadOnly(target, [
       { offset: 0, left: "10px", easing: easing },
       { offset: 1, left: "20px" }
     ]);
     assert_equals(effect.getFrames()[0].easing, expected,
                   "resulting easing for '" + easing + "'");
   });
 }, "easing values are parsed correctly when passed to the " +
-   "KeyframeEffectReadOnly constructor in Keyframe");
+   "KeyframeEffectReadOnly constructor in regular keyframes");
 
 test(function(t) {
   gEasingValueTests.forEach(function(subtest) {
     var easing = subtest[0];
     var expected = subtest[1];
     var effect = new KeyframeEffectReadOnly(target, {
       left: ["10px", "20px"]
     }, { easing: easing });
@@ -131,17 +131,17 @@ test(function(t) {
                   "resulting composite for '" + composite + "'");
   });
   gBadCompositeValueTests.forEach(function(composite) {
     assert_throws(new TypeError, function() {
                     new KeyframeEffectReadOnly(target, getFrame(composite));
                   });
   });
 }, "composite values are parsed correctly when passed to the " +
-   "KeyframeEffectReadOnly constructor in PropertyIndexedKeyframes");
+   "KeyframeEffectReadOnly constructor in property-indexed keyframes");
 
 test(function(t) {
   var getFrames = function(composite) {
     return [
       { offset: 0, left: "10px", composite: composite },
       { offset: 1, left: "20px" }
     ];
   };
@@ -151,17 +151,17 @@ test(function(t) {
                   "resulting composite for '" + composite + "'");
   });
   gBadCompositeValueTests.forEach(function(composite) {
     assert_throws(new TypeError, function() {
                     new KeyframeEffectReadOnly(target, getFrames(composite));
                   });
   });
 }, "composite values are parsed correctly when passed to the " +
-   "KeyframeEffectReadOnly constructor in Keyframe");
+   "KeyframeEffectReadOnly constructor in regular keyframes");
 
 test(function(t) {
   gGoodOptionsCompositeValueTests.forEach(function(composite) {
     var effect = new KeyframeEffectReadOnly(target, {
       left: ["10px", "20px"]
     }, { composite: composite });
     assert_equals(effect.getFrames()[0].composite, composite,
                   "resulting composite for '" + composite + "'");
@@ -172,111 +172,111 @@ test(function(t) {
                                      left: ["10px", "20px"]
                                    }, { composite: composite });
                                  });
   });
 }, "composite values are parsed correctly when passed to the " +
    "KeyframeEffectReadOnly constructor in KeyframeTimingOptions");
 
 var gPropertyIndexedKeyframesTests = [
-  { desc:   "a one property two value PropertyIndexedKeyframes specification",
+  { desc:   "a one property two value property-indexed keyframes 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"
+  { desc:   "a one shorthand property two value property-indexed keyframes"
             + " 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",
+            + " two value property-indexed keyframes 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" }] },
-  { desc:   "a two property two value PropertyIndexedKeyframes specification",
+  { desc:   "a two property two value property-indexed keyframes 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"
+  { desc:   "a two property property-indexed keyframes 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" }] },
-  { desc:   "a PropertyIndexedKeyframes specification with an invalid value",
+  { desc:   "a property-indexed keyframes 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"
+  { desc:   "a one property two value property-indexed keyframes 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" }]
   },
-  { desc:   "a one property one value PropertyIndexedKeyframes specification",
+  { desc:   "a one property one value property-indexed keyframes 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"
+  { desc:   "a one property one non-array value property-indexed keyframes"
             + " 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"
+  { desc:   "a one property two value property-indexed keyframes 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"
+  { desc:   "a one property two value property-indexed keyframes 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 property-indexed keyframes 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",
+  { desc:   "a two property property-indexed keyframes 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" },
              { offset: 1, computedOffset: 1, easing: "linear", left: "30px" }] },
-  { desc:   "a PropertyIndexedKeyframes specification with repeated values"
+  { desc:   "a property-indexed keyframes 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" },
@@ -316,206 +316,206 @@ test(function(t) {
    { p: "composite",  v: "replace" }].forEach(function(e) {
     Object.defineProperty(kf1, e.p, {
       enumerable: true,
       get: function() { actualOrder.push(e.p); return e.v; }
     });
   });
   new KeyframeEffectReadOnly(target, [kf1, kf2]);
   assert_array_equals(actualOrder, expectedOrder, "property access order");
-}, "the KeyframeEffectReadOnly constructor reads Keyframe properties in the " +
+}, "the KeyframeEffectReadOnly constructor reads keyframe properties in the " +
    "expected order");
 
 var gKeyframeSequenceTests = [
-  { desc:   "a one property two Keyframe sequence",
+  { 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" }]
   },
-  { desc:   "a two property two Keyframe sequence",
+  { 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" }] },
-  { desc:   "a one shorthand property two Keyframe sequence",
+  { 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",
+            + " 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"
+  { 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" }] },
-  { desc:   "a Keyframe sequence with duplicate values for offsets 0 and 1",
+  { 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" }]
   },
-  { desc:   "a two property four Keyframe sequence",
+  { 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" }] },
-  { desc:   "a one property Keyframe sequence with some omitted offsets",
+  { 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" }] },
-  { desc:   "a two property Keyframe sequence with some omitted offsets",
+  { 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" }] },
-  { desc:   "a one property Keyframe sequence with all omitted offsets",
+  { 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"
+  { 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"
+  { 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"
+  { 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" }]
   },
-  { desc:   "a Keyframe sequence where shorthand precedes longhand",
+  { 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" }] },
-  { desc:   "a Keyframe sequence where longhand precedes shorthand",
+  { 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"
+  { 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" },
              { 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"
+  { 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",
@@ -556,17 +556,17 @@ var gInvalidEasingInKeyframeSequenceTest
     input:  [{ easing: "ease-in-out, ease-out" }] }
 ];
 
 gInvalidEasingInKeyframeSequenceTests.forEach(function(subtest) {
   test(function(t) {
     assert_throws(new TypeError, function() {
       new KeyframeEffectReadOnly(target, subtest.input);
     });
-  }, "Invalid easing [" + subtest.desc + "] in KeyframeSequence " +
+  }, "Invalid easing [" + subtest.desc + "] in keyframe sequence " +
      "should be thrown");
 });
 
 test(function(t) {
   var effect = new KeyframeEffectReadOnly(target,
                                           {left: ["10px", "20px"]});
 
   var timing = effect.timing;