| OLD | NEW |
|---|
| (Empty) | |
| 1 <html> |
| 2 <head> |
| 3 <style> |
| 4 div#img-container { |
| 5 position: relative; |
| 6 width: 99px; |
| 7 height: 99px; |
| 8 overflow: clip; |
| 9 } |
| 10 </style> |
| 11 <script src="../../../http/tests/inspector/inspector-test.js"></script> |
| 12 <script src="../../../http/tests/inspector/timeline-test.js"></script> |
| 13 <script src="../../tracing-test.js"></script> |
| 14 <script> |
| 15 |
| 16 var images = [ |
| 17 ["../resources/test.bmp", "25", "25"], |
| 18 ["../resources/test.gif", "25", "25"], |
| 19 ["../resources/test.ico", "25", "25"], |
| 20 ["../resources/test.jpg", "25", "25"], |
| 21 ["../resources/test.png", "25", "25"], |
| 22 ["../resources/test.webp", "25", "25"], |
| 23 ["../resources/big.png", "150", "150"] |
| 24 ]; |
| 25 |
| 26 function showImages(callback) |
| 27 { |
| 28 var nextImageIndex = 0; |
| 29 var imgElement = document.getElementById("img-container").firstElementChild; |
| 30 |
| 31 imgElement.addEventListener("load", imageLoaded); |
| 32 addImages(); |
| 33 |
| 34 function addImages() |
| 35 { |
| 36 if (nextImageIndex >= images.length) { |
| 37 imgElement.removeEventListener("load", imageLoaded); |
| 38 callback(); |
| 39 return; |
| 40 } |
| 41 |
| 42 var image = images[nextImageIndex++]; |
| 43 |
| 44 imgElement.width = image[1]; |
| 45 imgElement.height = image[2]; |
| 46 imgElement.src = image[0]; |
| 47 } |
| 48 |
| 49 function imageLoaded() |
| 50 { |
| 51 requestAnimationFrame(function() { testRunner.displayAsyncThen(addImages
); } ); |
| 52 } |
| 53 } |
| 54 |
| 55 |
| 56 function test() |
| 57 { |
| 58 var imageCount = 0; |
| 59 |
| 60 InspectorTest.invokeWithTracing("-*,devtools,disabled-by-default-devtools.ti
meline*", "showImages", onTracingComplete); |
| 61 function onTracingComplete() |
| 62 { |
| 63 var traceEventBindings = new WebInspector.TimelineTraceEventBindings(); |
| 64 var events = InspectorTest.tracingModel.inspectedTargetEvents(); |
| 65 traceEventBindings.setEvents(events); |
| 66 for (var i = 0; i < events.length; ++i) { |
| 67 var event = events[i]; |
| 68 if (events[i].name !== WebInspector.TimelineTraceEventBindings.Recor
dType.DecodeImage) |
| 69 continue; |
| 70 InspectorTest.addResult("event: " + event.name); |
| 71 InspectorTest.addResult("imageURL: " + InspectorTest.formatters.form
atAsURL(event.imageURL)); |
| 72 InspectorTest.addResult("backendNodeId: " + (event.backendNodeId > 0
? "present" : "absent")); |
| 73 } |
| 74 InspectorTest.completeTest(); |
| 75 } |
| 76 } |
| 77 |
| 78 </script> |
| 79 </head> |
| 80 |
| 81 <body onload="runTest()"> |
| 82 <p> |
| 83 Tests the instrumentation of a DecodeImage and ResizeImage events |
| 84 </p> |
| 85 <div id="img-container"><img></div> |
| 86 </body> |
| 87 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 308123008:
DevTools: added support for image url & node in tracing-based timeline (Closed)
Base URL: svn://svn.chromium.org/blink/trunk