Bug 1312301 - Part 8: Test properties that are animatable as length. r?boris draft
authorHiroyuki Ikezoe <hiikezoe@mozilla-japan.org>
Tue, 20 Dec 2016 19:13:50 +0900
changeset 451446 f23060f0b647f56868b18e2293f8369ed2f7c6cb
parent 451445 bfbeb38b30d076745c02f5fb80563ea9c6e7b4f2
child 451447 18fa7133227a5af150f83f18085a03035d1b8164
push id39181
push userhiikezoe@mozilla-japan.org
push dateTue, 20 Dec 2016 10:30:07 +0000
reviewersboris
bugs1312301
milestone53.0a1
Bug 1312301 - Part 8: Test properties that are animatable as length. r?boris Some properies (e.g. outline-width) need prerequisite styles to compute animating styles. MozReview-Commit-ID: LB4eWIM07dY
testing/web-platform/tests/web-animations/animation-model/animation-types/property-list.js
--- a/testing/web-platform/tests/web-animations/animation-model/animation-types/property-list.js
+++ b/testing/web-platform/tests/web-animations/animation-model/animation-types/property-list.js
@@ -141,18 +141,22 @@ var gCSSProperties = {
   'border-bottom-style': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-bottom-style
     types: [
       { type: 'discrete', options: [ [ 'dotted', 'solid' ] ] }
     ]
   },
   'border-bottom-width': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-bottom-width
-    types: [
-    ]
+    types: [ 'length' ],
+    setup: t => {
+      var element = createElement(t);
+      element.style.borderBottomStyle = 'solid';
+      return element;
+    }
   },
   'border-collapse': {
     // https://drafts.csswg.org/css-tables/#propdef-border-collapse
     types: [
       { type: 'discrete', options: [ [ 'collapse', 'separate' ] ] }
     ]
   },
   'border-inline-end-color': {
@@ -225,34 +229,42 @@ var gCSSProperties = {
   'border-left-style': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-left-style
     types: [
       { type: 'discrete', options: [ [ 'dotted', 'solid' ] ] }
     ]
   },
   'border-left-width': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-left-width
-    types: [
-    ]
+    types: [ 'length' ],
+    setup: t => {
+      var element = createElement(t);
+      element.style.borderLeftStyle = 'solid';
+      return element;
+    }
   },
   'border-right-color': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-right-color
     types: [
     ]
   },
   'border-right-style': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-right-style
     types: [
       { type: 'discrete', options: [ [ 'dotted', 'solid' ] ] }
     ]
   },
   'border-right-width': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-right-width
-    types: [
-    ]
+    types: [ 'length' ],
+    setup: t => {
+      var element = createElement(t);
+      element.style.borderRightStyle = 'solid';
+      return element;
+    }
   },
   'border-spacing': {
     // https://drafts.csswg.org/css-tables/#propdef-border-spacing
     types: [
     ]
   },
   'border-top-color': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-top-color
@@ -272,18 +284,22 @@ var gCSSProperties = {
   'border-top-style': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-top-style
     types: [
       { type: 'discrete', options: [ [ 'dotted', 'solid' ] ] }
     ]
   },
   'border-top-width': {
     // https://drafts.csswg.org/css-backgrounds-3/#border-top-width
-    types: [
-    ]
+    types: [ 'length' ],
+    setup: t => {
+      var element = createElement(t);
+      element.style.borderTopStyle = 'solid';
+      return element;
+    }
   },
   'bottom': {
     // https://drafts.csswg.org/css-position/#propdef-bottom
     types: [
     ]
   },
   'box-decoration-break': {
     // https://drafts.csswg.org/css-break/#propdef-box-decoration-break
@@ -355,18 +371,17 @@ var gCSSProperties = {
   },
   'column-count': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-count
     types: [
     ]
   },
   'column-gap': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-gap
-    types: [
-    ]
+    types: [ 'length' ]
   },
   'column-rule-color': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-rule-color
     types: [
     ]
   },
   'column-fill': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-fill
@@ -377,22 +392,27 @@ var gCSSProperties = {
   'column-rule-style': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-rule-style
     types: [
       { type: 'discrete', options: [ [ 'none', 'dotted' ] ] }
     ]
   },
   'column-rule-width': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-rule-width
-    types: [
-    ]
+    types: [ 'length' ],
+    setup: t => {
+      var element = createElement(t);
+      element.style.columnRuleStyle = 'solid';
+      return element;
+    }
   },
   'column-width': {
     // https://drafts.csswg.org/css-multicol/#propdef-column-width
-    types: [
+    types: [ 'length',
+      { type: 'discrete', options: [ [ 'auto', '1px' ] ] }
     ]
   },
   'contain': {
     // https://drafts.csswg.org/css-containment/#propdef-contain
     types: [
       { type: 'discrete', options: [ [ 'strict', 'none' ] ] }
     ]
   },
@@ -740,18 +760,17 @@ var gCSSProperties = {
   },
   'left': {
     // https://drafts.csswg.org/css-position/#propdef-left
     types: [
     ]
   },
   'letter-spacing': {
     // https://drafts.csswg.org/css-text-3/#propdef-letter-spacing
-    types: [
-    ]
+    types: [ 'length' ]
   },
   'lighting-color': {
     // https://drafts.fxtf.org/filters/#LightingColorProperty
     types: [
     ]
   },
   'line-height': {
     // https://drafts.csswg.org/css21/visudet.html#propdef-line-height
@@ -1002,29 +1021,32 @@ var gCSSProperties = {
   },
   'outline-color': {
     // https://drafts.csswg.org/css-ui-3/#propdef-outline-color
     types: [
     ]
   },
   'outline-offset': {
     // https://drafts.csswg.org/css-ui-3/#propdef-outline-offset
-    types: [
-    ]
+    types: [ 'length' ]
   },
   'outline-style': {
     // https://drafts.csswg.org/css-ui/#propdef-outline-style
     types: [
       { type: 'discrete', options: [ [ 'none', 'dotted' ] ] }
     ]
   },
   'outline-width': {
     // https://drafts.csswg.org/css-ui-3/#propdef-outline-width
-    types: [
-    ]
+    types: [ 'length' ],
+    setup: t => {
+      var element = createElement(t);
+      element.style.outlineStyle = 'solid';
+      return element;
+    }
   },
   'overflow': {
     // https://drafts.csswg.org/css-overflow/#propdef-overflow
     types: [
     ]
   },
   'overflow-clip-box': {
     // https://developer.mozilla.org/en/docs/Web/CSS/overflow-clip-box
@@ -1111,18 +1133,17 @@ var gCSSProperties = {
   'paint-order': {
     // https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty
     types: [
       { type: 'discrete', options: [ [ 'fill', 'stroke' ] ] }
     ]
   },
   'perspective': {
     // https://drafts.csswg.org/css-transforms-1/#propdef-perspective
-    types: [
-    ]
+    types: [ 'length' ]
   },
   'perspective-origin': {
     // https://drafts.csswg.org/css-transforms-1/#propdef-perspective-origin
     types: [
     ]
   },
   'pointer-events': {
     // https://svgwg.org/svg2-draft/interact.html#PointerEventsProperty