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

Unified Diff: LayoutTests/fast/multicol/widows-and-orphans.html

Issue 299373006: Move old multicol tests to a separate directory. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 7 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: LayoutTests/fast/multicol/widows-and-orphans.html
diff --git a/LayoutTests/fast/multicol/widows-and-orphans.html b/LayoutTests/fast/multicol/widows-and-orphans.html
deleted file mode 100644
index 380c31d171e1bb1f61ff2f3686dcf55696aae91e..0000000000000000000000000000000000000000
--- a/LayoutTests/fast/multicol/widows-and-orphans.html
+++ /dev/null
@@ -1,206 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<title>Testing Widows and Orphans</title>
-<style>
-body.hide-containers .container {
- display: none;
-}
-
-.container {
- width: 600px;
- height: 200px;
- -webkit-columns: 3;
- columns: 3;
- column-fill: auto;
- line-height: 20px; /* 10 lines per page */
- font-size: 16px;
- margin: 0 0 20px 0;
- padding: 0;
- overflow: hidden;
-}
-
-.block {
- margin: 0 0 15px 0;
- padding: 0;
-}
-
-.top {
- color: red;
-}
-
-.bottom {
- color: green;
-}
-</style>
-<script>
-var results;
-
-function createTestContainer(id, description, blocks)
-{
- var label = document.createElement("h3");
- label.textContent = id + " - " + description;
- document.body.appendChild(label);
- var element = document.createElement("div");
- element.className = "container";
- element.id = id;
-
- for (var i = 1; i <= blocks.length; i++) {
- var block = document.createElement("div");
- block.className = "block";
- var numLines = blocks[i-1];
- for (var j = 1; j <= numLines; j++) {
- var line = document.createElement("span");
- line.id = id + "-block-" + i + "-line-" + j;
- line.textContent = "Block " + i + " Line " + j;
- block.appendChild(line);
- block.appendChild(document.createElement("br"));
- }
- element.appendChild(block);
- }
- document.body.appendChild(element);
- return element;
-}
-
-function markTopLine(containerId, blockNumber, lineNumber)
-{
- var element = document.getElementById(containerId + "-block-" + blockNumber + "-line-" + lineNumber);
- element.className = "top";
-}
-
-function markBottomLine(containerId, blockNumber, lineNumber)
-{
- var element = document.getElementById(containerId + "-block-" + blockNumber + "-line-" + lineNumber);
- element.className = "bottom";
-}
-
-function logPass(msg) {
- log("PASS: " + msg);
-}
-
-function logFail(msg) {
- log("FAIL: " + msg);
-}
-
-function log(msg) {
- if (!results)
- results = document.createElement("div");
-
- var output = document.createElement("p");
- output.textContent = msg;
- results.appendChild(output);
-}
-
-function testIsFirstInColumn(containerId, blockNumber, lineNumber)
-{
- // Get the upper bounds of the container and line.
- var topOfContainer = document.getElementById(containerId).getBoundingClientRect().top;
- var topOfLine = document.getElementById(containerId + "-block-" + blockNumber + "-line-" + lineNumber).getBoundingClientRect().top;
-
- if (Math.abs(topOfContainer - topOfLine) < 5) // Give 5 pixels to account for subpixel layout.
- logPass(containerId + " Block " + blockNumber + " Line " + lineNumber + " is correct.");
- else
- logFail(containerId + " Block " + blockNumber + " Line " + lineNumber + " wasn't at the top of the column.");
-}
-
-function runTest()
-{
- var container;
-
- createTestContainer("test1", "Normal breaking", [5, 6, 5, 5]);
-
- markTopLine("test1", 1, 1);
- markBottomLine("test1", 2, 4);
- markTopLine("test1", 2, 5);
- markBottomLine("test1", 4, 1);
- markTopLine("test1", 4, 2);
-
- testIsFirstInColumn("test1", 1, 1);
- testIsFirstInColumn("test1", 2, 5);
- testIsFirstInColumn("test1", 4, 2);
-
- container = createTestContainer("test2", "Basic Orphan", [8, 6]);
- container.style.orphans = 2;
-
- markTopLine("test2", 1, 1);
- markBottomLine("test2", 1, 8); // Orphan break happens here.
- markTopLine("test2", 2, 1);
-
- testIsFirstInColumn("test2", 1, 1);
- testIsFirstInColumn("test2", 2, 1);
-
- container = createTestContainer("test3", "Basic Widow", [4, 6, 3]);
- container.style.widows = 2;
-
- markTopLine("test3", 1, 1);
- markBottomLine("test3", 2, 4); // Widow break happens here.
- markTopLine("test3", 2, 5);
-
- testIsFirstInColumn("test3", 1, 1);
- testIsFirstInColumn("test3", 2, 5);
-
- container = createTestContainer("test4", "Orphans causing Widows", [8, 6, 4, 4]);
- container.style.orphans = 2;
- container.style.widows = 2;
-
- markTopLine("test4", 1, 1);
- markBottomLine("test4", 1, 8); // Orphan break happens here.
- markTopLine("test4", 2, 1);
- markBottomLine("test4", 3, 2); // And that creates a widow forcing a break here.
- markTopLine("test4", 3, 3);
-
- testIsFirstInColumn("test4", 1, 1);
- testIsFirstInColumn("test4", 2, 1);
- testIsFirstInColumn("test4", 3, 3);
-
- container = createTestContainer("test5", "Widows blocked by Orphan rule", [7, 3, 4]);
- container.style.orphans = 2;
- container.style.widows = 2;
-
- markTopLine("test5", 1, 1);
- markBottomLine("test5", 2, 2); // This line should not move - protected by orphaning.
- markTopLine("test5", 2, 3); // This line won't be un-widowed - blocked by orphaning.
-
- testIsFirstInColumn("test5", 1, 1);
- testIsFirstInColumn("test5", 2, 3);
-
- container = createTestContainer("test6", "Ridiculous values", [7, 7, 7, 7]);
- container.style.orphans = 100;
- container.style.widows = 100;
-
- markTopLine("test6", 1, 1);
- markBottomLine("test6", 1, 7); // Orphan break happens here.
- markTopLine("test6", 2, 1); // Adopted.
- markBottomLine("test6", 2, 7); // Orphan break.
- markTopLine("test6", 3, 1); // Adopted.
-
- testIsFirstInColumn("test6", 1, 1);
- testIsFirstInColumn("test6", 2, 1);
- testIsFirstInColumn("test6", 3, 1);
-
- if (results)
- document.body.appendChild(results);
-
- if (window.testRunner) {
- // Hide all the containers and leave just the test results for text output.
- document.body.className = "hide-containers";
- testRunner.notifyDone();
- }
-}
-
-if (window.testRunner) {
- testRunner.dumpAsText();
- testRunner.waitUntilDone();
-}
-
-window.addEventListener("load", runTest, false);
-</script>
-</head>
-<body>
- <p>
- Testing widows and orphans. Any green lines
- should be at the bottom of pages/columns, and any red lines
- should be at the top of pages/columns.
- </p>
-</body>
-</html>

Powered by Google App Engine
This is Rietveld 408576698