| OLD | NEW |
| 1 <!-- Based on compositing/overflow/text-match-highlight.html --> | 1 <!-- Based on compositing/overflow/text-match-highlight.html --> |
| 2 <!DOCTYPE HTML> | 2 <!DOCTYPE HTML> |
| 3 <script src="resources/paint-invalidation-test.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
| 4 <script> | 4 <script> |
| 5 if (window.testRunner) | |
| 6 testRunner.dumpAsTextWithPixelResults(); | |
| 7 | |
| 8 function highlightRange(id, start, end, active) { | 5 function highlightRange(id, start, end, active) { |
| 9 var range = document.createRange(); | 6 var range = document.createRange(); |
| 10 var elem = document.getElementById(id).firstChild; | 7 var elem = document.getElementById(id).firstChild; |
| 11 range.setStart(elem, start); | 8 range.setStart(elem, start); |
| 12 range.setEnd(elem, end); | 9 range.setEnd(elem, end); |
| 13 internals.addTextMatchMarker(range, active); | 10 internals.addTextMatchMarker(range, active); |
| 14 } | 11 } |
| 15 window.expectedPaintInvalidationObjects = [ | |
| 16 "LayoutText #text", | |
| 17 "InlineTextBox 'findme'", | |
| 18 "LayoutText #text", | |
| 19 "InlineTextBox 'findme'", | |
| 20 "LayoutText #text", | |
| 21 "InlineTextBox 'findme'", | |
| 22 "LayoutText #text", | |
| 23 "InlineTextBox 'findme'", | |
| 24 "LayoutText #text", | |
| 25 "InlineTextBox 'findme'", | |
| 26 "LayoutSVGInlineText #text", | |
| 27 "InlineTextBox 'Can you findme in this boring text?'", | |
| 28 "LayoutSVGInlineText #text", | |
| 29 "InlineTextBox 'Findme in a typewriter!'", | |
| 30 "LayoutSVGInlineText #text", | |
| 31 "InlineTextBox 'Findme on a path! Did you findme?'", | |
| 32 ]; | |
| 33 function paintInvalidationTest() { | 12 function paintInvalidationTest() { |
| 34 highlightRange('1', 0, 6, false); | 13 highlightRange('1', 0, 6, false); |
| 35 highlightRange('2', 0, 6, false); | 14 highlightRange('2', 0, 6, false); |
| 36 highlightRange('3', 0, 6, false); | 15 highlightRange('3', 0, 6, false); |
| 37 highlightRange('4', 0, 6, false); | 16 highlightRange('4', 0, 6, false); |
| 38 highlightRange('5', 0, 6, false); | 17 highlightRange('5', 0, 6, false); |
| 39 highlightRange('svg1', 8, 14, true); | 18 highlightRange('svg1', 8, 14, true); |
| 40 highlightRange('svg2', 0, 6, false); | 19 highlightRange('svg2', 0, 6, false); |
| 41 highlightRange('svg3', 0, 6, false); | 20 highlightRange('svg3', 0, 6, false); |
| 42 highlightRange('svg3', 26, 32, false); | 21 highlightRange('svg3', 26, 32, false); |
| (...skipping 23 matching lines...) Expand all Loading... |
| 66 <text x="10" y="100" style="font-size: 10px; font-family: monospace;" id="sv
g2">Findme in a typewriter!</text> | 45 <text x="10" y="100" style="font-size: 10px; font-family: monospace;" id="sv
g2">Findme in a typewriter!</text> |
| 67 <g transform="scale(0.3) translate(0 400)"> | 46 <g transform="scale(0.3) translate(0 400)"> |
| 68 <text font-family="Verdana" font-size="42.5" fill="blue" > | 47 <text font-family="Verdana" font-size="42.5" fill="blue" > |
| 69 <textPath xlink:href="#textpath" id="svg3">Findme on a path! Did you fin
dme?</textPath> | 48 <textPath xlink:href="#textpath" id="svg3">Findme on a path! Did you fin
dme?</textPath> |
| 70 </text> | 49 </text> |
| 71 </g> | 50 </g> |
| 72 </svg> | 51 </svg> |
| 73 <div style="height: 1000px"></div> | 52 <div style="height: 1000px"></div> |
| 74 </div> | 53 </div> |
| 75 | 54 |
| OLD | NEW |