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

Unified Diff: third_party/WebKit/LayoutTests/inspector/tracing/timeline-style-recalc-all-invalidator-types.html

Issue 2145873002: [DevTools] Split inspector/tracing into subdirectories to speed things up. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 5 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 side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698