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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations.html

Issue 731293006: Implement style invalidation tracking (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: More tests Created 6 years 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 side-by-side diff with in-line comments
Download patch
« LayoutTests/inspector/tracing/timeline-paint-and-multiple-style-invalidations.html ('K') | « LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types-expected.txt ('k') | LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations-expected.txt » ('j') | Source/devtools/front_end/timeline/TimelineModel.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations.html
diff --git a/LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations.html b/LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations.html
index 261ef86b1df6c9456fae523d7c30d23a3bd68b8d..cdd439c419610d39da4ba7f5e51bb0240cf8bd7b 100644
--- a/LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations.html
+++ b/LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations.html
@@ -67,16 +67,7 @@ function test()
{
InspectorTest.invokeAsyncWithTimeline("changeStylesAndDisplay", function() {
var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles);
- var invalidations = record._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(invalidations.length, 2);
- InspectorTest.assertEquals(invalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(invalidations[0].nodeName, "DIV id='testElementOne' class='red'");
- InspectorTest.assertEquals(invalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(invalidations[0].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(invalidations[1].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(invalidations[1].nodeName, "DIV id='testElementTwo' class='red'");
- InspectorTest.assertEquals(invalidations[1].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(invalidations[1].cause.stackTrace.length, 1);
+ InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "first recalculate styles");
next();
});
},
@@ -85,40 +76,13 @@ function test()
{
InspectorTest.invokeAsyncWithTimeline("changeMultipleStylesAndDisplay", function() {
var firstRecord = InspectorTest.findTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles, 0);
- var firstInvalidations = firstRecord._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(firstInvalidations.length, 1);
- InspectorTest.assertEquals(firstInvalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(firstInvalidations[0].nodeName, "DIV id='testElementOne' class='green'");
- InspectorTest.assertEquals(firstInvalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(firstInvalidations[0].cause.stackTrace.length, 1);
+ InspectorTest.addArray(firstRecord._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "first recalculate styles");
var secondRecord = InspectorTest.findTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles, 1);
- var secondInvalidations = secondRecord._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(secondInvalidations.length, 2);
- InspectorTest.assertEquals(secondInvalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(secondInvalidations[0].nodeName, "DIV id='testElementOne' class='blue'");
- InspectorTest.assertEquals(secondInvalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(secondInvalidations[0].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(secondInvalidations[1].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(secondInvalidations[1].nodeName, "DIV id='testElementTwo' class='blue'");
- InspectorTest.assertEquals(secondInvalidations[1].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(secondInvalidations[1].cause.stackTrace.length, 1);
+ InspectorTest.addArray(secondRecord._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "second recalculate styles");
var thirdRecord = InspectorTest.findTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles, 2);
- var thirdInvalidations = thirdRecord._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(thirdInvalidations.length, 3);
- InspectorTest.assertEquals(thirdInvalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(thirdInvalidations[0].nodeName, "DIV id='testElementOne' class='snow'");
- InspectorTest.assertEquals(thirdInvalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(thirdInvalidations[0].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(thirdInvalidations[1].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(thirdInvalidations[1].nodeName, "DIV id='testElementTwo' class='snow'");
- InspectorTest.assertEquals(thirdInvalidations[1].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(thirdInvalidations[1].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(thirdInvalidations[2].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(thirdInvalidations[2].nodeName, "DIV id='testElementThree' class='snow'");
- InspectorTest.assertEquals(thirdInvalidations[2].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(thirdInvalidations[2].cause.stackTrace.length, 1);
+ InspectorTest.addArray(thirdRecord._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "third recalculate styles");
next();
});
},
@@ -127,40 +91,13 @@ function test()
{
InspectorTest.invokeAsyncWithTimeline("changeMultipleSubframeStylesAndDisplay", function() {
var firstRecord = InspectorTest.findTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles, 0);
- var firstInvalidations = firstRecord._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(firstInvalidations.length, 1);
- InspectorTest.assertEquals(firstInvalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(firstInvalidations[0].nodeName, "DIV id='testElementOne' class='green'");
- InspectorTest.assertEquals(firstInvalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(firstInvalidations[0].cause.stackTrace.length, 1);
+ InspectorTest.addArray(firstRecord._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "first recalculate styles");
var secondRecord = InspectorTest.findTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles, 1);
- var secondInvalidations = secondRecord._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(secondInvalidations.length, 2);
- InspectorTest.assertEquals(secondInvalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(secondInvalidations[0].nodeName, "DIV id='testElementOne' class='blue'");
- InspectorTest.assertEquals(secondInvalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(secondInvalidations[0].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(secondInvalidations[1].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(secondInvalidations[1].nodeName, "DIV id='testElementTwo' class='blue'");
- InspectorTest.assertEquals(secondInvalidations[1].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(secondInvalidations[1].cause.stackTrace.length, 1);
+ InspectorTest.addArray(secondRecord._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "second recalculate styles");
var thirdRecord = InspectorTest.findTimelineRecord(WebInspector.TimelineModel.RecordType.RecalculateStyles, 2);
- var thirdInvalidations = thirdRecord._event.invalidationTrackingEvents;
- InspectorTest.assertEquals(thirdInvalidations.length, 3);
- InspectorTest.assertEquals(thirdInvalidations[0].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(thirdInvalidations[0].nodeName, "DIV id='testElementOne' class='snow'");
- InspectorTest.assertEquals(thirdInvalidations[0].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(thirdInvalidations[0].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(thirdInvalidations[1].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(thirdInvalidations[1].nodeName, "DIV id='testElementTwo' class='snow'");
- InspectorTest.assertEquals(thirdInvalidations[1].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(thirdInvalidations[1].cause.stackTrace.length, 1);
- InspectorTest.assertEquals(thirdInvalidations[2].type, WebInspector.TimelineModel.RecordType.StyleRecalcInvalidationTracking);
- InspectorTest.assertEquals(thirdInvalidations[2].nodeName, "DIV id='testElementThree' class='snow'");
- InspectorTest.assertEquals(thirdInvalidations[2].cause.reason, "StyleInvalidator");
- InspectorTest.assertGreaterOrEqual(thirdInvalidations[2].cause.stackTrace.length, 1);
+ InspectorTest.addArray(thirdRecord._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "third recalculate styles");
next();
});
}
@@ -173,7 +110,6 @@ function test()
.testHolder > .blue { background-color: blue; }
.testHolder > .snow { background-color: snow; }
</style>
-</style>
</head>
<body onload="runTest()">
<p>Tests the Timeline API instrumentation of style recalc events with invalidations.</p>
« LayoutTests/inspector/tracing/timeline-paint-and-multiple-style-invalidations.html ('K') | « LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types-expected.txt ('k') | LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidator-invalidations-expected.txt » ('j') | Source/devtools/front_end/timeline/TimelineModel.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698