Invalidate objects when containing block changed

third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.html

Index: third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.html
diff --git a/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.html b/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.html
index 37498dc6b85290d92dafa5ccf0ff39404f7d7272..dd65d4d2225027caa537614ea4be5315d08f1d67 100644
--- a/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.html
+++ b/third_party/WebKit/LayoutTests/compositing/will-change/containing-block-added.html
@@ -21,26 +21,16 @@
       background-color: green
     }
   </style>
-  <script type="text/javascript">
-    if (window.testRunner) {
-      testRunner.waitUntilDone();
-    }
-
-    function doTest()
+  <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
+  <script>
+    function repaintTest()
     {
-      if (window.internals) {
-        window.internals.forceCompositingUpdate(document);
-      }
       // Adding "will-change: -webkit-transform" to the container div should
       // make this div become the containing block for its fixed position
       // descendant.
-      document.getElementById("container").style.willChange = "-webkit-transform";
-      if (window.testRunner) {
-        testRunner.notifyDone();
-      }
+      document.getElementById("container").style.willChange = "transform";
     }
-
-    window.addEventListener('load', doTest, false);
+    onload = runRepaintAndPixelTest;
   </script>
 </head>