Convert more tests into text-based-repaint tests

LayoutTests/compositing/layer-creation/compositing-reason-removed.html

Index: LayoutTests/compositing/layer-creation/compositing-reason-removed.html
diff --git a/LayoutTests/compositing/layer-creation/compositing-reason-removed.html b/LayoutTests/compositing/layer-creation/compositing-reason-removed.html
index a25c548206531c9b01df560072c551873c45bcae..c1e5717f025b7c53c0153f0f663bd4b1e1793973 100644
--- a/LayoutTests/compositing/layer-creation/compositing-reason-removed.html
+++ b/LayoutTests/compositing/layer-creation/compositing-reason-removed.html
@@ -13,28 +13,13 @@
   }
 </style>
 
+<script src="../../fast/repaint/resources/text-based-repaint.js"></script>
 <script>
-  if (window.testRunner) {
-    testRunner.dumpAsText();
-  }
-
-  onload = function() {
-    if (!window.internals)
-      return;
-
-    window.internals.startTrackingRepaints(document);
-
+  function repaintTest() {
     // Remove the div's only compositing reason. This should trigger a repaint.
     document.getElementById("square").style.webkitBackfaceVisibility = "visible";
-    document.getElementById("layertree").textContent = window.internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);
-    window.internals.stopTrackingRepaints(document);
-
-    document.getElementById("testResults").style.display = "block";
   }
+  runRepaintTest();
 </script>
 
 <div id="square"></div>
-
-<div id="testResults">
-  <pre id="layertree"></pre>
-</div>