test_bug435293-interaction.html (1173B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=435293 5 --> 6 <head> 7 <title>Test for Bug 435293</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: skew(30deg, 60deg) scale(2, 5) rotate(45deg) translate(2%, 50px); 18 transform-origin: 100% 50%; 19 } 20 </style> 21 </head> 22 <body> 23 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=435293">Mozilla Bug 435293</a> 24 <div id="content"> 25 <div id="test1" onclick="testFinish();"> 26 test 27 </div> 28 29 <pre id="test"> 30 <script type="application/javascript"> 31 SimpleTest.waitForExplicitFinish(); 32 SimpleTest.requestFlakyTimeout("untriaged"); 33 runtests(); 34 35 function runtests() { 36 function doClick() { 37 sendMouseEvent({type: 'click'}, 'test1'); 38 } 39 setTimeout(doClick, 300); 40 } 41 42 function testFinish(){ 43 ok(1, "We can still interact with the item after it is transformed"); 44 SimpleTest.finish(); 45 } 46 </script> 47 </pre> 48 </body> 49 </html>