layout/style/test/test_transitions_bug537151.html

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

michael@0 1 <!DOCTYPE HTML>
michael@0 2 <html>
michael@0 3 <!--
michael@0 4 https://bugzilla.mozilla.org/show_bug.cgi?id=537151
michael@0 5 -->
michael@0 6 <head>
michael@0 7 <title>Test for Bug 537151</title>
michael@0 8 <script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
michael@0 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
michael@0 10 <style type="text/css">
michael@0 11
michael@0 12 #display {
michael@0 13 transition: margin-left 200ms;
michael@0 14 }
michael@0 15
michael@0 16 </style>
michael@0 17 </head>
michael@0 18 <body>
michael@0 19 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=537151">Mozilla Bug 537151</a>
michael@0 20 <p id="display">Paragraph</p>
michael@0 21 <pre id="test">
michael@0 22 <script type="application/javascript">
michael@0 23
michael@0 24 /** Test for Bug 537151 **/
michael@0 25
michael@0 26 SimpleTest.waitForExplicitFinish();
michael@0 27
michael@0 28 var p = document.getElementById("display");
michael@0 29 p.addEventListener("transitionend", listener, false);
michael@0 30 var ignored = getComputedStyle(p, "").marginLeft;
michael@0 31 p.style.marginLeft = "150px";
michael@0 32
michael@0 33 var event_count = 0;
michael@0 34 function listener(event)
michael@0 35 {
michael@0 36 ++event_count;
michael@0 37 setTimeout(finish, 400);
michael@0 38 p.style.color = "blue";
michael@0 39 }
michael@0 40
michael@0 41 function finish()
michael@0 42 {
michael@0 43 is(event_count, 1, "should have gotten only 1 transitionend event");
michael@0 44 SimpleTest.finish();
michael@0 45 }
michael@0 46
michael@0 47 </script>
michael@0 48 </pre>
michael@0 49 </body>
michael@0 50 </html>

mercurial