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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1896793002: Rename (updateLayout/updateStyle).*.() to updateStyleAndLayout.*.() (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 months 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
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidations.html ('k') | third_party/WebKit/LayoutTests/media/track/cue-style-invalidation.html » ('j') | third_party/WebKit/Source/core/testing/Internals.idl » ('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 changeStylesAndDisplay(callback) 7 function changeStylesAndDisplay(callback)
8 { 8 {
9 requestAnimationFrame(function() { 9 requestAnimationFrame(function() {
10 document.getElementById("testElementOne").className = "red"; 10 document.getElementById("testElementOne").className = "red";
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
59 function test() 59 function test()
60 { 60 {
61 var currentPanel = WebInspector.inspectorView.currentPanel(); 61 var currentPanel = WebInspector.inspectorView.currentPanel();
62 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline."); 62 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline.");
63 Runtime.experiments.enableForTest("timelineInvalidationTracking"); 63 Runtime.experiments.enableForTest("timelineInvalidationTracking");
64 64
65 InspectorTest.runTestSuite([ 65 InspectorTest.runTestSuite([
66 function testLocalFrame(next) 66 function testLocalFrame(next)
67 { 67 {
68 InspectorTest.invokeAsyncWithTimeline("changeStylesAndDisplay", func tion() { 68 InspectorTest.invokeAsyncWithTimeline("changeStylesAndDisplay", func tion() {
69 var record = InspectorTest.findFirstTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateLayoutTree); 69 var record = InspectorTest.findFirstTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateStyleAndLayoutTree);
70 InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "first recalculate styles"); 70 InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters, "", "first recalculate styles");
71 next(); 71 next();
72 }); 72 });
73 }, 73 },
74 74
75 function multipleStyleRecalcs(next) 75 function multipleStyleRecalcs(next)
76 { 76 {
77 InspectorTest.invokeAsyncWithTimeline("changeMultipleStylesAndDispla y", function() { 77 InspectorTest.invokeAsyncWithTimeline("changeMultipleStylesAndDispla y", function() {
78 var firstRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateLayoutTree, 0); 78 var firstRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateStyleAndLayoutTree, 0);
79 InspectorTest.addArray(firstRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "first recalculate styles"); 79 InspectorTest.addArray(firstRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "first recalculate styles");
80 80
81 var secondRecord = InspectorTest.findTimelineRecord(WebInspector .TimelineModel.RecordType.UpdateLayoutTree, 1); 81 var secondRecord = InspectorTest.findTimelineRecord(WebInspector .TimelineModel.RecordType.UpdateStyleAndLayoutTree, 1);
82 InspectorTest.addArray(secondRecord._event.invalidationTrackingE vents, InspectorTest.InvalidationFormatters, "", "second recalculate styles"); 82 InspectorTest.addArray(secondRecord._event.invalidationTrackingE vents, InspectorTest.InvalidationFormatters, "", "second recalculate styles");
83 83
84 var thirdRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateLayoutTree, 2); 84 var thirdRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateStyleAndLayoutTree, 2);
85 InspectorTest.addArray(thirdRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "third recalculate styles"); 85 InspectorTest.addArray(thirdRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "third recalculate styles");
86 next(); 86 next();
87 }); 87 });
88 }, 88 },
89 89
90 function testSubframe(next) 90 function testSubframe(next)
91 { 91 {
92 InspectorTest.invokeAsyncWithTimeline("changeMultipleSubframeStylesA ndDisplay", function() { 92 InspectorTest.invokeAsyncWithTimeline("changeMultipleSubframeStylesA ndDisplay", function() {
93 var firstRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateLayoutTree, 0); 93 var firstRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateStyleAndLayoutTree, 0);
94 InspectorTest.addArray(firstRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "first recalculate styles"); 94 InspectorTest.addArray(firstRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "first recalculate styles");
95 95
96 var secondRecord = InspectorTest.findTimelineRecord(WebInspector .TimelineModel.RecordType.UpdateLayoutTree, 1); 96 var secondRecord = InspectorTest.findTimelineRecord(WebInspector .TimelineModel.RecordType.UpdateStyleAndLayoutTree, 1);
97 InspectorTest.addArray(secondRecord._event.invalidationTrackingE vents, InspectorTest.InvalidationFormatters, "", "second recalculate styles"); 97 InspectorTest.addArray(secondRecord._event.invalidationTrackingE vents, InspectorTest.InvalidationFormatters, "", "second recalculate styles");
98 98
99 var thirdRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateLayoutTree, 2); 99 var thirdRecord = InspectorTest.findTimelineRecord(WebInspector. TimelineModel.RecordType.UpdateStyleAndLayoutTree, 2);
100 InspectorTest.addArray(thirdRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "third recalculate styles"); 100 InspectorTest.addArray(thirdRecord._event.invalidationTrackingEv ents, InspectorTest.InvalidationFormatters, "", "third recalculate styles");
101 next(); 101 next();
102 }); 102 });
103 } 103 }
104 ]); 104 ]);
105 } 105 }
106 </script> 106 </script>
107 <style> 107 <style>
108 .testHolder > .red { background-color: red; } 108 .testHolder > .red { background-color: red; }
109 .testHolder > .green { background-color: green; } 109 .testHolder > .green { background-color: green; }
110 .testHolder > .blue { background-color: blue; } 110 .testHolder > .blue { background-color: blue; }
111 .testHolder > .snow { background-color: snow; } 111 .testHolder > .snow { background-color: snow; }
112 .testHolder > .red .dummy { } 112 .testHolder > .red .dummy { }
113 .testHolder > .green .dummy { } 113 .testHolder > .green .dummy { }
114 .testHolder > .blue .dummy { } 114 .testHolder > .blue .dummy { }
115 .testHolder > .snow .dummy { } 115 .testHolder > .snow .dummy { }
116 </style> 116 </style>
117 </head> 117 </head>
118 <body onload="runTest()"> 118 <body onload="runTest()">
119 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p> 119 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p>
120 <div class="testHolder"> 120 <div class="testHolder">
121 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div> 121 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div>
122 </div> 122 </div>
123 <iframe src="resources/timeline-iframe-with-style.html" style="position: absolut e; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe> 123 <iframe src="resources/timeline-iframe-with-style.html" style="position: absolut e; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe>
124 </body> 124 </body>
125 </html> 125 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-with-invalidations.html ('k') | third_party/WebKit/LayoutTests/media/track/cue-style-invalidation.html » ('j') | third_party/WebKit/Source/core/testing/Internals.idl » ('J')

Powered by Google App Engine
This is Rietveld 408576698