test_bug677878.html (1382B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=677878 5 --> 6 <head> 7 <title>Test for Bug 677878</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <script src="/tests/SimpleTest/EventUtils.js"></script> 10 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 11 12 <style> 13 #test1 { 14 background: green; 15 height: 100px; 16 width: 100px; 17 transform: scale(20, 20); 18 transform-origin: 0 0%; 19 } 20 </style> 21 </head> 22 <body> 23 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=677878">Mozilla Bug 677878</a> 24 <div id="content"> 25 <div id="test1"> 26 <div id="test2" onclick="testFinish();"> 27 test 28 </div> 29 </div> 30 31 <pre id="test"> 32 <script type="application/javascript"> 33 SimpleTest.waitForExplicitFinish(); 34 SimpleTest.requestFlakyTimeout("untriaged"); 35 runtests(); 36 37 function runtests() { 38 function doClick() { 39 document.getElementById("test2").addEventListener("mousedown", testFinish, true); 40 // Don't target the center because the center could actually be outside the 41 // viewport. 42 synthesizeMouse(document.getElementById("test2"), 10, 10, { type: "mousedown" }) 43 } 44 setTimeout(doClick, 300); 45 } 46 47 function testFinish(event){ 48 ok(true, "We can still interact with the item after it is transformed"); 49 SimpleTest.finish(); 50 } 51 </script> 52 </pre> 53 </body> 54 </html>