Missing cursor/caret showing in search field on google.com
[WebKit-https.git] / LayoutTests / editing / selection / move-by-line-004.html
1 <p>
2     Test that moving the caret with line granularity within the highest
3     editable root works across non-editable content.
4 </p>
5 <pre id="console"></pre>
6 <div contenteditable="true">
7     <div contenteditable="false">
8         <span id="pie" contenteditable="true">apple pie</span>
9     </div>
10     <div contenteditable="false">
11         pineapple
12     </div>
13     <div contenteditable="false">
14         <span id="juice" contenteditable="true">apple juice</span>
15     </div>
16 </div>
17 <script>
18     function log(message)
19     {
20         document.getElementById("console").appendChild(document.createTextNode(message + "\n"));
21     }
22
23     if (window.testRunner)
24         testRunner.dumpAsText();
25
26     var fail = false;
27     var pie = document.getElementById("pie");
28     var juice = document.getElementById("juice");
29
30     var sel = getSelection();
31     sel.setPosition(pie.firstChild, 3);
32     sel.modify("move", "forward", "line");
33
34     if (sel.anchorNode !== juice.firstChild || sel.anchorOffset != 3) {
35         log("FAIL: Did not move to the next line");
36         fail = true;
37     }
38
39     sel.setPosition(juice.firstChild, 3);
40     sel.modify("move", "backward", "line");
41
42     if (sel.anchorNode !== pie.firstChild || sel.anchorOffset != 3) {
43         log("FAIL: Did not move to the previous line");
44         fail = true;
45     }
46
47     if (!fail)
48         log("PASS");
49 </script>