test_image_selection_2.html (1160B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=758179 5 --> 6 <head> 7 <title>Test for Bug 758179</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 <style> 12 #t1 { width:80px; height:60px; background:yellow; } 13 #t1.chosen #i1 { visibility:hidden; } 14 </style> 15 </head> 16 <body> 17 <div id="t1"> 18 <img id="i1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyAQMAAACQ%2B%2Bz9AAAAA1BMVEUA%2FwA0XsCoAAAAD0lEQVQoFWNgGAWjYGgCAAK8AAEb3eOQAAAAAElFTkSuQmCC"> 19 </div> 20 21 <pre id="test"> 22 <script type="application/javascript"> 23 SimpleTest.waitForExplicitFinish(); 24 var selection = window.getSelection(); 25 var t1 = document.getElementById("t1"); 26 27 function doTest() { 28 t1.addEventListener("mousedown", function() { 29 t1.className = "chosen"; 30 }); 31 t1.addEventListener("mouseup", function() { 32 ok(selection.isCollapsed, "checking that selection is collapsed"); 33 }); 34 synthesizeMouse(t1, 10, 10, {}); 35 SimpleTest.finish(); 36 } 37 38 SimpleTest.waitForFocus(doTest); 39 </script> 40 </pre> 41 </body> 42 </html>