Index: third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types.html |
diff --git a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types.html b/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types.html |
deleted file mode 100644 |
index ddf7ccb313dcaead817f772ab3e43feeadf61c17..0000000000000000000000000000000000000000 |
--- a/third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types.html |
+++ /dev/null |
@@ -1,164 +0,0 @@ |
-<!DOCTYPE HTML> |
-<html> |
-<head> |
-<script src="../../http/tests/inspector/inspector-test.js"></script> |
-<script src="../../http/tests/inspector/timeline-test.js"></script> |
-<script> |
-function changeClassNameAndDisplay(callback) |
-{ |
- requestAnimationFrame(function() { |
- document.getElementById("testElementOne").className = "red"; |
- document.getElementById("testElementTwo").className = "red"; |
- var forceStyleRecalc = document.body.offsetTop; |
- if (window.testRunner) |
- testRunner.layoutAndPaintAsyncThen(callback); |
- }); |
-} |
- |
-function changeIdWithoutStyleChangeAndDisplay(callback) |
-{ |
- requestAnimationFrame(function() { |
- document.getElementById("testElementOne").id = "testElementNoMatchingStyles1"; |
- document.getElementById("testElementTwo").id = "testElementNoMatchingStyles2"; |
- var forceStyleRecalc = document.body.offsetTop; |
- if (window.testRunner) |
- testRunner.layoutAndPaintAsyncThen(callback); |
- }); |
-} |
- |
-function changeIdAndDisplay(callback) |
-{ |
- requestAnimationFrame(function() { |
- document.getElementById("testElementNoMatchingStyles1").id = "testElementFour"; |
- document.getElementById("testElementNoMatchingStyles2").id = "testElementFive"; |
- var forceStyleRecalc = document.body.offsetTop; |
- if (window.testRunner) |
- testRunner.layoutAndPaintAsyncThen(callback); |
- }); |
-} |
- |
-function changeStyleAttributeAndDisplay(callback) |
-{ |
- requestAnimationFrame(function() { |
- document.getElementById("testElementFour").setAttribute("style", "color: purple"); |
- document.getElementById("testElementFive").setAttribute("style", "color: pink"); |
- var forceStyleRecalc = document.body.offsetTop; |
- if (window.testRunner) |
- testRunner.layoutAndPaintAsyncThen(callback); |
- }); |
-} |
- |
-function changeAttributeAndDisplay(callback) |
-{ |
- requestAnimationFrame(function() { |
- document.getElementById("testElementFour").setAttribute("dir", "rtl"); |
- document.getElementById("testElementFive").setAttribute("dir", "rtl"); |
- var forceStyleRecalc = document.body.offsetTop; |
- if (window.testRunner) |
- testRunner.layoutAndPaintAsyncThen(callback); |
- }); |
-} |
- |
-function changePseudoAndDisplay(callback) |
-{ |
- requestAnimationFrame(function() { |
- var element1 = document.getElementById("testElementFour"); |
- var element2 = document.getElementById("testElementFive"); |
- eventSender.mouseMoveTo(element2.offsetLeft + 2, element2.offsetTop + 2); |
- requestAnimationFrame(function() { |
- var forceStyleRecalc = document.body.offsetTop; |
- if (window.testRunner) |
- testRunner.layoutAndPaintAsyncThen(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 testClassName(next) |
- { |
- InspectorTest.invokeAsyncWithTimeline("changeClassNameAndDisplay", function() { |
- var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.UpdateLayoutTree); |
- InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters); |
- next(); |
- }); |
- }, |
- |
- function testIdWithoutStyleChange(next) |
- { |
- InspectorTest.invokeAsyncWithTimeline("changeIdWithoutStyleChangeAndDisplay", function() { |
- var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.UpdateLayoutTree); |
- InspectorTest.assertTrue(record === undefined, "There should be no style recalculation for an id change without style changes."); |
- next(); |
- }); |
- }, |
- |
- function testId(next) |
- { |
- InspectorTest.invokeAsyncWithTimeline("changeIdAndDisplay", function() { |
- var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.UpdateLayoutTree); |
- InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters); |
- next(); |
- }); |
- }, |
- |
- function testStyleAttributeChange(next) |
- { |
- InspectorTest.invokeAsyncWithTimeline("changeStyleAttributeAndDisplay", function() { |
- var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.UpdateLayoutTree); |
- InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters); |
- next(); |
- }); |
- }, |
- |
- function testAttributeChange(next) |
- { |
- InspectorTest.invokeAsyncWithTimeline("changeAttributeAndDisplay", function() { |
- var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.UpdateLayoutTree); |
- InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters); |
- next(); |
- }); |
- }, |
- |
- function testPseudoChange(next) |
- { |
- InspectorTest.invokeAsyncWithTimeline("changePseudoAndDisplay", function() { |
- var record = InspectorTest.findFirstTimelineRecord(WebInspector.TimelineModel.RecordType.UpdateLayoutTree); |
- InspectorTest.addArray(record._event.invalidationTrackingEvents, InspectorTest.InvalidationFormatters); |
- next(); |
- }); |
- } |
- ]); |
-} |
-</script> |
-<style> |
- #testElementFour { color: yellow; } |
- #testElementFive { color: teal; } |
- #testElementFour:hover { color: azure; } |
- #testElementFive:hover { color: cornsilk; } |
- #testElementFour .dummy { } |
- #testElementFive .dummy { } |
- #testElementFour[dir] .dummy {} |
- |
- .testHolder > .red { background-color: red; } |
- .testHolder > .green { background-color: green; } |
- .testHolder > .blue { background-color: blue; } |
- .testHolder > .snow { background-color: snow; } |
- .testHolder > .red .dummy { } |
- .testHolder > .green .dummy { } |
- .testHolder > .blue .dummy { } |
- .testHolder > .snow .dummy { } |
-</style> |
-</head> |
-<body onload="runTest()"> |
-<p>Tests the Timeline API instrumentation of style recalc invalidator invalidations.</p> |
-<div class="testHolder"> |
-<div id="testElementOne">PASS</div><div id="testElementTwo">PASS</div><div id="testElementThree">PASS</div> |
-</div> |
-</body> |
-</html> |