Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(79)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidations.html

Issue 715803002: DevTools: merge TracingTimelineModel into TimelineModel (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/inspector/tracing/timeline-paint-with-style-recalc-invalidations.html ('k') | LayoutTests/inspector/tracing/update-layer-tree.html » ('j') | Source/devtools/front_end/timeline/TimelinePanel.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 = "peachpuff"; 10 document.body.style.backgroundColor = "peachpuff";
(...skipping 21 matching lines...) Expand all
32 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline."); 32 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline.");
33 Runtime.experiments.enableForTest("timelineInvalidationTracking"); 33 Runtime.experiments.enableForTest("timelineInvalidationTracking");
34 34
35 InspectorTest.runTestSuite([ 35 InspectorTest.runTestSuite([
36 function testLocalFrame(next) 36 function testLocalFrame(next)
37 { 37 {
38 InspectorTest.invokeAsyncWithTimeline("display", function() { 38 InspectorTest.invokeAsyncWithTimeline("display", function() {
39 var record = InspectorTest.findFirstTimelineRecord(WebInspector. TimelineModel.RecordType.RecalculateStyles); 39 var record = InspectorTest.findFirstTimelineRecord(WebInspector. TimelineModel.RecordType.RecalculateStyles);
40 var invalidations = record._event.invalidationTrackingEvents; 40 var invalidations = record._event.invalidationTrackingEvents;
41 InspectorTest.assertEquals(invalidations.length, 2); 41 InspectorTest.assertEquals(invalidations.length, 2);
42 InspectorTest.assertEquals(invalidations[0].type, WebInspector.T racingTimelineModel.RecordType.StyleRecalcInvalidationTracking); 42 InspectorTest.assertEquals(invalidations[0].type, WebInspector.T imelineModel.RecordType.StyleRecalcInvalidationTracking);
43 InspectorTest.assertEquals(invalidations[0].nodeName, "BODY"); 43 InspectorTest.assertEquals(invalidations[0].nodeName, "BODY");
44 InspectorTest.assertEquals(invalidations[0].reason, "StyleSheetC hange"); 44 InspectorTest.assertEquals(invalidations[0].reason, "StyleSheetC hange");
45 InspectorTest.assertGreaterOrEqual(invalidations[0].stackTrace.l ength, 1); 45 InspectorTest.assertGreaterOrEqual(invalidations[0].stackTrace.l ength, 1);
46 InspectorTest.assertEquals(invalidations[1].type, WebInspector.T racingTimelineModel.RecordType.StyleRecalcInvalidationTracking); 46 InspectorTest.assertEquals(invalidations[1].type, WebInspector.T imelineModel.RecordType.StyleRecalcInvalidationTracking);
47 InspectorTest.assertEquals(invalidations[1].nodeName, "DIV id='t estElement'"); 47 InspectorTest.assertEquals(invalidations[1].nodeName, "DIV id='t estElement'");
48 InspectorTest.assertEquals(invalidations[1].reason, "StyleSheetC hange"); 48 InspectorTest.assertEquals(invalidations[1].reason, "StyleSheetC hange");
49 InspectorTest.assertGreaterOrEqual(invalidations[1].stackTrace.l ength, 1); 49 InspectorTest.assertGreaterOrEqual(invalidations[1].stackTrace.l ength, 1);
50 InspectorTest.invokeAsyncWithTimeline("updateSubframeAndDisplay" , next); 50 InspectorTest.invokeAsyncWithTimeline("updateSubframeAndDisplay" , next);
51 }); 51 });
52 }, 52 },
53 53
54 function testSubframe(next) 54 function testSubframe(next)
55 { 55 {
56 var record = InspectorTest.findFirstTimelineRecord(WebInspector.Time lineModel.RecordType.RecalculateStyles); 56 var record = InspectorTest.findFirstTimelineRecord(WebInspector.Time lineModel.RecordType.RecalculateStyles);
57 57
58 var invalidations = record._event.invalidationTrackingEvents; 58 var invalidations = record._event.invalidationTrackingEvents;
59 InspectorTest.assertEquals(invalidations.length, 2); 59 InspectorTest.assertEquals(invalidations.length, 2);
60 InspectorTest.assertEquals(invalidations[0].type, WebInspector.Traci ngTimelineModel.RecordType.StyleRecalcInvalidationTracking); 60 InspectorTest.assertEquals(invalidations[0].type, WebInspector.Timel ineModel.RecordType.StyleRecalcInvalidationTracking);
61 InspectorTest.assertEquals(invalidations[0].nodeName, "BODY"); 61 InspectorTest.assertEquals(invalidations[0].nodeName, "BODY");
62 InspectorTest.assertEquals(invalidations[0].reason, "StyleSheetChang e"); 62 InspectorTest.assertEquals(invalidations[0].reason, "StyleSheetChang e");
63 InspectorTest.assertGreaterOrEqual(invalidations[0].stackTrace.lengt h, 1); 63 InspectorTest.assertGreaterOrEqual(invalidations[0].stackTrace.lengt h, 1);
64 InspectorTest.assertEquals(invalidations[1].type, WebInspector.Traci ngTimelineModel.RecordType.StyleRecalcInvalidationTracking); 64 InspectorTest.assertEquals(invalidations[1].type, WebInspector.Timel ineModel.RecordType.StyleRecalcInvalidationTracking);
65 InspectorTest.assertEquals(invalidations[1].nodeName, "DIV"); 65 InspectorTest.assertEquals(invalidations[1].nodeName, "DIV");
66 InspectorTest.assertEquals(invalidations[1].reason, "StyleSheetChang e"); 66 InspectorTest.assertEquals(invalidations[1].reason, "StyleSheetChang e");
67 InspectorTest.assertGreaterOrEqual(invalidations[1].stackTrace.lengt h, 1); 67 InspectorTest.assertGreaterOrEqual(invalidations[1].stackTrace.lengt h, 1);
68 next(); 68 next();
69 } 69 }
70 ]); 70 ]);
71 } 71 }
72 </script> 72 </script>
73 </head> 73 </head>
74 <body onload="runTest()"> 74 <body onload="runTest()">
75 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p> 75 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p>
76 <div id="testElement">PASS</div> 76 <div id="testElement">PASS</div>
77 <iframe src="resources/timeline-iframe-paint.html" style="position: absolute; le ft: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe> 77 <iframe src="resources/timeline-iframe-paint.html" style="position: absolute; le ft: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe>
78 </body> 78 </body>
79 </html> 79 </html>
OLDNEW
« no previous file with comments | « LayoutTests/inspector/tracing/timeline-paint-with-style-recalc-invalidations.html ('k') | LayoutTests/inspector/tracing/update-layer-tree.html » ('j') | Source/devtools/front_end/timeline/TimelinePanel.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698