Commit 328b580b authored by Glenn Adams's avatar Glenn Adams

Populate cssanimation, csstransform, and csstransition.

parent bb878f1d
......@@ -26,5 +26,7 @@
# specifications
SPECS = $(SPECS_L1) $(SPECS_L2)
SPECS_L1 = canvas2d cssfontload cssom cssomview custom dom3events dom4 domps ecmascript51 encoding file fullscreen html5 selectors1 sse svg12tiny touchevents typedarray url webgl webmessage websocket webstorage webworkers xhr
SPECS_L2 = css21 cssbg
SPECS_L2 = css21 cssanimation cssbg csstransform csstransition
{
"spec": "cssanimation",
"source": "http://dev.w3.org/csswg/css-animations/",
"levels": [ 2 ],
"local": "cssanimation.html",
"dontExtract": true,
"dontExtractReason": "requires manual property extraction",
"helpers": [],
"properties": [
{
"name": "animation-name",
"section": "4.2",
"valueType": "enum",
"values": [
"none",
"foo",
"bar",
"baz",
"foo, bar"
],
"initial": "none"
},
{
"name": "animation-duration",
"section": "4.3",
"valueType": "enum",
"values": [
"0s",
"1s",
"1.2s",
"0ms",
"1ms",
"1.2ms",
"1s, 2ms"
],
"initial": "0s"
},
{
"name": "animation-timing-function",
"section": "4.4",
"valueType": "enum",
"values": [
"ease",
"linear",
"ease-in",
"ease-out",
"ease-in-out",
"step-start",
"step-end",
"steps(1, start)",
"steps(1, end)",
"steps(10, start)",
"steps(10, end)",
"cubic-bezier(0.6, 0.1, 0.1, 0.6)",
"ease-in, ease-out"
],
"initial": "ease"
},
{
"name": "animation-iteration-count",
"section": "4.5",
"valueType": "enum",
"values": [
"infinite",
"0",
"1",
"10",
"1, 2"
],
"initial": "1"
},
{
"name": "animation-direction",
"section": "4.6",
"valueType": "enum",
"values": [
"normal",
"reverse",
"alternate",
"alternate-reverse",
"reverse, alternate"
],
"initial": "normal"
},
{
"name": "animation-play-state",
"section": "4.7",
"valueType": "enum",
"values": [
"running",
"paused",
"running, paused"
],
"initial": "running"
},
{
"name": "animation-delay",
"section": "4.8",
"valueType": "enum",
"values": [
"0s",
"1s",
"1.2s",
"0ms",
"1ms",
"1.2ms",
"1s, 2ms"
],
"initial": "0s"
},
{
"name": "animation-fill-mode",
"section": "4.9",
"valueType": "enum",
"values": [
"none",
"forwards",
"backwards",
"both",
"forwards, backwards"
],
"initial": "none"
},
{
"name": "animation",
"section": "4.10",
"shorthand": [
"animation-duration",
"animation-timing-function",
"animation-delay",
"animation-iteration-count",
"animation-direction",
"animation-fill-mode",
"animation-play-state",
"animation-name"
],
"valueType": "enum",
"values": [
[ "3s backwards", "3s ease 0s 1 normal backwards running none" ],
[ "3s none backwards", "3s ease 0s 1 normal backwards running none" ],
"1s ease-out 2s 3 reverse backwards paused id1",
[ "3s backwards, 2s none backwards", "3s ease 0s 1 normal backwards running none, 2s ease 0s normal backwards running none" ]
],
"initial": "0s ease 0s 1 normal none running none",
"comments": {
"chrome": "incomplete or incorrect implementation",
"firefox": "incomplete or incorrect implementation"
}
}
]
}
This source diff could not be displayed because it is too large. You can view the blob instead.
Wed, 10 Sep 2014 00:35:03 GMT
\ No newline at end of file
{
"spec": "csstransform",
"source": "http://dev.w3.org/csswg/css-transforms/",
"levels": [ 2 ],
"local": "csstransform.html",
"dontExtract": true,
"dontExtractReason": "requires manual property extraction",
"helpers": [],
"properties": [
{
"name": "transform",
"section": "7",
"valueType": "enum",
"values": [
"matrix(1)",
"matrix(2)",
[ "matrix(1,2,3,4,5,6)", "matrix(1, 2, 3, 4, 5, 6)" ],
"translate(1mm)",
[ "translate(1mm,2mm)", "translate(1mm, 2mm)" ],
"translateX(1mm)",
"translateY(1mm)",
"scale(1)",
[ "scale(1,2)", "scale(1, 2)" ],
"scaleX(1)",
"scaleY(1)",
"rotate(1deg)",
"rotate(100grad)",
"rotate(3.14159rad)",
"rotate(0.5turn)",
"skew(1deg)",
"skew(1deg, 2deg)",
"skewX(1deg)",
"skewY(1deg)",
"matrix3d(1)",
[ "matrix3d(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16)", "matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16)" ],
[ "translate3d(1mm,2mm,3mm)", "translate3d(1mm, 2mm, 3mm)" ],
"translateZ(1mm)",
[ "scale3d(1,2,3)", "scale3d(1, 2, 3)" ],
"scaleZ(1)",
[ "rotate3d(1,2,3,1deg)", "rotate3d(1, 2, 3, 1deg)" ],
"rotateX(1deg)",
"rotateY(1deg)",
"rotateZ(1deg)",
"perspective(1mm)",
"translate(1mm, 2mm), scale(2.3, 4.5), rotate(30deg), skew(1deg, 2deg)"
],
"initial": "none"
},
{
"name": "transform-origin",
"section": "8",
"valueType": "enum",
"values": [
"left",
"center",
"right",
"top",
"bottom",
"1%",
"1mm",
"left top",
"center top",
"right top",
"left center",
"center center",
"right center",
"left bottom",
"center bottom",
"right bottom",
"left 1%",
"center 1%",
"right 1%",
"1% top",
"1% center",
"1% bottom",
"1% 1%",
"left 1mm",
"center 1mm",
"right 1mm",
"1mm top",
"1mm center",
"1mm bottom",
"1mm 1mm",
"1% 1mm",
"1mm 1%",
"left top 1mm",
"center top 1mm",
"right top 1mm",
"left center 1mm",
"center center 1mm",
"right center 1mm",
"left bottom 1mm",
"center bottom 1mm",
"right bottom 1mm",
"left 1% 1mm",
"center 1% 1mm",
"right 1% 1mm",
"1% top 1mm",
"1% center 1mm",
"1% bottom 1mm",
"1% 1% 1mm",
"left 1mm 1mm",
"center 1mm 1mm",
"right 1mm 1mm",
"1mm top 1mm",
"1mm center 1mm",
"1mm bottom 1mm",
"1mm 1mm 1mm",
"1% 1mm 1mm",
"1mm 1% 1mm"
],
"initial": "50% 50%"
},
{
"name": "transform-style",
"section": "9",
"valueType": "enum",
"values": [
"flat",
"preserve-3d"
],
"initial": "flat"
},
{
"name": "perspective",
"section": "10",
"valueType": "enum",
"values": [
"none",
"1in",
"1cm",
"1mm",
"1pc",
"1px"
],
"initial": "none"
},
{
"name": "perspective-origin",
"section": "11",
"valueType": "enum",
"values": [
"left",
"center",
"right",
"top",
"bottom",
"1%",
"1mm",
"left top",
"center top",
"right top",
"left center",
"center center",
"right center",
"left bottom",
"center bottom",
"right bottom",
"left 1%",
"center 1%",
"right 1%",
"1% top",
"1% center",
"1% bottom",
"1% 1%",
"left 1mm",
"center 1mm",
"right 1mm",
"1mm top",
"1mm center",
"1mm bottom",
"1mm 1mm",
"1% 1mm",
"1mm 1%"
],
"initial": "50% 50%"
}
]
}
This source diff could not be displayed because it is too large. You can view the blob instead.
Sun, 13 Jul 2014 06:45:02 GMT
\ No newline at end of file
{
"spec": "csstransition",
"source": "http://dev.w3.org/csswg/css-transitions/",
"levels": [ 2 ],
"local": "csstransition.html",
"dontExtract": true,
"dontExtractReason": "requires manual property extraction",
"helpers": [],
"properties": [
{
"name": "transition-property",
"section": "2.1",
"valueType": "enum",
"values": [
"none",
"all",
"color",
"color, background-color"
],
"initial": "all"
},
{
"name": "transition-duration",
"section": "2.2",
"valueType": "enum",
"values": [
"0s",
"1s",
"1.2s",
"0ms",
"1ms",
"1.2ms",
"1s, 2ms"
],
"initial": "0s"
},
{
"name": "transition-timing-function",
"section": "2.3",
"valueType": "enum",
"values": [
"ease",
"linear",
"ease-in",
"ease-out",
"ease-in-out",
"step-start",
"step-end",
"steps(1, start)",
"steps(1, end)",
"steps(10, start)",
"steps(10, end)",
"cubic-bezier(0.6, 0.1, 0.1, 0.6)",
"ease-in, ease-out"
],
"initial": "ease"
},
{
"name": "transition-delay",
"section": "2.4",
"valueType": "enum",
"values": [
"0s",
"1s",
"1.2s",
"0ms",
"1ms",
"1.2ms",
"1s, 2ms"
],
"initial": "0s"
},
{
"name": "transition",
"section": "2.5",
"shorthand": [
"transition-property",
"transition-duration",
"transition-timing-function",
"transition-delay"
],
"valueType": "enum",
"values": [
"none 0s ease 0s",
[ "background-color linear 1s", "background-color 1s linear 0s" ],
[ "opacity 2s, left 1s", "opacity 2s ease 0s, left 1s ease 0s" ]
],
"initial": "none 0s ease 0s",
"comments": {
"firefox": "serializes initial value with extra final SPACE"
}
}
]
}
This diff is collapsed.
Thu, 21 Aug 2014 20:20:03 GMT
\ No newline at end of file
Sat, 13 Sep 2014 14:07:49 GMT
\ No newline at end of file
Sun, 14 Sep 2014 01:47:39 GMT
\ No newline at end of file
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation","section":"4.10","shorthand":["animation-duration","animation-timing-function","animation-delay","animation-iteration-count","animation-direction","animation-fill-mode","animation-play-state","animation-name"],"valueType":"enum","values":[["3s backwards","3s ease 0s 1 normal backwards running none"],["3s none backwards","3s ease 0s 1 normal backwards running none"],"1s ease-out 2s 3 reverse backwards paused id1",["3s backwards, 2s none backwards","3s ease 0s 1 normal backwards running none, 2s ease 0s normal backwards running none"]],"initial":"0s ease 0s 1 normal none running none","comments":{"chrome":"incomplete or incorrect implementation","firefox":"incomplete or incorrect implementation"},"type":"property","nameNormalized":"Animation"}
</script>
<h1>Test Property animation Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-delay Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-delay","section":"4.8","valueType":"enum","values":["0s","1s","1.2s","0ms","1ms","1.2ms","1s, 2ms"],"initial":"0s","type":"property","nameNormalized":"AnimationDelay"}
</script>
<h1>Test Property animation-delay Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-direction Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-direction","section":"4.6","valueType":"enum","values":["normal","reverse","alternate","alternate-reverse","reverse, alternate"],"initial":"normal","type":"property","nameNormalized":"AnimationDirection"}
</script>
<h1>Test Property animation-direction Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-duration Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-duration","section":"4.3","valueType":"enum","values":["0s","1s","1.2s","0ms","1ms","1.2ms","1s, 2ms"],"initial":"0s","type":"property","nameNormalized":"AnimationDuration"}
</script>
<h1>Test Property animation-duration Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-fill-mode Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-fill-mode","section":"4.9","valueType":"enum","values":["none","forwards","backwards","both","forwards, backwards"],"initial":"none","type":"property","nameNormalized":"AnimationFillMode"}
</script>
<h1>Test Property animation-fill-mode Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-iteration-count Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-iteration-count","section":"4.5","valueType":"enum","values":["infinite","0","1","10","1, 2"],"initial":"1","type":"property","nameNormalized":"AnimationIterationCount"}
</script>
<h1>Test Property animation-iteration-count Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-name Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-name","section":"4.2","valueType":"enum","values":["none","foo","bar","baz","foo, bar"],"initial":"none","type":"property","nameNormalized":"AnimationName"}
</script>
<h1>Test Property animation-name Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-play-state Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-play-state","section":"4.7","valueType":"enum","values":["running","paused","running, paused"],"initial":"running","type":"property","nameNormalized":"AnimationPlayState"}
</script>
<h1>Test Property animation-play-state Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property animation-timing-function Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"animation-timing-function","section":"4.4","valueType":"enum","values":["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end","steps(1, start)","steps(1, end)","steps(10, start)","steps(10, end)","cubic-bezier(0.6, 0.1, 0.1, 0.6)","ease-in, ease-out"],"initial":"ease","type":"property","nameNormalized":"AnimationTimingFunction"}
</script>
<h1>Test Property animation-timing-function Support</h1>
<div id='log'></div>
<script>
level2('cssanimation', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property perspective Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"perspective","section":"10","valueType":"enum","values":["none","1in","1cm","1mm","1pc","1px"],"initial":"none","type":"property","nameNormalized":"Perspective"}
</script>
<h1>Test Property perspective Support</h1>
<div id='log'></div>
<script>
level2('csstransform', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property perspective-origin Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"perspective-origin","section":"11","valueType":"enum","values":["left","center","right","top","bottom","1%","1mm","left top","center top","right top","left center","center center","right center","left bottom","center bottom","right bottom","left 1%","center 1%","right 1%","1% top","1% center","1% bottom","1% 1%","left 1mm","center 1mm","right 1mm","1mm top","1mm center","1mm bottom","1mm 1mm","1% 1mm","1mm 1%"],"initial":"50% 50%","type":"property","nameNormalized":"PerspectiveOrigin"}
</script>
<h1>Test Property perspective-origin Support</h1>
<div id='log'></div>
<script>
level2('csstransform', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by $(CVP2TS)/tools/level2/generate/generate.js. -->
<!doctype html>
<meta charset='utf-8'>
<title>Property transform Tests</title>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src='/tools/common/level2.js'></script>
<script type='text/plain' id='propDef'>
{"name":"transform","section":"7","valueType":"enum","values":["matrix(1)","matrix(2)",["matrix(1,2,3,4,5,6)","matrix(1, 2, 3, 4, 5, 6)"],"translate(1mm)",["translate(1mm,2mm)","translate(1mm, 2mm)"],"translateX(1mm)","translateY(1mm)","scale(1)",["scale(1,2)","scale(1, 2)"],"scaleX(1)","scaleY(1)","rotate(1deg)","rotate(100grad)","rotate(3.14159rad)","rotate(0.5turn)","skew(1deg)","skew(1deg, 2deg)","skewX(1deg)","skewY(1deg)","matrix3d(1)",["matrix3d(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16)","matrix3d(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16)"],["translate3d(1mm,2mm,3mm)","translate3d(1mm, 2mm, 3mm)"],"translateZ(1mm)",["scale3d(1,2,3)","scale3d(1, 2, 3)"],"scaleZ(1)",["rotate3d(1,2,3,1deg)","rotate3d(1, 2, 3, 1deg)"],"rotateX(1deg)","rotateY(1deg)","rotateZ(1deg)","perspective(1mm)","translate(1mm, 2mm), scale(2.3, 4.5), rotate(30deg), skew(1deg, 2deg)"],"initial":"none","type":"property","nameNormalized":"Transform"}
</script>
<h1>Test Property transform Support</h1>
<div id='log'></div>
<script>
level2('csstransform', JSON.parse(document.getElementById('propDef').textContent));
</script>
<!-- Copyright (C) 2014, Cable Television Laboratories, Inc. & Skynav, Inc. -->
<!-- DO NOT EDIT! This test was generated by