LayoutTests:
[WebKit-https.git] / LayoutTests / editing / selection / click-before-and-after-table.html
1 <style>
2 td {
3     border: 1px solid #aaa;
4 }
5 </style>
6
7 <body style="border: 1px solid red;" contenteditable="true">
8 <table id="table" style="margin: 25px; border:10px solid #ccc; padding: 10px;">
9 <tr><td>cell one</td><td>cell two</td></tr>
10 </table>
11 <ul id="console"></ul>
12 <script>
13 function log(message) {
14     var console = document.getElementById("console");
15     var li = document.createElement("li");
16     var text = document.createTextNode(message);
17     
18     console.appendChild(li);
19     li.appendChild(text);
20 }
21 if (!window.layoutTestController)
22     log("This test uses the eventSender to do mouse clicks.  To run it manually, click after the table, the caret should appear there (and not inside the table).  Then click inside the table.  The caret should appear inside it.");
23 else {
24     window.layoutTestController.dumpAsText();
25     var s, x, y, e, top, bottom, left, right;
26     table = document.getElementById("table");
27     top = table.offsetParent.offsetTop + table.offsetTop;
28     bottom = top + table.offsetHeight;
29     left = table.offsetParent.offsetLeft + table.offsetLeft;
30     right = left + table.offsetWidth;
31     
32     x = right + 5;
33     y = (top + bottom) / 2;
34     eventSender.mouseMoveTo(x, y);
35     eventSender.mouseDown();
36     eventSender.mouseUp();
37     s = window.getSelection();
38     if (s.anchorNode != table || s.anchorOffset != table.childNodes.length)
39         log("Failure: Clicking after the table didn't put the caret after it.");
40     
41     x = right - 5;
42     y = (top + bottom) / 2;
43     eventSender.leapForward(1000);
44     eventSender.mouseMoveTo(x, y);
45     eventSender.mouseDown();
46     eventSender.mouseUp();
47     s = window.getSelection();
48     if (s.anchorNode == table)
49         log("Failure: Clicking inside the table put the caret before or after it.");
50         
51     x = left - 5;
52     y = (top + bottom) / 2;
53     eventSender.leapForward(1000);
54     eventSender.mouseMoveTo(x, y);
55     eventSender.mouseDown();
56     eventSender.mouseUp();
57     s = window.getSelection();
58     if (s.anchorNode != table || s.anchorOffset != 0)
59         log("Failure: Clicking before the table should be the caret before it.");
60         
61     x = left + 5;
62     y = (top + bottom) / 2;
63     eventSender.leapForward(1000);
64     eventSender.mouseMoveTo(x, y);
65     eventSender.mouseDown();
66     eventSender.mouseUp();
67     s = window.getSelection();
68     if (s.anchorNode == table)
69         log("Failure: Clicking inside the table put the caret before or after it.");
70 }
71 </script>
72 </body>