Bug 1357663 - Enable web platform test of font-stretch property animation. r=hiro

MozReview-Commit-ID: KYmDQTKdChd

--HG--
extra : rebase_source : f042004ebfcaa43b5992187856bf387abf07e8d7

testing/web-platform/meta/MANIFEST.json

@@ -145225,11 +145225,11 @@
    "testharness"
   ],
   "XMLHttpRequest/open-url-redirected-worker-origin.htm": [
-   "d92032b7a81bcea83ee03df3affe0e25263328b0",
+   "877d6bd227709cc3ada32493ba6cc86683efade9",
    "testharness"
   ],
   "XMLHttpRequest/open-url-worker-origin.htm": [
-   "e4db65c7c0a98d7f5aa84eac01705259f377f44b",
+   "f105c0e4b249f82545f2763c4b1a23a3a217e3a7",
    "testharness"
   ],
   "XMLHttpRequest/open-url-worker-simple.htm": [
@@ -148253,7 +148253,7 @@
    "support"
   ],
   "beacon/headers/header-content-type.html": [
-   "51fc2b60a8e3e7c92208a8308e3f2156c363d205",
+   "5753ef82d17941aaf0c929da8952f88aa4186f02",
    "testharness"
   ],
   "beacon/headers/header-referrer-no-referrer-when-downgrade.https.html": [
@@ -173805,7 +173805,7 @@
    "support"
   ],
   "encrypted-media/scripts/requestmediakeysystemaccess.js": [
-   "6a40a2db2ae0657bda978bcaee1a12f7670634bb",
+   "1a17a323605ff3882b8e9d8ac4b48f1a2d592d97",
    "support"
   ],
   "encrypted-media/scripts/reset-src-after-setmediakeys.js": [
@@ -219057,11 +219057,11 @@
    "testharness"
   ],
   "web-animations/animation-model/animation-types/property-list.js": [
-   "83a52204cc36f6b757129dae947f03f6a8748bde",
+   "a6860f4971e06078b5abdd57b3d7f57c0adff51e",
    "support"
   ],
   "web-animations/animation-model/animation-types/property-types.js": [
-   "66c606f9451cc30ba6d23bcfffcb61871283b0b8",
+   "0c6ae747d483ba276749f9b7760c513eb0d7992c",
    "support"
   ],
   "web-animations/animation-model/animation-types/spacing-keyframes-filters.html": [
@@ -233825,7 +233825,7 @@
    "support"
   ],
   "workers/constructors/SharedWorker/null-arguments.html": [
-   "9034961b63d92367fd2066be86179a9265fc6503",
+   "58a6bcb00711dc7fab954a8e030b9073a16d6bd7",
    "testharness"
   ],
   "workers/constructors/SharedWorker/number-arguments.html": [
@@ -233933,7 +233933,7 @@
    "support"
   ],
   "workers/constructors/Worker/unexpected-self-properties.worker.js": [
-   "5ae6b1457d41b9c1cf8d9bf3a0b3abedc77cad72",
+   "73bc10eac3f8659e1f5e41d3e8a86beec05ed0bc",
    "testharness"
   ],
   "workers/constructors/Worker/unresolvable-url.html": [

testing/web-platform/meta/web-animations/animation-model/animation-types/accumulation-per-property.html.ini

@@ -3,3 +3,7 @@
   [column-gap: "normal" onto "200px"]
     expected: FAIL
 
+  [font-stretch (type: fontStretch) has testAccumulation function]
+    expected: FAIL
+    bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1363246
+

testing/web-platform/meta/web-animations/animation-model/animation-types/addition-per-property.html.ini

@@ -5,3 +5,6 @@ prefs: [layout.css.contain.enabled:true, layout.css.initial-letter.enabled:true,
     expected: FAIL
     bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1356241
 
+  [font-stretch (type: fontStretch) has testAddition function]
+    expected: FAIL
+    bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1363246

testing/web-platform/tests/web-animations/animation-model/animation-types/property-list.js

@@ -532,8 +532,7 @@ var gCSSProperties = {
   },
   'font-stretch': {
     // https://drafts.csswg.org/css-fonts-3/#propdef-font-stretch
-    types: [
-    ]
+    types: [ 'fontStretch' ]
   },
   'font-style': {
     // https://drafts.csswg.org/css-fonts/#propdef-font-style

testing/web-platform/tests/web-animations/animation-model/animation-types/property-types.js

@@ -1610,6 +1610,35 @@ const dasharrayType = {
   },
 }
 
+const fontStretchType = {
+  testInterpolation: function(property, setup) {
+    test(function(t) {
+      var idlName = propertyToIDL(property);
+      var target = createTestElement(t, setup);
+      var animation = target.animate({ [idlName]:
+                                         ['ultra-condensed',
+					  'extra-condensed'] },
+                                     { duration: 1000, fill: 'both' });
+	testAnimationSamples(
+          animation, idlName,
+          [{ time: 499,  expected: 'ultra-condensed' },
+           { time: 500,  expected: 'extra-condensed' }]);
+    }, property + ' supports animating as a font-stretch (adjacent values)');
+
+    test(function(t) {
+      var idlName = propertyToIDL(property);
+      var target = createTestElement(t, setup);
+      var animation = target.animate({ [idlName]:
+                                         ['ultra-condensed',
+					  'condensed'] },
+                                     { duration: 1000, fill: 'both' });
+	testAnimationSamples(
+          animation, idlName,
+          [{ time: 500,  expected: 'extra-condensed' }]);
+    }, property + ' supports animating as a font-stretch (between value)');
+  },
+}
+
 const types = {
   color: colorType,
   discrete: discreteType,
@@ -1629,5 +1658,6 @@ const types = {
   rect: rectType,
   position: positionType,
   dasharray: dasharrayType,
+  fontStretch: fontStretchType,
 };