| Index: LayoutTests/inspector/tracing/timeline-layout-deleted-node-invalidations.html
|
| diff --git a/LayoutTests/inspector/tracing/timeline-layout-deleted-node-invalidations.html b/LayoutTests/inspector/tracing/timeline-layout-deleted-node-invalidations.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..2cef7ad85cb69d7711d921a5655fe755be62b25d
|
| --- /dev/null
|
| +++ b/LayoutTests/inspector/tracing/timeline-layout-deleted-node-invalidations.html
|
| @@ -0,0 +1,101 @@
|
| +<!DOCTYPE HTML>
|
| +<html>
|
| +<head>
|
| +<script src="../../http/tests/inspector/inspector-test.js"></script>
|
| +<script src="../../http/tests/inspector/timeline-test.js"></script>
|
| +<script>
|
| +function display(callback)
|
| +{
|
| + requestAnimationFrame(function() {
|
| + document.body.style.backgroundColor = "blue";
|
| + var element = document.getElementById("testElement");
|
| + element.style.width = "100px";
|
| + var forceLayout = document.body.offsetTop;
|
| + element.parentElement.removeChild(element);
|
| + if (window.testRunner)
|
| + testRunner.displayAsyncThen(callback);
|
| + });
|
| +}
|
| +
|
| +function updateSubframeAndDisplay(callback)
|
| +{
|
| + requestAnimationFrame(function() {
|
| + var element = frames[0].document.body.children[0];
|
| + element.style.width = "200px";
|
| + var forceLayout = frames[0].document.body.offsetTop;
|
| + element.parentElement.removeChild(element);
|
| + if (window.testRunner)
|
| + testRunner.displayAsyncThen(callback);
|
| + });
|
| +}
|
| +
|
| +function test()
|
| +{
|
| + var currentPanel = WebInspector.inspectorView.currentPanel();
|
| + InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current panel should be the timeline.");
|
| + Runtime.experiments.enableForTest("timelineInvalidationTracking");
|
| +
|
| + InspectorTest.runTestSuite([
|
| + function testLocalFrame(next)
|
| + {
|
| + InspectorTest.invokeAsyncWithTimeline("display", function() {
|
| + var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.Paint);
|
| + var invalidations = record._event.invalidationTrackingEvents;
|
| + InspectorTest.assertEquals(invalidations.length, 4);
|
| + InspectorTest.assertEquals(invalidations[0].type, WebInspector.TracingTimelineModel.RecordType.StyleRecalcInvalidationTracking);
|
| + InspectorTest.assertEquals(invalidations[0].nodeName, "BODY");
|
| + InspectorTest.assertEquals(invalidations[1].type, WebInspector.TracingTimelineModel.RecordType.StyleRecalcInvalidationTracking);
|
| + InspectorTest.assertEquals(invalidations[1].nodeName, "DIV id='testElement'");
|
| + InspectorTest.assertEquals(invalidations[2].type, WebInspector.TracingTimelineModel.RecordType.LayoutInvalidationTracking);
|
| + InspectorTest.assertEquals(invalidations[2].nodeName, "DIV id='testElement'");
|
| + InspectorTest.assertGreaterOrEqual(invalidations[2].stackTrace.length, 1);
|
| + InspectorTest.assertEquals(invalidations[3].type, WebInspector.TracingTimelineModel.RecordType.LayoutInvalidationTracking);
|
| + InspectorTest.assertEquals(invalidations[3].nodeName, "DIV id='testElement'");
|
| + InspectorTest.assertGreaterOrEqual(invalidations[3].stackTrace.length, 1);
|
| + InspectorTest.invokeAsyncWithTimeline("updateSubframeAndDisplay", next);
|
| + });
|
| + },
|
| +
|
| + function testSubframe(next)
|
| + {
|
| + var firstPaintRecord = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.Paint);
|
| + var secondPaintRecord = undefined;
|
| +
|
| + function findSecondPaint(record)
|
| + {
|
| + if (record.type() !== WebInspector.TimelineModel.RecordType.Paint)
|
| + return false;
|
| + if (record === firstPaintRecord)
|
| + return false;
|
| + secondPaintRecord = record;
|
| + return true;
|
| + }
|
| + InspectorTest.timelineModel().forAllRecords(findSecondPaint);
|
| +
|
| + // The first paint corresponds to the local frame and should have no invalidations.
|
| + var firstInvalidations = firstPaintRecord._event.invalidationTrackingEvents;
|
| + InspectorTest.assertEquals(firstInvalidations, undefined);
|
| +
|
| + // The second paint corresponds to the subframe and should have our layout/style invalidations.
|
| + var secondInvalidations = secondPaintRecord._event.invalidationTrackingEvents;
|
| + InspectorTest.assertEquals(secondInvalidations.length, 3);
|
| + InspectorTest.assertEquals(secondInvalidations[0].type, WebInspector.TracingTimelineModel.RecordType.StyleRecalcInvalidationTracking);
|
| + InspectorTest.assertEquals(secondInvalidations[0].nodeName, "DIV");
|
| + InspectorTest.assertEquals(secondInvalidations[1].type, WebInspector.TracingTimelineModel.RecordType.LayoutInvalidationTracking);
|
| + InspectorTest.assertEquals(secondInvalidations[1].nodeName, "DIV");
|
| + InspectorTest.assertGreaterOrEqual(secondInvalidations[1].stackTrace.length, 1);
|
| + InspectorTest.assertEquals(secondInvalidations[2].type, WebInspector.TracingTimelineModel.RecordType.LayoutInvalidationTracking);
|
| + InspectorTest.assertEquals(secondInvalidations[2].nodeName, "DIV");
|
| + InspectorTest.assertGreaterOrEqual(secondInvalidations[2].stackTrace.length, 1);
|
| + next();
|
| + }
|
| + ]);
|
| +}
|
| +</script>
|
| +</head>
|
| +<body onload="runTest()">
|
| +<p>Tests the Timeline API instrumentation of layout invalidations on a deleted node.</p>
|
| +<div id="testElement">FAIL - this should not be present when the test finishes.</div>
|
| +<iframe src="resources/timeline-iframe-paint.html" style="position: absolute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe>
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 654013003:
Implement invalidation tracking in devtools (Closed)
Base URL: svn://svn.chromium.org/blink/trunk