Convert some layout tests to text-based-repaint tests

LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html

Index: LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html
diff --git a/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html b/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html
index 480269643d94ecad59d02ff2a15f86cb02c897ff..f52a0a25450cc0e800d14e1aa8ded115de1454fb 100644
--- a/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html
+++ b/LayoutTests/compositing/repaint/clipping-should-not-repaint-composited-descendants.html
@@ -35,34 +35,18 @@
         clip: rect(100px, 200px, 200px, 100px);
     }
 </style>
-<script src="../../resources/run-after-display.js"></script>
+<script src="../../fast/repaint/resources/text-based-repaint.js"></script>
 <script>
     var alt1 = document.getElementById('alt1');
     var alt2 = document.getElementById('alt2');
     alt2.disabled = true;
 
-    function toggle() {
-        if (alt1.disabled) {
-            alt1.disabled = false;
-            alt2.disabled = true;
-        } else {
-            alt2.disabled = false;
-            alt1.disabled = true;
-        }
+    function repaintTest() {
+        alt2.disabled = false;
+        alt1.disabled = true;
     }
 
-    function doTest() {
-        internals.startTrackingRepaints(document);
-        toggle();
-        document.getElementById("console").textContent = internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
-        testRunner.notifyDone();
-    }
-
-    if (window.testRunner && window.internals) {
-      testRunner.dumpAsText();
-      testRunner.waitUntilDone();
-      runAfterDisplay(doTest);
-    }
+    runRepaintTest();
 </script>
 
 <div class="spacer">
@@ -75,4 +59,3 @@
         <div class="clipped-composited-child"></div>
     </div>
 </div>
-<pre id="console"></pre>