text-match-svg.html | Explore in Territory

<!DOCTYPE HTML>
<script src="../../../resources/ahem.js"></script>
<script>
  function highlightRange(id, start, end, active) {
    var range = document.createRange();
    var elem = document.getElementById(id).firstChild;
    range.setStart(elem, start);
    range.setEnd(elem, end);
    internals.addTextMatchMarker(range, active);
    internals.setMarkedTextMatchesAreHighlighted(document, true);
  }
  function highlightTest() {
    highlightRange('1', 2, 5, 'kActive');
  }
</script>

<body onload="highlightTest()">
Test for crbug.com/512354
<p>Find In Page: The below text "ndM" from findMe should be highlighted as orange and painted as black</p>
<svg width="300px" height="100px">
  <text id="1" x="0" y="16" style="font-family: Ahem; font-size: 20px; fill:#FF9632;">findMe</text>
</svg>
</body>

chromium/third_party/blink/web_tests/paint/invalidation/svg/text-match-svg.html