OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <title>Test for selection with collapsed whitespace</title> |
| 3 <body> |
| 4 This test checks that characters can be selected correctly with collapsed whites
pace. |
| 5 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k" width="300" height="300"> |
| 6 <text id="text1" x="20" y="20"> happy debugging !!</text> |
| 7 <text id="text2" x="20" y="40"> <tspan id="tspan1" style="font-weight: bol
d;">happy</tspan> debugging !!</text> |
| 8 <text id="text3" x="20" y="80"> <tspan id="tspan2" style="font-size: 25px;
">happy</tspan> debugging !!</text> |
| 9 <text id="text4" x="20" y="230" fill="black" transform="scale(0.5)" font-size=
"40"> happy debugging !!</text> |
| 10 </svg> |
| 11 <script src="../../resources/js-test.js"></script> |
| 12 <script src="resources/SelectionTestCase.js"></script> |
| 13 <script type="text/javascript"> |
| 14 var range; |
| 15 function runTest() { |
| 16 |
| 17 if (!window.testRunner) |
| 18 return; |
| 19 |
| 20 selectText('text1', 0, 3); |
| 21 verify("5", "9"); |
| 22 |
| 23 selectText('text1', 0, 8); |
| 24 verify("5", "24"); |
| 25 |
| 26 selectText('text1', 4, 9); |
| 27 verify("9", "25"); |
| 28 |
| 29 selectText('text2', 0, 3); |
| 30 verify("0", "4"); |
| 31 |
| 32 selectText('text2', 0, 8); |
| 33 verify("0", "14"); |
| 34 |
| 35 selectText('text2', 3, 9); |
| 36 verify("3", "15"); |
| 37 |
| 38 selectText('text3', 0, 3); |
| 39 verify("0", "4"); |
| 40 |
| 41 selectText('text3', 0, 10); |
| 42 verify("0", "15"); |
| 43 |
| 44 selectText('text3', 2, 14); |
| 45 verify("2", "19"); |
| 46 |
| 47 selectText('text4', 0, 3); |
| 48 verify("5", "9"); |
| 49 |
| 50 selectText('text4', 0, 8); |
| 51 verify("5", "24"); |
| 52 |
| 53 selectText('text4', 6, 11); |
| 54 verify("21", "27") |
| 55 } |
| 56 |
| 57 function verify(start, end) { |
| 58 range = window.getSelection().getRangeAt(0); |
| 59 shouldBe("range.startOffset", start); |
| 60 shouldBe("range.endOffset", end); |
| 61 if (window.eventSender) { |
| 62 eventSender.mouseMoveTo(0,0); |
| 63 eventSender.mouseDown(); |
| 64 eventSender.mouseUp(); |
| 65 } |
| 66 } |
| 67 |
| 68 function selectText(id, start, end) { |
| 69 var element = document.getElementById(id); |
| 70 var startPos = element.getStartPositionOfChar(start); |
| 71 var endPos = element.getEndPositionOfChar(end); |
| 72 var absStartPos = toAbsoluteCoordinates(startPos, element); |
| 73 var absEndPos = toAbsoluteCoordinates(endPos, element); |
| 74 if (window.eventSender) { |
| 75 eventSender.mouseMoveTo(absStartPos.x, absStartPos.y); |
| 76 eventSender.mouseDown(); |
| 77 eventSender.mouseMoveTo(absEndPos.x, absEndPos.y); |
| 78 eventSender.mouseUp(); |
| 79 } |
| 80 } |
| 81 |
| 82 runTest(); |
| 83 </script> |
OLD | NEW |