1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/base/crashtests/813372-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,52 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html class="reftest-wait" xmlns="http://www.w3.org/1999/xhtml">
1.6 +<head>
1.7 +<!-- There is, at present, no official xsd for (X)HTML5. A pity. Usefulness would depend on the parser and extensions made by the site. -->
1.8 +<title>testcase</title>
1.9 + <style type="text/css">
1.10 +* { margin: 0; padding: 0; }
1.11 +.hide { top: 80% !important; width: 75% !important; height: 50% !important; }
1.12 +
1.13 +#details
1.14 +{
1.15 + position: absolute;
1.16 + top: 0;
1.17 + left: 0;
1.18 + width: 0%;
1.19 + border: 10mm dotted red;
1.20 + border-radius: 100em;
1.21 + background-color: lime;
1.22 + height: 0%;
1.23 + overflow: scroll;
1.24 + -moz-transition-property: top width;
1.25 + -moz-transition-duration: 0.75s;
1.26 + opacity: 0.9;
1.27 +}
1.28 +
1.29 + </style>
1.30 +</head>
1.31 +<body>
1.32 +
1.33 +
1.34 +<section id="details" class="hide">
1.35 +I'm a test of hiding animation
1.36 +<button onclick="this.parentNode.classList.add('hide')">Click me to hide</button>
1.37 +</section>
1.38 +
1.39 +<script>
1.40 +var kNumIterations = 5;
1.41 +var currentIteration = 0;
1.42 +var inrval;
1.43 +
1.44 +function doe() {
1.45 + if (++currentIteration >= kNumIterations) {
1.46 + clearInterval(inrval);
1.47 + document.documentElement.removeAttribute('class');
1.48 + } else {
1.49 + document.getElementById('details').classList.toggle('hide');
1.50 + }
1.51 +}
1.52 +document.addEventListener("MozReftestInvalidate", function(){ inrval = setInterval(doe, 1000); }, false);
1.53 +</script>
1.54 +</body>
1.55 +</html>
