Chromium Code Reviews Chromium Code Reviews
Issue 2208963002:
[DevTools] Removed InspectorTest.invokeFunctionInPageAsync (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@remove-promise-from-other-tests| OLD | NEW |
|---|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../../http/tests/inspector/inspector-test.js"></script> | 4 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 5 <script src="../../../http/tests/inspector/timeline-test.js"></script> | 5 <script src="../../../http/tests/inspector/timeline-test.js"></script> |
| 6 <script> | 6 <script> |
| 7 function changeStylesAndDisplay(callback) | 7 function changeStylesAndDisplay() |
| 8 { | 8 { |
| 9 var callback; | |
| 10 var promise = new Promise((fulfill) => callback = fulfill); | |
| 9 requestAnimationFrame(function() { | 11 requestAnimationFrame(function() { |
| 10 document.getElementById("testElementOne").className = "red"; | 12 document.getElementById("testElementOne").className = "red"; |
| 11 document.getElementById("testElementTwo").className = "red"; | 13 document.getElementById("testElementTwo").className = "red"; |
| 12 var forceStyleRecalc = document.body.offsetTop; | 14 var forceStyleRecalc = document.body.offsetTop; |
| 13 if (window.testRunner) | 15 if (window.testRunner) |
| 14 testRunner.layoutAndPaintAsyncThen(callback); | 16 testRunner.layoutAndPaintAsyncThen(callback); |
| 15 }); | 17 }); |
| 18 return promise; | |
|
caseq
2016/08/05 17:56:43
replace with generateFrames
kozy
2016/08/10 01:21:15
Done.
| |
| 16 } | 19 } |
| 17 | 20 |
| 18 function changeMultipleStylesAndDisplay(callback) | 21 function changeMultipleStylesAndDisplay() |
| 19 { | 22 { |
| 23 var callback; | |
| 24 var promise = new Promise((fulfill) => callback = fulfill); | |
| 20 requestAnimationFrame(function() { | 25 requestAnimationFrame(function() { |
| 21 var elementOne = document.getElementById("testElementOne"); | 26 var elementOne = document.getElementById("testElementOne"); |
| 22 var elementTwo = document.getElementById("testElementTwo"); | 27 var elementTwo = document.getElementById("testElementTwo"); |
| 23 var elementThree = document.getElementById("testElementThree"); | 28 var elementThree = document.getElementById("testElementThree"); |
| 24 elementOne.className = "green"; | 29 elementOne.className = "green"; |
| 25 var forceStyleRecalc1 = document.body.offsetTop; | 30 var forceStyleRecalc1 = document.body.offsetTop; |
| 26 elementOne.className = "blue"; | 31 elementOne.className = "blue"; |
| 27 elementTwo.className = "blue"; | 32 elementTwo.className = "blue"; |
| 28 var forceStyleRecalc2 = document.body.offsetTop; | 33 var forceStyleRecalc2 = document.body.offsetTop; |
| 29 elementOne.className = "snow"; | 34 elementOne.className = "snow"; |
| 30 elementTwo.className = "snow"; | 35 elementTwo.className = "snow"; |
| 31 elementThree.className = "snow"; | 36 elementThree.className = "snow"; |
| 32 var forceStyleRecalc3 = document.body.offsetTop; | 37 var forceStyleRecalc3 = document.body.offsetTop; |
| 33 if (window.testRunner) | 38 if (window.testRunner) |
| 34 testRunner.layoutAndPaintAsyncThen(callback); | 39 testRunner.layoutAndPaintAsyncThen(callback); |
| 35 }); | 40 }); |
| 41 return promise; | |
|
caseq
2016/08/05 17:56:43
ditto
kozy
2016/08/10 01:21:15
Done.
| |
| 36 } | 42 } |
| 37 | 43 |
| 38 function changeMultipleSubframeStylesAndDisplay(callback) | 44 function changeMultipleSubframeStylesAndDisplay() |
| 39 { | 45 { |
| 46 var callback; | |
| 47 var promise = new Promise((fulfill) => callback = fulfill); | |
| 40 requestAnimationFrame(function() { | 48 requestAnimationFrame(function() { |
| 41 var innerDocument = frames[0].document; | 49 var innerDocument = frames[0].document; |
| 42 var elementOne = innerDocument.getElementById("testElementOne"); | 50 var elementOne = innerDocument.getElementById("testElementOne"); |
| 43 var elementTwo = innerDocument.getElementById("testElementTwo"); | 51 var elementTwo = innerDocument.getElementById("testElementTwo"); |
| 44 var elementThree = innerDocument.getElementById("testElementThree"); | 52 var elementThree = innerDocument.getElementById("testElementThree"); |
| 45 elementOne.className = "green"; | 53 elementOne.className = "green"; |
| 46 var forceStyleRecalc1 = innerDocument.body.offsetTop; | 54 var forceStyleRecalc1 = innerDocument.body.offsetTop; |
| 47 elementOne.className = "blue"; | 55 elementOne.className = "blue"; |
| 48 elementTwo.className = "blue"; | 56 elementTwo.className = "blue"; |
| 49 var forceStyleRecalc2 = innerDocument.body.offsetTop; | 57 var forceStyleRecalc2 = innerDocument.body.offsetTop; |
| 50 elementOne.className = "snow"; | 58 elementOne.className = "snow"; |
| 51 elementTwo.className = "snow"; | 59 elementTwo.className = "snow"; |
| 52 elementThree.className = "snow"; | 60 elementThree.className = "snow"; |
| 53 var forceStyleRecalc3 = innerDocument.body.offsetTop; | 61 var forceStyleRecalc3 = innerDocument.body.offsetTop; |
| 54 if (window.testRunner) | 62 if (window.testRunner) |
| 55 testRunner.layoutAndPaintAsyncThen(callback); | 63 testRunner.layoutAndPaintAsyncThen(callback); |
| 56 }); | 64 }); |
| 65 return promise; | |
|
caseq
2016/08/05 17:56:43
ditto
kozy
2016/08/10 01:21:15
Done.
| |
| 57 } | 66 } |
| 58 | 67 |
| 59 function test() | 68 function test() |
| 60 { | 69 { |
| 61 var currentPanel = WebInspector.inspectorView.currentPanel(); | 70 var currentPanel = WebInspector.inspectorView.currentPanel(); |
| 62 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline."); | 71 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline."); |
| 63 Runtime.experiments.enableForTest("timelineInvalidationTracking"); | 72 Runtime.experiments.enableForTest("timelineInvalidationTracking"); |
| 64 | 73 |
| 65 InspectorTest.runTestSuite([ | 74 InspectorTest.runTestSuite([ |
| 66 function testLocalFrame(next) | 75 function testLocalFrame(next) |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 116 </style> | 125 </style> |
| 117 </head> | 126 </head> |
| 118 <body onload="runTest()"> | 127 <body onload="runTest()"> |
| 119 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p> | 128 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p> |
| 120 <div class="testHolder"> | 129 <div class="testHolder"> |
| 121 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div> | 130 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div> |
| 122 </div> | 131 </div> |
| 123 <iframe src="../resources/timeline-iframe-with-style.html" style="position: abso lute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe > | 132 <iframe src="../resources/timeline-iframe-with-style.html" style="position: abso lute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe > |
| 124 </body> | 133 </body> |
| 125 </html> | 134 </html> |
| OLD | NEW |
