| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>Range merging with Selection.addRange()</title> |
| 5 <script src="../../resources/js-test.js"></script> |
| 6 </head> |
| 7 <body> |
| 8 <script> |
| 9 description('Selection.addRange() should properly merge intersecting (and don\'t
merge discrete) ranges.'); |
| 10 |
| 11 var selection = window.getSelection(); |
| 12 |
| 13 // Utility functions: |
| 14 function createPosition(container, offset) |
| 15 { |
| 16 return {'container': container, 'offset': offset}; |
| 17 } |
| 18 |
| 19 function createRange(startPosition, endPosition) |
| 20 { |
| 21 var range = new Range(); |
| 22 range.setStart(startPosition.container, startPosition.offset); |
| 23 range.setEnd(endPosition.container, endPosition.offset); |
| 24 return range; |
| 25 } |
| 26 |
| 27 function nodeToString(node) |
| 28 { |
| 29 switch (node.nodeType) { |
| 30 case Node.ELEMENT_NODE: |
| 31 return '[<' + node.tagName + '>: #' + node.id + ']'; |
| 32 case Node.TEXT_NODE: |
| 33 return '[Text: ' + node.data + ']'; |
| 34 default: |
| 35 return node.toString(); |
| 36 } |
| 37 } |
| 38 |
| 39 function positionToString(position) |
| 40 { |
| 41 return '(' + nodeToString(position.container) + ', ' + position.offset + ')'
; |
| 42 } |
| 43 |
| 44 function selectionShouldBe(expectedStartPosition, expectedEndPosition) |
| 45 { |
| 46 var range = selection.getRangeAt(0); |
| 47 var actualStartPosition = createPosition(range.startContainer, range.startOf
fset); |
| 48 var actualEndPosition = createPosition(range.endContainer, range.endOffset); |
| 49 if (actualStartPosition.container === expectedStartPosition.container |
| 50 && actualStartPosition.offset === expectedStartPosition.offset |
| 51 && actualEndPosition.container === expectedEndPosition.container |
| 52 && actualEndPosition.offset === expectedEndPosition.offset) { |
| 53 testPassed('Selection was: start = ' + positionToString(expectedStartPos
ition) + ', end = ' + positionToString(expectedEndPosition)); |
| 54 } else { |
| 55 testFailed('Selection should be: start = ' + positionToString(expectedSt
artPosition) + ', end = ' + positionToString(expectedEndPosition) + '\nbut was:
start = ' + positionToString(actualStartPosition) + ', end = ' + positionToStrin
g(actualEndPosition)); |
| 56 } |
| 57 } |
| 58 |
| 59 function runSingleTest(testFunction, initializePositionsFunction, containerIsEdi
table) |
| 60 { |
| 61 selection.removeAllRanges(); |
| 62 var container = document.createElement('div'); |
| 63 container.id = 'container'; |
| 64 if (containerIsEditable) |
| 65 container.contentEditable = true; |
| 66 document.body.appendChild(container); |
| 67 var positions = initializePositionsFunction(container); |
| 68 debug('Running: ' + testFunction.name + ' (initializePositionsFunction = ' +
initializePositionsFunction.name + ', containerIsEditable = ' + containerIsEdit
able + ')'); |
| 69 testFunction(positions); |
| 70 document.body.removeChild(container); |
| 71 } |
| 72 |
| 73 // Actual tests: |
| 74 |
| 75 // To have better coverage over the possible code paths, each test is parametari
zed over four document positions; |
| 76 // these positions are guaranteed to be ordered in the document order, but each
position may vary in each test run. |
| 77 // |
| 78 // You can assume the selection is cleared before each test run. |
| 79 |
| 80 function testExpandLeftToRight(positions) |
| 81 { |
| 82 selection.addRange(createRange(positions[0], positions[2])); |
| 83 selection.addRange(createRange(positions[1], positions[3])); |
| 84 selectionShouldBe(positions[0], positions[3]); |
| 85 } |
| 86 |
| 87 function testExpandRightToLeft(positions) |
| 88 { |
| 89 selection.addRange(createRange(positions[1], positions[3])); |
| 90 selection.addRange(createRange(positions[0], positions[2])); |
| 91 selectionShouldBe(positions[0], positions[3]); |
| 92 } |
| 93 |
| 94 function testExpandLeftToRightAdjacent(positions) |
| 95 { |
| 96 selection.addRange(createRange(positions[1], positions[2])); |
| 97 selection.addRange(createRange(positions[2], positions[3])); |
| 98 selectionShouldBe(positions[1], positions[3]); |
| 99 } |
| 100 |
| 101 function testExpandRightToLeftAdjacent(positions) |
| 102 { |
| 103 selection.addRange(createRange(positions[1], positions[2])); |
| 104 selection.addRange(createRange(positions[0], positions[1])); |
| 105 selectionShouldBe(positions[0], positions[2]); |
| 106 } |
| 107 |
| 108 function testExpandBothEnds(positions) |
| 109 { |
| 110 selection.addRange(createRange(positions[1], positions[2])); |
| 111 selection.addRange(createRange(positions[0], positions[3])); |
| 112 selectionShouldBe(positions[0], positions[3]); |
| 113 } |
| 114 |
| 115 function testDontExpand(positions) |
| 116 { |
| 117 selection.addRange(createRange(positions[0], positions[3])); |
| 118 selection.addRange(createRange(positions[1], positions[2])); |
| 119 selectionShouldBe(positions[0], positions[3]); |
| 120 } |
| 121 |
| 122 function testAddSameRange(positions) |
| 123 { |
| 124 selection.addRange(createRange(positions[1], positions[2])); |
| 125 selection.addRange(createRange(positions[1], positions[2])); |
| 126 selectionShouldBe(positions[1], positions[2]); |
| 127 } |
| 128 |
| 129 function testRejectDistantRangeAtRight(positions) |
| 130 { |
| 131 selection.addRange(createRange(positions[0], positions[1])); |
| 132 selection.addRange(createRange(positions[2], positions[3])); |
| 133 selectionShouldBe(positions[0], positions[1]); |
| 134 } |
| 135 |
| 136 function testRejectDistantRangeAtLeft(positions) |
| 137 { |
| 138 selection.addRange(createRange(positions[2], positions[3])); |
| 139 selection.addRange(createRange(positions[0], positions[1])); |
| 140 selectionShouldBe(positions[2], positions[3]); |
| 141 } |
| 142 |
| 143 function testRejectDistantCollapsedRangeAtRight(positions) |
| 144 { |
| 145 selection.addRange(createRange(positions[0], positions[1])); |
| 146 selection.addRange(createRange(positions[2], positions[2])); |
| 147 selectionShouldBe(positions[0], positions[1]); |
| 148 } |
| 149 |
| 150 function testRejectDistantCollapsedRangeAtLeft(positions) |
| 151 { |
| 152 selection.addRange(createRange(positions[2], positions[3])); |
| 153 selection.addRange(createRange(positions[1], positions[1])); |
| 154 selectionShouldBe(positions[2], positions[3]); |
| 155 } |
| 156 |
| 157 // Position initializers: |
| 158 |
| 159 // Each initializer function takes an argument |container| which denotes the roo
t element which can be filled with |
| 160 // arbitrary contents. This element is created and added to the document before
each test run, and removed from |
| 161 // the document after each test run. |
| 162 |
| 163 function initializeTextPositions(container) |
| 164 { |
| 165 container.innerHTML = '12345'; |
| 166 var text = container.firstChild; |
| 167 return [createPosition(text, 1), createPosition(text, 2), createPosition(tex
t, 3), createPosition(text, 4)]; |
| 168 } |
| 169 |
| 170 function initializeOuterElementPositions(container) |
| 171 { |
| 172 container.innerHTML = '<span id="a">1</span><span id="b">2</span><span id="c
">3</span><span id="d">4</span><span id="e">5</span>'; |
| 173 return [createPosition(container, 1), createPosition(container, 2), createPo
sition(container, 3), createPosition(container, 4)]; |
| 174 } |
| 175 |
| 176 function initializeInnerElementPositions(container) |
| 177 { |
| 178 container.innerHTML = '<span id="a">1</span><span id="b">2</span><span id="c
">3</span><span id="d">4</span><span id="e">5</span>'; |
| 179 return [createPosition(container.childNodes[1], 0), createPosition(container
.childNodes[2], 0), createPosition(container.childNodes[3], 0), createPosition(c
ontainer.childNodes[4], 0)]; |
| 180 } |
| 181 |
| 182 function initializeVisiblyEquivalentPositionsBeforeNodes(container) |
| 183 { |
| 184 container.innerHTML = '<span id="a"><span id="b"><span id="c"></span></span>
</span>'; |
| 185 return [createPosition(container, 0), createPosition(container.firstChild, 0
), createPosition(container.firstChild.firstChild, 0), createPosition(container.
firstChild.firstChild.firstChild, 0)]; |
| 186 } |
| 187 |
| 188 function initializeVisiblyEquivalentPositionsAfterNodes(container) |
| 189 { |
| 190 container.innerHTML = '<span id="a"><span id="b"><span id="c"></span></span>
</span>'; |
| 191 return [createPosition(container.firstChild.firstChild.firstChild, 0), creat
ePosition(container.firstChild.firstChild, 1), createPosition(container.firstChi
ld, 1), createPosition(container, 1)]; |
| 192 } |
| 193 |
| 194 var tests = [ |
| 195 testExpandLeftToRight, |
| 196 testExpandRightToLeft, |
| 197 testExpandLeftToRightAdjacent, |
| 198 testExpandRightToLeftAdjacent, |
| 199 testExpandBothEnds, |
| 200 testDontExpand, |
| 201 testAddSameRange, |
| 202 testRejectDistantRangeAtRight, |
| 203 testRejectDistantRangeAtLeft, |
| 204 testRejectDistantCollapsedRangeAtRight, |
| 205 testRejectDistantCollapsedRangeAtLeft |
| 206 ]; |
| 207 var positionInitializers = [ |
| 208 initializeTextPositions, |
| 209 initializeOuterElementPositions, |
| 210 initializeInnerElementPositions, |
| 211 initializeVisiblyEquivalentPositionsBeforeNodes, |
| 212 initializeVisiblyEquivalentPositionsAfterNodes |
| 213 ]; |
| 214 |
| 215 tests.forEach(function (testFunction) { |
| 216 positionInitializers.forEach(function (initializePositionsFunction) { |
| 217 [false, true].forEach(function (containerIsEditable) { |
| 218 runSingleTest(testFunction, initializePositionsFunction, containerIs
Editable); |
| 219 }); |
| 220 }); |
| 221 }); |
| 222 </script> |
| 223 </body> |
| 224 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 205903003:
Implement Range-based selection expansion. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk