diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-break/reference')
13 files changed, 422 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-break/reference/border-image-000-ref.html b/testing/web-platform/tests/css/css-break/reference/border-image-000-ref.html new file mode 100644 index 0000000000..70af9921ca --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/border-image-000-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<title>'box-decoration-break: clone' and 'border-image' (reference)</title> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> +<style> + .border-image { + font: 81px/1 Ahem; + color: transparent; + border-image: radial-gradient(green 50%, transparent 50%) 27 fill / 27px; + } +</style> +<p>There should be two green circles below.</p> +<div style="width: 81px"> + <span class="border-image">A</span> + <span class="border-image">A</span> +</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-001-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-001-ref.html new file mode 100644 index 0000000000..4f822f8fd6 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-001-ref.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <!-- + Date created: November 7th 2020 + Last modified: November 17th 2020 + --> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + line-height: 1.3; /* computes to 26px */ + height: 104px; /* Therefore, exactly 4 line boxes */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 490px; + + columns: 3 auto; + column-fill: auto; + column-gap: 1em; /* computes to 20px */ + column-rule: blue solid 4px; + + widows: 1; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html new file mode 100644 index 0000000000..c2f4768613 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<style> +.columns { + columns: 3; + column-fill: auto; + line-height: 1; + height: 5em; + orphans: 3; + widows: 3; +} +</style> +<body> + <div class="columns"> + <div> + p1l1<br> + p1l2<br> + p1l3<br> + </div> + <div> + p2l1<br> + p2l2<br> + p2l3<br> + p2l4<br> + p2l5<br> + p2l6<br> + p2l7<br> + </div> + </div> +</body> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-001-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-001-ref.html new file mode 100644 index 0000000000..06108ac800 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-001-ref.html @@ -0,0 +1,17 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Fragmentation level 3 Test Reference File</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> +<style> +div { + position: absolute; + columns: 2; + column-fill: balance-all; + column-gap: 0; +} +</style> +<body> + <p>Test passes if there are 4 “X” characters <strong>arranged in a 2 by 2 square</strong> below. + + <div>X<br>X<br>X<br>X</div> +</body> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-008-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-008-ref.html new file mode 100644 index 0000000000..431d37a4b3 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-008-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 104px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br><br><br>7<br>8<br>9</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br><br><br>7<br>8<br>9</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-009-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-009-ref.html new file mode 100644 index 0000000000..77e8bd7b46 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-009-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 104px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-010-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-010-ref.html new file mode 100644 index 0000000000..431d37a4b3 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-010-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 104px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br><br><br>7<br>8<br>9</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br><br><br>7<br>8<br>9</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-011-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-011-ref.html new file mode 100644 index 0000000000..8977e4729c --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-011-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 156px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br><br><br><br><br>9<br>10<br>11<br>12<br>13<br>14</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br><br><br><br><br>9<br>10<br>11<br>12<br>13<br>14</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-012-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-012-ref.html new file mode 100644 index 0000000000..a03a7993d7 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-012-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 208px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br><br><br><br><br>13<br>14<br>15<br>16<br>17<br>18<br>19</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br><br><br><br><br>13<br>14<br>15<br>16<br>17<br>18<br>19</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-013-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-013-ref.html new file mode 100644 index 0000000000..7872ac730b --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-013-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 234px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br><br><br><br>16<br>17<br>18<br>19</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br><br><br><br>16<br>17<br>18<br>19</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-014-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-014-ref.html new file mode 100644 index 0000000000..795350a028 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-014-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 234px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br><br>8<br>9<br>0</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br><br>8<br>9<br>0</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-016-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-016-ref.html new file mode 100644 index 0000000000..77e8bd7b46 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-016-ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 104px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + + columns: 4 auto; + + column-fill: auto; + + column-gap: 1em; /* computes to 20px */ + + column-rule: blue solid 4px; + + orphans: 1; + widows: 1; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div> diff --git a/testing/web-platform/tests/css/css-break/reference/widows-orphans-017-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-orphans-017-ref.html new file mode 100644 index 0000000000..0a65a50c29 --- /dev/null +++ b/testing/web-platform/tests/css/css-break/reference/widows-orphans-017-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <style> + div + { + border: orange solid 4px; + font-size: 20px; + height: 182px; + line-height: 1.3; /* computes to 26px */ + margin-bottom: 1em; + padding: 0.5em; /* computes to 10px */ + width: 460px; + } + </style> + + <p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>. + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7</div> + + <div>1<br>2<br>3<br>4<br>5<br>6<br>7</div> |