1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/style/test/test_transitions_and_zoom.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,49 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<!--
1.7 +https://bugzilla.mozilla.org/show_bug.cgi?id=583219
1.8 +-->
1.9 +<head>
1.10 + <title>Test for Bug 583219</title>
1.11 + <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
1.12 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
1.13 + <style type="text/css">
1.14 +
1.15 + #display {
1.16 + transition: margin-left 1s linear;
1.17 + }
1.18 +
1.19 + </style>
1.20 +</head>
1.21 +<body>
1.22 +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=583219">Mozilla Bug 583219</a>
1.23 +<p id="display"></p>
1.24 +<pre id="test">
1.25 +<script type="application/javascript">
1.26 +
1.27 +/** Test for Bug 583219 **/
1.28 +
1.29 +var p = document.getElementById("display");
1.30 +var cs = getComputedStyle(p, "");
1.31 +cs.marginLeft;
1.32 +
1.33 +p.addEventListener("transitionend", TransitionEndHandler, false);
1.34 +p.style.marginLeft = "100px";
1.35 +cs.marginLeft;
1.36 +
1.37 +SpecialPowers.setFullZoom(window, 2.0)
1.38 +
1.39 +SimpleTest.waitForExplicitFinish();
1.40 +
1.41 +function TransitionEndHandler(event) {
1.42 + ok(true, "transition has completed");
1.43 + is(event.propertyName, "margin-left", "event.propertyName");
1.44 + is(cs.marginLeft, "100px", "value of margin-left");
1.45 + SpecialPowers.setFullZoom(window, 1.0)
1.46 + SimpleTest.finish();
1.47 +}
1.48 +
1.49 +</script>
1.50 +</pre>
1.51 +</body>
1.52 +</html>
