LayoutTests/fast/html/details-mouse-click.html

   1
   2 <head>
   3 <style>
   4 body {
   5     margin: 0px;
   6 }
   7 div {
   8     width:200px;
   9     height:80px;
  10 }
  11 summary {
  12     background-color: red;
  13 }
  14 </style>
  15
  16 <script>
  17
  18 var error = false;
  19
  20 var writeLog = function (msg)
  21 {
  22     var results = document.getElementById('results');
  23     results.innerHTML += msg + '<br>';
  24 };
  25
  26 var clickElement = function (element) {
  27
  28     var detail = document.getElementById("details" + element);
  29     var old = detail.open;
  30
  31     eventSender.mouseDown();
  32     eventSender.mouseUp();
  33
  34     if (old !== detail.open) {
  35         writeLog("details" + element + "'s open attribute is expected to be'" + !old + "' and is.");
  36     } else {
  37         writeLog("details" + element + "'s open attribute is expected to be'" + !old + "' but instead is '" + old + "'.");
  38         error = true;
  39     }
  40 };
  41
  42 var testElement = function (element) {
  43     switch (element) {
  44     case 0:
  45         eventSender.mouseMoveTo(2, 2);
  46         break;
  47     case 1:
  48         eventSender.mouseMoveTo(2, 158);
  49         break;
  50     case 2:
  51         eventSender.mouseMoveTo(2, 162);
  52         break;
  53     case 3:
  54         eventSender.mouseMoveTo(198, 242);
  55         break;
  56     }
  57
  58     clickElement(element);
  59     clickElement(element);
  60 };
  61
  62 var runTests = function () {
  63
  64     if (!window.layoutTestController || !window.eventSender)
  65         return;
  66
  67     layoutTestController.dumpAsText();
  68
  69     testElement(0);
  70     testElement(1);
  71     testElement(2);
  72     testElement(3);
  73
  74     writeLog(error ? "FAIL" : "PASS");
  75 }
  76
  77 </script>
  78
  79 </head>
  80
  81 <body onload="runTests()">
  82
  83 <div style="-webkit-writing-mode:horizontal-tb;">
  84     <details id="details0"><input></details>
  85 </div>
  86
  87 <div style="-webkit-writing-mode:horizontal-bt;">
  88     <details id="details1"><input></details>
  89 </div>
  90
  91 <div style="-webkit-writing-mode:vertical-lr;">
  92     <details id="details2"><input></details>
  93 </div>
  94
  95 <div style="-webkit-writing-mode:vertical-rl;">
  96     <details id="details3"><input></details>
  97 </div>
  98
  99 <div id="results">
 100 </div>
 101
 102 </body>
 103