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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2208963002: [DevTools] Removed InspectorTest.invokeFunctionInPageAsync (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@remove-promise-from-other-tests
Patch Set: a Created 4 years, 4 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/timeline-style-recalc-with-invalidations-expected.txt ('k') | third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-with-invalidator-invalidations-expected.txt » ('j') | no next file with comments »
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()
8 { 8 {
9 requestAnimationFrame(function() { 9 document.getElementById("testElementOne").className = "red";
10 document.getElementById("testElementOne").className = "red"; 10 document.getElementById("testElementTwo").className = "red";
11 document.getElementById("testElementTwo").className = "red"; 11 var forceStyleRecalc = document.body.offsetTop;
12 var forceStyleRecalc = document.body.offsetTop; 12 return waitForFrame();
13 if (window.testRunner)
14 testRunner.layoutAndPaintAsyncThen(callback);
15 });
16 } 13 }
17 14
18 function changeMultipleStylesAndDisplay(callback) 15 function changeMultipleStylesAndDisplay()
19 { 16 {
20 requestAnimationFrame(function() { 17 var elementOne = document.getElementById("testElementOne");
21 var elementOne = document.getElementById("testElementOne"); 18 var elementTwo = document.getElementById("testElementTwo");
22 var elementTwo = document.getElementById("testElementTwo"); 19 var elementThree = document.getElementById("testElementThree");
23 var elementThree = document.getElementById("testElementThree"); 20 elementOne.className = "green";
24 elementOne.className = "green"; 21 var forceStyleRecalc1 = document.body.offsetTop;
25 var forceStyleRecalc1 = document.body.offsetTop; 22 elementOne.className = "blue";
26 elementOne.className = "blue"; 23 elementTwo.className = "blue";
27 elementTwo.className = "blue"; 24 var forceStyleRecalc2 = document.body.offsetTop;
28 var forceStyleRecalc2 = document.body.offsetTop; 25 elementOne.className = "snow";
29 elementOne.className = "snow"; 26 elementTwo.className = "snow";
30 elementTwo.className = "snow"; 27 elementThree.className = "snow";
31 elementThree.className = "snow"; 28 var forceStyleRecalc3 = document.body.offsetTop;
32 var forceStyleRecalc3 = document.body.offsetTop; 29 return waitForFrame();
33 if (window.testRunner)
34 testRunner.layoutAndPaintAsyncThen(callback);
35 });
36 } 30 }
37 31
38 function changeMultipleSubframeStylesAndDisplay(callback) 32 function changeMultipleSubframeStylesAndDisplay()
39 { 33 {
40 requestAnimationFrame(function() { 34 var innerDocument = frames[0].document;
41 var innerDocument = frames[0].document; 35 var elementOne = innerDocument.getElementById("testElementOne");
42 var elementOne = innerDocument.getElementById("testElementOne"); 36 var elementTwo = innerDocument.getElementById("testElementTwo");
43 var elementTwo = innerDocument.getElementById("testElementTwo"); 37 var elementThree = innerDocument.getElementById("testElementThree");
44 var elementThree = innerDocument.getElementById("testElementThree"); 38 elementOne.className = "green";
45 elementOne.className = "green"; 39 var forceStyleRecalc1 = innerDocument.body.offsetTop;
46 var forceStyleRecalc1 = innerDocument.body.offsetTop; 40 elementOne.className = "blue";
47 elementOne.className = "blue"; 41 elementTwo.className = "blue";
48 elementTwo.className = "blue"; 42 var forceStyleRecalc2 = innerDocument.body.offsetTop;
49 var forceStyleRecalc2 = innerDocument.body.offsetTop; 43 elementOne.className = "snow";
50 elementOne.className = "snow"; 44 elementTwo.className = "snow";
51 elementTwo.className = "snow"; 45 elementThree.className = "snow";
52 elementThree.className = "snow"; 46 var forceStyleRecalc3 = innerDocument.body.offsetTop;
53 var forceStyleRecalc3 = innerDocument.body.offsetTop; 47 return waitForFrame();
54 if (window.testRunner)
55 testRunner.layoutAndPaintAsyncThen(callback);
56 });
57 } 48 }
58 49
59 function test() 50 function test()
60 { 51 {
61 var currentPanel = WebInspector.inspectorView.currentPanel(); 52 var currentPanel = WebInspector.inspectorView.currentPanel();
62 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline."); 53 InspectorTest.assertEquals(currentPanel._panelName, "timeline", "Current pan el should be the timeline.");
63 Runtime.experiments.enableForTest("timelineInvalidationTracking"); 54 Runtime.experiments.enableForTest("timelineInvalidationTracking");
64 55
65 InspectorTest.runTestSuite([ 56 InspectorTest.runTestSuite([
66 function testLocalFrame(next) 57 function testLocalFrame(next)
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
116 </style> 107 </style>
117 </head> 108 </head>
118 <body onload="runTest()"> 109 <body onload="runTest()">
119 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p> 110 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p>
120 <div class="testHolder"> 111 <div class="testHolder">
121 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div> 112 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div>
122 </div> 113 </div>
123 <iframe src="../resources/timeline-iframe-with-style.html" style="position: abso lute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe > 114 <iframe src="../resources/timeline-iframe-with-style.html" style="position: abso lute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe >
124 </body> 115 </body>
125 </html> 116 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-with-invalidations-expected.txt ('k') | third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-with-invalidator-invalidations-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698