layout/generic/test/test_image_selection_2.html

   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 type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
   9   <script type="text/javascript" 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   }, false);
  31   t1.addEventListener("mouseup", function() {
  32     ok(selection.isCollapsed, "checking that selection is collapsed");
  33   }, false);
  34   synthesizeMouse(t1, 10, 10, {});
  35   SimpleTest.finish();
  36 }
  37
  38 SimpleTest.waitForFocus(doTest);
  39 </script>
  40 </pre>
  41 </body>
  42 </html>