OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 body { margin:0; } | |
4 #pc { overflow:-webkit-paged-y; -webkit-column-gap:0; width:200px; height:12 0px; margin:40px 100px; font:40px/1 Ahem; } | |
Julien - ping for review
2015/03/12 14:13:00
s/pc/pagedContainer/ (it took me 20 seconds to und
mstensho (USE GERRIT)
2015/03/13 09:34:19
Done.
| |
5 | |
6 /* We don't want the log to get too close to the multicol container, or the tests might fail. */ | |
7 #log { position:absolute; top:50%; } | |
8 </style> | |
9 <div id="log"> | |
10 <p id="description"></p> | |
11 <div id="console"></div> | |
12 </div> | |
13 <div id="pc">xxx xxx xxx xxx xxx xxx xxx xxx xxx</div> | |
14 <script src="../../resources/js-test.js"></script> | |
15 <script> | |
16 description("Test that hitting areas outside columns takes us to the right t ext content inside columns."); | |
17 | |
18 // FIXME: We should ideally test above and below every page, but we get bogu s results, | |
19 // thanks to crbug.com/466554 , so avoid testing in the problematic areas. | |
20 | |
21 // Above page 1 | |
22 shouldBe("document.caretRangeFromPoint(50,0).startOffset", "0"); | |
23 shouldBe("document.caretRangeFromPoint(150,0).startOffset", "0"); | |
24 shouldBe("document.caretRangeFromPoint(300,0).startOffset", "0"); | |
25 | |
26 // To the left of page 1 | |
27 shouldBe("document.caretRangeFromPoint(0,20).startOffset", "0"); | |
28 shouldBe("document.caretRangeFromPoint(0,60).startOffset", "0"); | |
29 shouldBe("document.caretRangeFromPoint(0,100).startOffset", "4"); | |
30 shouldBe("document.caretRangeFromPoint(0,140).startOffset", "8"); | |
31 | |
32 // To the right of page 1 | |
33 shouldBe("document.caretRangeFromPoint(400,20).startOffset", "0"); | |
34 shouldBe("document.caretRangeFromPoint(400,60).startOffset", "3"); | |
35 shouldBe("document.caretRangeFromPoint(400,100).startOffset", "7"); | |
36 shouldBe("document.caretRangeFromPoint(400,140).startOffset", "11"); | |
37 | |
38 // Go to page 2 | |
39 document.getElementById("pc").scrollTop = 120; | |
40 | |
41 // To the left of page 2 | |
42 shouldBe("document.caretRangeFromPoint(0,60).startOffset", "12"); | |
43 shouldBe("document.caretRangeFromPoint(0,100).startOffset", "16"); | |
44 shouldBe("document.caretRangeFromPoint(0,140).startOffset", "20"); | |
45 | |
46 // To the right of page 2 | |
47 shouldBe("document.caretRangeFromPoint(400,60).startOffset", "15"); | |
48 shouldBe("document.caretRangeFromPoint(400,100).startOffset", "19"); | |
49 shouldBe("document.caretRangeFromPoint(400,140).startOffset", "23"); | |
50 | |
51 // Go to page 3 | |
52 document.getElementById("pc").scrollTop = 240; | |
53 | |
54 // To the left of page 3 | |
55 shouldBe("document.caretRangeFromPoint(0,60).startOffset", "24"); | |
56 shouldBe("document.caretRangeFromPoint(0,100).startOffset", "28"); | |
57 shouldBe("document.caretRangeFromPoint(0,140).startOffset", "32"); | |
58 | |
59 // To the right of page 3 | |
60 shouldBe("document.caretRangeFromPoint(400,60).startOffset", "27"); | |
61 shouldBe("document.caretRangeFromPoint(400,100).startOffset", "31"); | |
62 shouldBe("document.caretRangeFromPoint(400,140).startOffset", "35"); | |
63 </script> | |
OLD | NEW |