[DevTools] Removed InspectorTest.invokeFunctionInPageAsync

third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-all-invalidator-types.html

Index: third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-all-invalidator-types.html
diff --git a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-all-invalidator-types.html b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-all-invalidator-types.html
index d805373dd845251a182a5692de98c6e0fe1da046..bde7fc7f6a2f263da01a3a5e02344ef13f44e98f 100644
--- a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-all-invalidator-types.html
+++ b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-all-invalidator-types.html
@@ -4,72 +4,53 @@
 <script src="../../../http/tests/inspector/inspector-test.js"></script>
 <script src="../../../http/tests/inspector/timeline-test.js"></script>
 <script>
-function changeClassNameAndDisplay(callback)
+function changeClassNameAndDisplay()
 {
-    requestAnimationFrame(function() {
-        document.getElementById("testElementOne").className = "red";
-        document.getElementById("testElementTwo").className = "red";
-        var forceStyleRecalc = document.body.offsetTop;
-        if (window.testRunner)
-            testRunner.layoutAndPaintAsyncThen(callback);
-    });
+    document.getElementById("testElementOne").className = "red";
+    document.getElementById("testElementTwo").className = "red";
+    var forceStyleRecalc = document.body.offsetTop;
+    return waitForFrame();
 }
 
-function changeIdWithoutStyleChangeAndDisplay(callback)
+function changeIdWithoutStyleChangeAndDisplay()
 {
-    requestAnimationFrame(function() {
-        document.getElementById("testElementOne").id = "testElementNoMatchingStyles1";
-        document.getElementById("testElementTwo").id = "testElementNoMatchingStyles2";
-        var forceStyleRecalc = document.body.offsetTop;
-        if (window.testRunner)
-            testRunner.layoutAndPaintAsyncThen(callback);
-    });
+    document.getElementById("testElementOne").id = "testElementNoMatchingStyles1";
+    document.getElementById("testElementTwo").id = "testElementNoMatchingStyles2";
+    var forceStyleRecalc = document.body.offsetTop;
+    return waitForFrame();
 }
 
-function changeIdAndDisplay(callback)
+function changeIdAndDisplay()
 {
-    requestAnimationFrame(function() {
-        document.getElementById("testElementNoMatchingStyles1").id = "testElementFour";
-        document.getElementById("testElementNoMatchingStyles2").id = "testElementFive";
-        var forceStyleRecalc = document.body.offsetTop;
-        if (window.testRunner)
-            testRunner.layoutAndPaintAsyncThen(callback);
-    });
+    document.getElementById("testElementNoMatchingStyles1").id = "testElementFour";
+    document.getElementById("testElementNoMatchingStyles2").id = "testElementFive";
+    var forceStyleRecalc = document.body.offsetTop;
+    return waitForFrame();
 }
 
-function changeStyleAttributeAndDisplay(callback)
+function changeStyleAttributeAndDisplay()
 {
-    requestAnimationFrame(function() {
-        document.getElementById("testElementFour").setAttribute("style", "color: purple");
-        document.getElementById("testElementFive").setAttribute("style", "color: pink");
-        var forceStyleRecalc = document.body.offsetTop;
-        if (window.testRunner)
-            testRunner.layoutAndPaintAsyncThen(callback);
-    });
+    document.getElementById("testElementFour").setAttribute("style", "color: purple");
+    document.getElementById("testElementFive").setAttribute("style", "color: pink");
+    var forceStyleRecalc = document.body.offsetTop;
+    return waitForFrame();
 }
 
-function changeAttributeAndDisplay(callback)
+function changeAttributeAndDisplay()
 {
-    requestAnimationFrame(function() {
-        document.getElementById("testElementFour").setAttribute("dir", "rtl");
-        document.getElementById("testElementFive").setAttribute("dir", "rtl");
-        var forceStyleRecalc = document.body.offsetTop;
-        if (window.testRunner)
-            testRunner.layoutAndPaintAsyncThen(callback);
-    });
+    document.getElementById("testElementFour").setAttribute("dir", "rtl");
+    document.getElementById("testElementFive").setAttribute("dir", "rtl");
+    var forceStyleRecalc = document.body.offsetTop;
+    return waitForFrame();
 }
 
-function changePseudoAndDisplay(callback)
+function changePseudoAndDisplay()
 {
-    requestAnimationFrame(function() {
-        var element1 = document.getElementById("testElementFour");
-        var element2 = document.getElementById("testElementFive");
-        eventSender.mouseMoveTo(element2.offsetLeft + 2, element2.offsetTop + 2);
-        requestAnimationFrame(function() {
-            var forceStyleRecalc = document.body.offsetTop;
-            if (window.testRunner)
-                testRunner.layoutAndPaintAsyncThen(callback);
-        });
+    var element1 = document.getElementById("testElementFour");
+    var element2 = document.getElementById("testElementFive");
+    eventSender.mouseMoveTo(element2.offsetLeft + 2, element2.offsetTop + 2);
+    return waitForFrame().then(function() {
+        var forceStyleRecalc = document.body.offsetTop;

[caseq, 2016/08/10 22:44:55]

I think this one if wrong -- we should't force recalc after waitForFrame() (or
we should have another one after that)

[kozy, 2016/08/11 01:34:17]

Done.

     });
 }