LayoutTests/fast/css/transition-timing-function.html

   1 Testing parsing and serialization of <tt>-webkit-transition-timing-function</tt> values.
   2 <pre id="console">
   3 </pre>
   4 <div id="target"></div>
   5 <script>
   6     if (window.layoutTestController)
   7         layoutTestController.dumpAsText();
   8
   9     function log(message)
  10     {
  11         var console = document.getElementById("console");
  12         console.appendChild(document.createTextNode(message + "\n"));
  13     }
  14
  15     function roundTripTransitionTimingFunctionValue(value)
  16     {
  17         var element = document.getElementById("target");
  18         element.style.webkitTransitionTimingFunction = value;
  19         if (element.style.webkitTransitionTimingFunction === value)
  20             log("PASS: '" + value + "' parsed and serialized successfully.");
  21         else
  22             log("FAIL: '" + value + "' serialized back as '" + element.style.webkitTransitionTimingFunction + "'.");
  23     }
  24
  25     roundTripTransitionTimingFunctionValue("linear");
  26     roundTripTransitionTimingFunctionValue("ease-in");
  27     roundTripTransitionTimingFunctionValue("ease-out");
  28     roundTripTransitionTimingFunctionValue("ease-in-out");
  29     roundTripTransitionTimingFunctionValue("cubic-bezier(0, 0, 0, 1)");
  30     roundTripTransitionTimingFunctionValue("cubic-bezier(0.1, 0.52, 0.11101, 0.9)");
  31     roundTripTransitionTimingFunctionValue("cubic-bezier(1.5, 55, 12.3456, 1000)");
  32     roundTripTransitionTimingFunctionValue("cubic-bezier(-1.5, -55, -12.3456, -1000)");
  33 </script>