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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/fast/regions/cssom/get-region-flow-ranges.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 10 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
« no previous file with comments | « LayoutTests/fast/regions/cssom/flowed-inline-content-bounding-client-rect-expected.txt ('k') | LayoutTests/fast/regions/cssom/get-region-flow-ranges-absolute-pos.html » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/fast/regions/cssom/get-region-flow-ranges.html
diff --git a/LayoutTests/fast/regions/cssom/get-region-flow-ranges.html b/LayoutTests/fast/regions/cssom/get-region-flow-ranges.html
deleted file mode 100644
index 52cb4961994fe4cac3e2efb6e9fcd6da773095b8..0000000000000000000000000000000000000000
--- a/LayoutTests/fast/regions/cssom/get-region-flow-ranges.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<script src="../../../resources/js-test.js"></script>
-<script src="../resources/helper.js"></script>
-<style>
- body { font-family: monospace; }
- #wrapper { font-size: 30px; }
- .border { border: 1px solid red; }
- #article { background-color: lightblue; height: 135px; padding: 10px;}
- #box1 { background-color: lightgreen; height: 110px; padding: 10px;}
- #box2 { background-color: orange; height: 10px; padding: 5px;}
- #region1 { -webkit-flow-from: flow1; width: 250px; height: 70px; left: 20px; top: 250px;}
- #region2 { -webkit-flow-from: flow1; width: 250px; height: 60px; left: 20px; top: 300px;}
- #region3 { -webkit-flow-from: flow1; width: 250px; height: 60px; left: 20px; top: 350px;}
-</style>
-</head>
-<body>
- <div id="description"></div>
- <div id="wrapper"><div id="article"><div id="box1"><div id="box2"></div></div></div></div>
- <div id="region1" class="border"></div>
- <div id="region2" class="border"></div>
- <div id="region3" class="border"></div>
- <div id="console"></div>
-<script>
- if (window.layoutTestController)
- layoutTestController.dumpAsText();
-
- description("[CSSRegions] Test for Region::getRegionFlowRanges.");
- var region1 = document.getElementById("region1");
- var region2 = document.getElementById("region2");
- var region3 = document.getElementById("region3");
-
- debug("Empty regions");
- var range1 = region1.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range1.length", 0);
- var range2 = region2.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range2.length", 0);
- var range3 = region3.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range3.length", 0);
-
- debug("Flow article");
- var article = document.getElementById("article");
- article.style.webkitFlowInto = "flow1";
- range1 = region1.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range1.length", 1);
- compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "box1", 1]);
- range2 = region2.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range2.length", 1);
- compareArrays(getRangeAt(range2, 0), ["box1", 1, "box1", 1]);
- range3 = region3.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range3.length", 1);
- compareArrays(getRangeAt(range3, 0), ["box1", 1, "wrapper", 1]);
-
- debug("Add text node to region2 (creates anonymous block)");
- var textNode = document.createTextNode("Text node.");
- document.getElementById("box1").appendChild(textNode);
- range1 = region1.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range1.length", 1);
- compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "box1", 1]);
- range2 = region2.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range2.length", 1);
- compareArrays(getRangeAt(range2, 0), ["box1", 1, "box1", 2]);
- range3 = region3.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range3.length", 1);
- compareArrays(getRangeAt(range3, 0), ["box1", 2, "wrapper", 1]);
-
- debug("Increase font size");
- var wrapper = document.getElementById("wrapper");
- wrapper.style.fontSize = "40px";
- range1 = region1.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range1.length", 1);
- compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "box1", 1]);
- range2 = region2.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range2.length", 1);
- compareArrays(getRangeAt(range2, 0), ["box1", 1, "#text", 4]);
- range3 = region3.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range3.length", 1);
- compareArrays(getRangeAt(range3, 0), ["#text", 5, "wrapper", 1]);
-
- debug("Make child a content node, so it will move from region1 to region3");
- var box2 = document.getElementById('box2');
- box2.style.webkitFlowInto = "flow1";
- range1 = region1.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range1.length", 2);
- compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "box1", 0]);
- compareArrays(getRangeAt(range1, 1), ["box1", 1, "#text", 4]);
- range2 = region2.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range2.length", 1);
- compareArrays(getRangeAt(range2, 0), ["#text", 5, "box1", 2]);
- range3 = region3.webkitGetRegionFlowRanges();
- shouldEvaluateTo("range3.length", 1);
- compareArrays(getRangeAt(range3, 0), ["box1", 0, "box1", 1]);
-
-function hideRegionsAndFlows() {
- document.getElementById("region1").style.visibility = "hidden";
- document.getElementById("region2").style.visibility = "hidden";
- document.getElementById("region3").style.visibility = "hidden";
-}
-
- hideRegionsAndFlows();
-</script>
-</body>
-</html>
« no previous file with comments | « LayoutTests/fast/regions/cssom/flowed-inline-content-bounding-client-rect-expected.txt ('k') | LayoutTests/fast/regions/cssom/get-region-flow-ranges-absolute-pos.html » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698