layout/base/tests/test_bug990340.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/base/tests/test_bug990340.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,60 @@
     1.4 +<!DOCTYPE HTML>
     1.5 +<html>
     1.6 +<!--
     1.7 +https://bugzilla.mozilla.org/show_bug.cgi?id=990340
     1.8 +-->
     1.9 +<head>
    1.10 +  <meta charset="utf-8">
    1.11 +  <title>Test for Bug 990340</title>
    1.12 +  <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
    1.13 +  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
    1.14 +  <script type="application/javascript">
    1.15 +
    1.16 +  /** Test for Bug 990340 **/
    1.17 +
    1.18 +  function testbug990340() {
    1.19 +    ok(document.querySelector('#bug990340 span').clientHeight < 100,
    1.20 +       "'height' is in transition")
    1.21 +    SimpleTest.finish();
    1.22 +  }
    1.23 +
    1.24 +  SimpleTest.waitForExplicitFinish();
    1.25 +  </script>
    1.26 +</head>
    1.27 +<body>
    1.28 +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=990340">Mozilla Bug 990340</a>
    1.29 +<p id="display"></p>
    1.30 +<div id="content" style="display: none">
    1.31 +
    1.32 +</div>
    1.33 +<pre id="test">
    1.34 +<style type="text/css">
    1.35 +
    1.36 +#bug990340::before {
    1.37 +    content: ":before";
    1.38 +}
    1.39 +
    1.40 +#bug990340 span {
    1.41 +    display: inline-block;
    1.42 +    border:1px solid blue;
    1.43 +    height: 20px;
    1.44 +    transition: height 30s;
    1.45 +}
    1.46 +
    1.47 +#bug990340.s span {
    1.48 +    height: 100px;
    1.49 +}
    1.50 +</style>
    1.51 +<div id="bug990340" style="overflow:scroll">
    1.52 +    <span>Transition height</span>
    1.53 +</div>
    1.54 +</pre>
    1.55 +
    1.56 +<script>
    1.57 +document.body.offsetHeight;
    1.58 +document.querySelector('#bug990340').className='s';
    1.59 +testbug990340()
    1.60 +</script>
    1.61 +
    1.62 +</body>
    1.63 +</html>

mercurial