dom/smil/test/test_smilCSSFromTo.xhtml

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/dom/smil/test/test_smilCSSFromTo.xhtml	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,80 @@
     1.4 +<html xmlns="http://www.w3.org/1999/xhtml">
     1.5 +<head>
     1.6 +  <title>Test for Animation Behavior on CSS Properties</title>
     1.7 +  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
     1.8 +  <script type="text/javascript" src="smilTestUtils.js"></script>
     1.9 +  <script type="text/javascript" src="db_smilCSSPropertyList.js"></script>
    1.10 +  <script type="text/javascript" src="db_smilCSSFromTo.js"></script>
    1.11 +  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
    1.12 +</head>
    1.13 +<body>
    1.14 +<p id="display"></p>
    1.15 +<div id="content">
    1.16 +<svg xmlns="http://www.w3.org/2000/svg"
    1.17 +     width="200px" height="200px" font-size="50px" style="color: rgb(50,50,50)"
    1.18 +     onload="this.pauseAnimations()">
    1.19 +  <rect x="20" y="20" width="200" height="200"/>
    1.20 +  <!-- NOTE: hard-wiring 'line-height' so that computed value of 'font' is
    1.21 +       more predictable. (otherwise, line-height varies depending on platform)
    1.22 +    -->
    1.23 +  <text x="20" y="20" style="line-height: 10px !important">testing 123</text>
    1.24 +  <line/>
    1.25 +  <image/>
    1.26 +  <marker/>
    1.27 +  <clipPath><circle/></clipPath>
    1.28 +  <filter><feFlood/></filter>
    1.29 +  <filter><feDiffuseLighting/></filter>
    1.30 +  <linearGradient><stop/></linearGradient>
    1.31 +</svg>
    1.32 +</div>
    1.33 +<pre id="test">
    1.34 +<script class="testbody" type="text/javascript">
    1.35 +<![CDATA[
    1.36 +
    1.37 +SimpleTest.waitForExplicitFinish();
    1.38 +
    1.39 +function checkForUntestedProperties(bundleList)
    1.40 +{
    1.41 +  // Create the set of all the properties we know about
    1.42 +  var propertySet = {};
    1.43 +  for (propertyLabel in gPropList) {
    1.44 +    // insert property
    1.45 +    propertySet[gPropList[propertyLabel].attrName] = null;
    1.46 +  }
    1.47 +  // Remove tested properties from the set
    1.48 +  for (var bundleIdx in bundleList) {
    1.49 +    var bundle = bundleList[bundleIdx];
    1.50 +    delete propertySet[bundle.animatedAttribute.attrName];
    1.51 +  }
    1.52 +  // Warn about remaining (untested) properties
    1.53 +  for (var untestedProp in propertySet) {
    1.54 +    ok(false, "No tests for property '" + untestedProp + "'");
    1.55 +  }
    1.56 +}
    1.57 +
    1.58 +function main()
    1.59 +{
    1.60 +  // Start out with document paused
    1.61 +  var svg = SMILUtil.getSVGRoot();
    1.62 +  ok(svg.animationsPaused(), "should be paused by <svg> load handler");
    1.63 +  is(svg.getCurrentTime(), 0, "should be paused at 0 in <svg> load handler");
    1.64 +
    1.65 +  // FIRST: Warn about any properties that are missing tests
    1.66 +  checkForUntestedProperties(gFromToBundles);
    1.67 +
    1.68 +  // Run the actual tests
    1.69 +  testBundleList(gFromToBundles, new SMILTimingData(1.0, 1.0));
    1.70 +
    1.71 +  // Set "display:none" on everything and run the tests again
    1.72 +  SMILUtil.hideSubtree(SMILUtil.getSVGRoot(), false, false);
    1.73 +  testBundleList(gFromToBundles, new SMILTimingData(1.0, 1.0));
    1.74 +
    1.75 +  SimpleTest.finish();
    1.76 +}
    1.77 +
    1.78 +window.addEventListener("load", main, false);
    1.79 +]]>
    1.80 +</script>
    1.81 +</pre>
    1.82 +</body>
    1.83 +</html>

mercurial