Convert svg repaint tests to pixel test only repaint

LayoutTests/svg/carto.net/window.svg

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
         <!ATTLIST svg
                 xmlns:attrib CDATA #IMPLIED
                 xmlns:batik CDATA #IMPLIED
         >
         <!ATTLIST text
                 attrib:buttonText CDATA #IMPLIED
         >
 ]>
 <?AdobeSVGViewer save="snapshot"?>
-<svg width="100%" height="100%" viewBox="0 0 1024 700" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:attrib="http://www.carto.net/attrib" xmlns:batik="http://xml.apache.org/batik/ext" onload="runRepaintTest()">
-        <script type="text/ecmascript" xlink:href="../../fast/repaint/resources/repaint.js"></script>
+<svg width="100%" height="100%" viewBox="0 0 1024 700" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:attrib="http://www.carto.net/attrib" xmlns:batik="http://xml.apache.org/batik/ext" onload="runRepaintAndPixelTest()">
+        <script type="text/ecmascript" xlink:href="../../fast/repaint/resources/text-based-repaint.js"></script>
         <script type="text/ecmascript" xlink:href="resources/helper_functions.js"/>
         <script type="text/ecmascript" xlink:href="resources/mapApp.js"/>
         <script type="text/ecmascript" xlink:href="resources/timer.js"/>
         <script type="text/ecmascript" xlink:href="resources/window.js"/>
         <script type="text/ecmascript"><![CDATA[
         // WebKit modification: do not terminate before all create functions
         // have been called. This call, the notifyDone() below, and all calls
         // to createCalled() were added to prevent a race in which the test may
         // terminate before the final window decoration is added.
         // See <https://bugs.webkit.org/show_bug.cgi?id=21531>.
@@ skipping 180 matching lines @@
     <text id="buttonTextbigWindow" font-family="Arial,Helvetica" fill="dimgray" text-anchor="middle" font-size="11px" attrib:buttonText="Big Window" x="630" y="25" pointer-events="none">Close Big Window</text>
     <use x="780" y="20" xlink:href="#buttonRect" onclick="openCloseWindow('nestedWindow')"/>
     <text id="buttonTextnestedWindow" font-family="Arial,Helvetica" fill="dimgray" text-anchor="middle" font-size="11px" attrib:buttonText="Middlesize Window" x="780" y="25" pointer-events="none">Close Middlesize Window</text>
     <use x="930" y="20" xlink:href="#buttonRect" onclick="openCloseWindow('colourPickerWindow')"/>
     <text id="buttonTextcolourPickerWindow" font-family="Arial,Helvetica" fill="dimgray" text-anchor="middle" font-size="11px" attrib:buttonText="Colour Picker" x="930" y="25" pointer-events="none">Close Colour Picker</text>
     <use x="930" y="50" xlink:href="#buttonRect" onclick="openCloseWindow('smallWindow')"/>
     <text id="buttonTextsmallWindow" font-family="Arial,Helvetica" fill="dimgray" text-anchor="middle" font-size="11px" attrib:buttonText="Small Window" x="930" y="55" pointer-events="none">Close Small Window</text>
     <use x="480" y="50" xlink:href="#buttonRect" onclick="resizeNavWindow()"/>
     <text id="buttonTextResizeNavWindow" font-family="Arial,Helvetica" fill="dimgray" text-anchor="middle" font-size="11px" attrib:buttonText="Resize Navigation Window" x="480" y="55" pointer-events="none">Resize Navigation Window</text>
 </svg>