34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
Testing parsing and serialization of <tt>-webkit-transition-timing-function</tt> values.
|
|
<pre id="console">
|
|
</pre>
|
|
<div id="target"></div>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
function log(message)
|
|
{
|
|
var console = document.getElementById("console");
|
|
console.appendChild(document.createTextNode(message + "\n"));
|
|
}
|
|
|
|
function roundTripTransitionTimingFunctionValue(value)
|
|
{
|
|
var element = document.getElementById("target");
|
|
element.style.webkitTransitionTimingFunction = value;
|
|
if (element.style.webkitTransitionTimingFunction === value)
|
|
log("PASS: '" + value + "' parsed and serialized successfully.");
|
|
else
|
|
log("FAIL: '" + value + "' serialized back as '" + element.style.webkitTransitionTimingFunction + "'.");
|
|
}
|
|
|
|
roundTripTransitionTimingFunctionValue("linear");
|
|
roundTripTransitionTimingFunctionValue("ease-in");
|
|
roundTripTransitionTimingFunctionValue("ease-out");
|
|
roundTripTransitionTimingFunctionValue("ease-in-out");
|
|
roundTripTransitionTimingFunctionValue("cubic-bezier(0, 0, 0, 1)");
|
|
roundTripTransitionTimingFunctionValue("cubic-bezier(0.1, 0.52, 0.11101, 0.9)");
|
|
roundTripTransitionTimingFunctionValue("cubic-bezier(1, 55, 0.3456, 1000)");
|
|
roundTripTransitionTimingFunctionValue("cubic-bezier(1, -55, 0.3456, -1000)");
|
|
</script>
|