third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-with-invalidator-invalidations.html - Issue 2493373002: DevTools: rename WebInspector into modules.

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

Issue 2493373002: DevTools: rename WebInspector into modules. (Closed)

Patch Set: for bots Created 4 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/inspector/tracing/timeline-style/timeline-style-recalc-with-invalidations.html ('k') | third_party/WebKit/LayoutTests/inspector/tracing/timeline-time/timeline-time.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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()	7 function changeStylesAndDisplay()

8 {	8 {

9 document.getElementById("testElementOne").className = "red";	9 document.getElementById("testElementOne").className = "red";

10 document.getElementById("testElementTwo").className = "red";	10 document.getElementById("testElementTwo").className = "red";

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
48 }	48 }

49	49

50 function test()	50 function test()

51 {	51 {

52 Runtime.experiments.enableForTest("timelineInvalidationTracking");	52 Runtime.experiments.enableForTest("timelineInvalidationTracking");

53	53

54 InspectorTest.runTestSuite([	54 InspectorTest.runTestSuite([

55 function testLocalFrame(next)	55 function testLocalFrame(next)

56 {	56 {

57 InspectorTest.invokeAsyncWithTimeline("changeStylesAndDisplay", func tion() {	57 InspectorTest.invokeAsyncWithTimeline("changeStylesAndDisplay", func tion() {

58 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 0, "first recalculate styles");	58 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 0, "first recalculate styles");

59 next();	59 next();

60 });	60 });

61 },	61 },

62	62

63 function multipleStyleRecalcs(next)	63 function multipleStyleRecalcs(next)

64 {	64 {

65 InspectorTest.invokeAsyncWithTimeline("changeMultipleStylesAndDispla y", function() {	65 InspectorTest.invokeAsyncWithTimeline("changeMultipleStylesAndDispla y", function() {

66 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 0, "first recalculate styles");	66 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 0, "first recalculate styles");

67 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 1, "second recalculate styles");	67 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 1, "second recalculate styles");

68 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 2, "third recalculate styles");	68 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 2, "third recalculate styles");

69 next();	69 next();

70 });	70 });

71 },	71 },

72	72

73 function testSubframe(next)	73 function testSubframe(next)

74 {	74 {

75 InspectorTest.invokeAsyncWithTimeline("changeMultipleSubframeStylesA ndDisplay", function() {	75 InspectorTest.invokeAsyncWithTimeline("changeMultipleSubframeStylesA ndDisplay", function() {

76 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 0, "first recalculate styles");	76 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 0, "first recalculate styles");

77 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 1, "second recalculate styles");	77 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 1, "second recalculate styles");

78 InspectorTest.dumpInvalidations(WebInspector.TimelineModel.Recor dType.UpdateLayoutTree, 2, "third recalculate styles");	78 InspectorTest.dumpInvalidations(TimelineModel.TimelineModel.Reco rdType.UpdateLayoutTree, 2, "third recalculate styles");

79 next();	79 next();

80 });	80 });

81 }	81 }

82 ]);	82 ]);

83 }	83 }

84 </script>	84 </script>

85 <style>	85 <style>

86 .testHolder > .red { background-color: red; }	86 .testHolder > .red { background-color: red; }

87 .testHolder > .green { background-color: green; }	87 .testHolder > .green { background-color: green; }

88 .testHolder > .blue { background-color: blue; }	88 .testHolder > .blue { background-color: blue; }

89 .testHolder > .snow { background-color: snow; }	89 .testHolder > .snow { background-color: snow; }

90 .testHolder > .red .dummy { }	90 .testHolder > .red .dummy { }

91 .testHolder > .green .dummy { }	91 .testHolder > .green .dummy { }

92 .testHolder > .blue .dummy { }	92 .testHolder > .blue .dummy { }

93 .testHolder > .snow .dummy { }	93 .testHolder > .snow .dummy { }

94 </style>	94 </style>

95 </head>	95 </head>

96 <body onload="runTest()">	96 <body onload="runTest()">

97 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p>	97 <p>Tests the Timeline API instrumentation of style recalc events with invalidati ons.</p>

98 <div class="testHolder">	98 <div class="testHolder">

99 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div>	99 <div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="t estElementThree">PASS</div>

100 </div>	100 </div>

101 <iframe src="../resources/timeline-iframe-with-style.html" style="position: abso lute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe >	101 <iframe src="../resources/timeline-iframe-with-style.html" style="position: abso lute; left: 40px; top: 40px; width: 100px; height: 100px; border: none"></iframe >

102 </body>	102 </body>

103 </html>	103 </html>

OLD	NEW