Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 .my-class { | 4 .my-class { |
| 5 min-width: 100px; | 5 min-width: 100px; |
| 6 background-color: red; | 6 background-color: red; |
| 7 } | 7 } |
| 8 </style> | 8 </style> |
| 9 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto r-protocol-test.js"></script> | 9 <script type="text/javascript" src="../../http/tests/inspector-protocol/inspecto r-protocol-test.js"></script> |
| 10 <script type="text/javascript" src="../../http/tests/inspector-protocol/tracing- test.js"></script> | 10 <script type="text/javascript" src="../../http/tests/inspector-protocol/tracing- test.js"></script> |
| 11 <script> | 11 <script> |
| 12 | 12 |
| 13 function performActions(callback) | 13 function performActions() |
| 14 { | 14 { |
| 15 var div = document.querySelector("#myDiv"); | 15 var div = document.querySelector("#myDiv"); |
| 16 div.classList.add("my-class"); | 16 div.classList.add("my-class"); |
| 17 div.offsetWidth; | 17 div.offsetWidth; |
| 18 callback(); | 18 return Promise.resolve(); |
| 19 } | 19 } |
| 20 | 20 |
| 21 function test() | 21 function test() |
| 22 { | 22 { |
| 23 InspectorTest.invokeAsyncWithTracing("performActions", finish); | 23 InspectorTest.invokeAsyncWithTracing("performActions", finish); |
|
caseq
2016/08/05 17:56:42
ditto, evaluate with Timeline
kozy
2016/08/10 01:21:14
Acknowledged.
| |
| 24 | 24 |
| 25 function finish(devtoolsEvents) | 25 function finish(devtoolsEvents) |
| 26 { | 26 { |
| 27 var schedRecalc = InspectorTest.findEvent("ScheduleStyleRecalculation", "I"); | 27 var schedRecalc = InspectorTest.findEvent("ScheduleStyleRecalculation", "I"); |
| 28 var recalcBegin = InspectorTest.findEvent("UpdateLayoutTree", "B"); | 28 var recalcBegin = InspectorTest.findEvent("UpdateLayoutTree", "B"); |
| 29 var recalcEnd = InspectorTest.findEvent("UpdateLayoutTree", "E"); | 29 var recalcEnd = InspectorTest.findEvent("UpdateLayoutTree", "E"); |
| 30 InspectorTest.log("UpdateLayoutTree frames match: " + (schedRecalc.args. data.frame === recalcBegin.args.beginData.frame)); | 30 InspectorTest.log("UpdateLayoutTree frames match: " + (schedRecalc.args. data.frame === recalcBegin.args.beginData.frame)); |
| 31 InspectorTest.log("UpdateLayoutTree elementCount > 0: " + (recalcEnd.arg s.elementCount > 0)); | 31 InspectorTest.log("UpdateLayoutTree elementCount > 0: " + (recalcEnd.arg s.elementCount > 0)); |
| 32 | 32 |
| 33 var invalidate = InspectorTest.findEvent("InvalidateLayout", "I"); | 33 var invalidate = InspectorTest.findEvent("InvalidateLayout", "I"); |
| (...skipping 15 matching lines...) Expand all Loading... | |
| 49 InspectorTest.completeTest(); | 49 InspectorTest.completeTest(); |
| 50 } | 50 } |
| 51 | 51 |
| 52 } | 52 } |
| 53 </script> | 53 </script> |
| 54 </head> | 54 </head> |
| 55 <body onLoad="runTest();"> | 55 <body onLoad="runTest();"> |
| 56 <div id="myDiv">DIV</div> | 56 <div id="myDiv">DIV</div> |
| 57 </body> | 57 </body> |
| 58 </html> | 58 </html> |
| OLD | NEW |