| 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 display(callback) |   7 function display(callback) | 
|   8 { |   8 { | 
|   9     requestAnimationFrame(function() { |   9     requestAnimationFrame(function() { | 
|  10         document.body.style.backgroundColor = "blue"; |  10         document.body.style.backgroundColor = "blue"; | 
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  45                 InspectorTest.assertEquals(invalidations[0].type, WebInspector.T
    racingTimelineModel.RecordType.StyleRecalcInvalidationTracking); |  45                 InspectorTest.assertEquals(invalidations[0].type, WebInspector.T
    racingTimelineModel.RecordType.StyleRecalcInvalidationTracking); | 
|  46                 InspectorTest.assertEquals(invalidations[0].nodeName, "BODY"); |  46                 InspectorTest.assertEquals(invalidations[0].nodeName, "BODY"); | 
|  47                 InspectorTest.assertEquals(invalidations[1].type, WebInspector.T
    racingTimelineModel.RecordType.StyleRecalcInvalidationTracking); |  47                 InspectorTest.assertEquals(invalidations[1].type, WebInspector.T
    racingTimelineModel.RecordType.StyleRecalcInvalidationTracking); | 
|  48                 InspectorTest.assertEquals(invalidations[1].nodeName, "DIV id='t
    estElement'"); |  48                 InspectorTest.assertEquals(invalidations[1].nodeName, "DIV id='t
    estElement'"); | 
|  49                 InspectorTest.assertEquals(invalidations[2].type, WebInspector.T
    racingTimelineModel.RecordType.LayoutInvalidationTracking); |  49                 InspectorTest.assertEquals(invalidations[2].type, WebInspector.T
    racingTimelineModel.RecordType.LayoutInvalidationTracking); | 
|  50                 InspectorTest.assertEquals(invalidations[2].nodeName, "DIV id='t
    estElement'"); |  50                 InspectorTest.assertEquals(invalidations[2].nodeName, "DIV id='t
    estElement'"); | 
|  51                 InspectorTest.assertGreaterOrEqual(invalidations[2].stackTrace.l
    ength, 1); |  51                 InspectorTest.assertGreaterOrEqual(invalidations[2].stackTrace.l
    ength, 1); | 
|  52                 InspectorTest.assertEquals(invalidations[3].type, WebInspector.T
    racingTimelineModel.RecordType.LayoutInvalidationTracking); |  52                 InspectorTest.assertEquals(invalidations[3].type, WebInspector.T
    racingTimelineModel.RecordType.LayoutInvalidationTracking); | 
|  53                 InspectorTest.assertEquals(invalidations[3].nodeName, "DIV id='t
    estElement'"); |  53                 InspectorTest.assertEquals(invalidations[3].nodeName, "DIV id='t
    estElement'"); | 
|  54                 InspectorTest.assertGreaterOrEqual(invalidations[3].stackTrace.l
    ength, 1); |  54                 InspectorTest.assertGreaterOrEqual(invalidations[3].stackTrace.l
    ength, 1); | 
|  55                 InspectorTest.invokeAsyncWithTimeline("updateSubframeAndDisplay"
    , next); |  55  | 
 |  56                 next(); | 
|  56             }); |  57             }); | 
|  57         }, |  58         }, | 
|  58  |  59  | 
|  59         function testSubframe(next) |  60         function testSubframe(next) | 
|  60         { |  61         { | 
|  61             // The first paint corresponds to the local frame and should have no
     invalidations. |  62             InspectorTest.invokeAsyncWithTimeline("updateSubframeAndDisplay", fu
    nction() { | 
|  62             var firstPaintRecord = InspectorTest.findFirstTimelineRecord(WebInsp
    ector.TimelineModel.RecordType.Paint); |  63                 // The first paint corresponds to the local frame and should hav
    e no invalidations. | 
|  63             var firstInvalidations = firstPaintRecord._event.invalidationTrackin
    gEvents; |  64                 var firstPaintRecord = InspectorTest.findFirstTimelineRecord(Web
    Inspector.TimelineModel.RecordType.Paint); | 
|  64             InspectorTest.assertEquals(firstInvalidations, undefined); |  65                 var firstInvalidations = firstPaintRecord._event.invalidationTra
    ckingEvents; | 
 |  66                 InspectorTest.assertEquals(firstInvalidations, undefined); | 
|  65  |  67  | 
|  66             // The second paint corresponds to the subframe and should have our 
    layout/style invalidations. |  68                 // The second paint corresponds to the subframe and should have 
    our layout/style invalidations. | 
|  67             var secondPaintRecord = InspectorTest.findTimelineRecord(WebInspecto
    r.TimelineModel.RecordType.Paint, 1); |  69                 var secondPaintRecord = InspectorTest.findTimelineRecord(WebInsp
    ector.TimelineModel.RecordType.Paint, 1); | 
|  68             var secondInvalidations = secondPaintRecord._event.invalidationTrack
    ingEvents; |  70                 var secondInvalidations = secondPaintRecord._event.invalidationT
    rackingEvents; | 
|  69             InspectorTest.assertEquals(secondInvalidations.length, 3); |  71                 InspectorTest.assertEquals(secondInvalidations.length, 3); | 
|  70             InspectorTest.assertEquals(secondInvalidations[0].type, WebInspector
    .TracingTimelineModel.RecordType.StyleRecalcInvalidationTracking); |  72                 InspectorTest.assertEquals(secondInvalidations[0].type, WebInspe
    ctor.TracingTimelineModel.RecordType.StyleRecalcInvalidationTracking); | 
|  71             InspectorTest.assertEquals(secondInvalidations[0].nodeName, "DIV"); |  73                 InspectorTest.assertEquals(secondInvalidations[0].nodeName, "DIV
    "); | 
|  72             InspectorTest.assertEquals(secondInvalidations[1].type, WebInspector
    .TracingTimelineModel.RecordType.LayoutInvalidationTracking); |  74                 InspectorTest.assertEquals(secondInvalidations[1].type, WebInspe
    ctor.TracingTimelineModel.RecordType.LayoutInvalidationTracking); | 
|  73             InspectorTest.assertEquals(secondInvalidations[1].nodeName, "DIV"); |  75                 InspectorTest.assertEquals(secondInvalidations[1].nodeName, "DIV
    "); | 
|  74             InspectorTest.assertGreaterOrEqual(secondInvalidations[1].stackTrace
    .length, 1); |  76                 InspectorTest.assertGreaterOrEqual(secondInvalidations[1].stackT
    race.length, 1); | 
|  75             InspectorTest.assertEquals(secondInvalidations[2].type, WebInspector
    .TracingTimelineModel.RecordType.LayoutInvalidationTracking); |  77                 InspectorTest.assertEquals(secondInvalidations[2].type, WebInspe
    ctor.TracingTimelineModel.RecordType.LayoutInvalidationTracking); | 
|  76             InspectorTest.assertEquals(secondInvalidations[2].nodeName, "DIV"); |  78                 InspectorTest.assertEquals(secondInvalidations[2].nodeName, "DIV
    "); | 
|  77             InspectorTest.assertGreaterOrEqual(secondInvalidations[2].stackTrace
    .length, 1); |  79                 InspectorTest.assertGreaterOrEqual(secondInvalidations[2].stackT
    race.length, 1); | 
|  78             next(); |  80  | 
 |  81                 next(); | 
 |  82             }); | 
|  79         } |  83         } | 
|  80     ]); |  84     ]); | 
|  81 } |  85 } | 
|  82 </script> |  86 </script> | 
|  83 </head> |  87 </head> | 
|  84 <body onload="runTest()"> |  88 <body onload="runTest()"> | 
|  85 <p>Tests the Timeline API instrumentation of layout invalidations on a deleted n
    ode.</p> |  89 <p>Tests the Timeline API instrumentation of layout invalidations on a deleted n
    ode.</p> | 
|  86 <div id="testElement">FAIL - this should not be present when the test finishes.<
    /div> |  90 <div id="testElement">FAIL - this should not be present when the test finishes.<
    /div> | 
|  87 <iframe src="resources/timeline-iframe-paint.html" style="position: absolute; le
    ft: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe> |  91 <iframe src="resources/timeline-iframe-paint.html" style="position: absolute; le
    ft: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe> | 
|  88 </body> |  92 </body> | 
|  89 </html> |  93 </html> | 
| OLD | NEW |