Skip to content

GitLab

T
tangled
Commit 0d10307a authored by Chromium WPT Sync's avatar Chromium WPT Sync Committed by Chromium LUCI CQ
Browse files
Options

Import wpt@34f355e8d9e187da8ab3311b271fa5a22b04821f 

Using wpt-import in Chromium 8970a3d2.
With Chromium commits locally applied on WPT:
942f73a1 "Remove support for setting sandbox flags via "allow""
8970a3d2 "[blinkpy] Re-enable four css-background/ tests that need fuzzy reftest"


Note to sheriffs: This CL imports external tests and adds
expectations for those tests; if this CL is large and causes
a few new failures, please fix the failures by adding new
lines to TestExpectations rather than reverting. See:
https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md

Directory owners for changes in this CL:
mstensho@chromium.org:
  external/wpt/css/css-break

NOAUTOREVERT=true
TBR=lpz@google.com

No-Export: true
Cq-Include-Trybots: luci.chromium.try:linux-wpt-identity-fyi-rel,linux-wpt-input-fyi-rel
Change-Id: Ia64d6296fbcddca0304290923cce464e1f0e2d6f
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2575602Reviewed-by: default avatarWPT Autoroller <wpt-autoroller@chops-service-accounts.iam.gserviceaccount.com>
Commit-Queue: WPT Autoroller <wpt-autoroller@chops-service-accounts.iam.gserviceaccount.com>
Cr-Commit-Position: refs/heads/master@{#834412}
parent 86af9c78
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1670 additions and 230 deletions
third_party/blink/web_tests/TestExpectations
View file @ 0d10307a
......@@ -2547,6 +2547,8 @@ crbug.com/958381 [ Mac ] external/wpt/css/CSS2/tables/table-anonymous-objects-20
crbug.com/958381 [ Mac ] external/wpt/css/CSS2/tables/table-anonymous-objects-206.xht [ Failure ]
# ====== New tests from wpt-importer added here ======
crbug.com/626703 external/wpt/css/css-break/widows-orphans-017.html [ Failure ]
crbug.com/626703 virtual/layout_ng_block_frag/external/wpt/css/css-break/widows-orphans-017.html [ Failure ]
crbug.com/626703 external/wpt/mediacapture-record/MediaRecorder-peerconnection-no-sink.https.html [ Timeout ]
crbug.com/626703 external/wpt/mediacapture-record/MediaRecorder-peerconnection.https.html [ Timeout ]
crbug.com/626703 [ Win7 ] virtual/plz-dedicated-worker/external/wpt/service-workers/service-worker/update-bytecheck.https.html [ Timeout ]
......
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-008-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-009-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-010-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-011-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-012-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-013-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-014-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-016-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/reference/widows-orphans-017-ref.html 0 → 100644
View file @ 0d10307a
<!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>
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-008.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-008-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 1 line box, then a class B break point should occur between the '6' and the '7' so that there is a minimum of 3 line boxes at the top of the 3rd column box.">
<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: 460px;
columns: 4 auto;
column-fill: auto;
column-gap: 1em; /* computes to 20px */
column-rule: blue solid 4px;
}
div#test
{
orphans: 1;
widows: 3;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br><br><br>7<br>8<br>9</div>
<!-- Same as div#test except 2 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-009.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-009-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 1 line box, then a class B break point should occur between the '7' and the '8' so that there is a minimum of 2 line boxes at the top of the 3rd column box. In doing so, the 'orphans: 2' declaration is still honored.">
<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: 460px;
columns: 4 auto;
column-fill: auto;
column-gap: 1em; /* computes to 20px */
column-rule: blue solid 4px;
}
div#test
{
orphans: 2;
widows: 2;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div>
<!-- Same as div#test except 1 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-010.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-010-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 1 line box, then a class B break point should occur between the '6' and the '7' so that there is a minimum of 3 line boxes at the top of the 3rd column box.">
<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: 460px;
columns: 4 auto;
column-fill: auto;
column-gap: 1em; /* computes to 20px */
column-rule: blue solid 4px;
}
div#test
{
orphans: 2;
widows: 3;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br><br><br>7<br>8<br>9</div>
<!-- Same as div#test except 2 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-011.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-011-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 2 line boxes, then a class B break point should occur between '8' and the '9' so that there is a minimum of 6 line boxes at the top of the 3rd column box.">
<style>
div
{
border: orange solid 4px;
font-size: 20px;
line-height: 1.3; /* computes to 26px */
height: 156px; /* Therefore, exactly 6 line boxes */
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;
}
div#test
{
orphans: 2;
widows: 6;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">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</div>
<div id="reference">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>
<!-- Same as div#test except 4 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-012.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-012-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 3 line boxes, then a class B break point should occur between the '12' and the '13' so that there is a minimum of 7 line boxes at the top of the 3rd column box.">
<style>
div
{
border: orange solid 4px;
font-size: 20px;
line-height: 1.3; /* computes to 26px */
height: 208px; /* Therefore, exactly 8 line boxes */
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;
}
div#test
{
orphans: 3;
widows: 7;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">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>16<br>17<br>18<br>19</div>
<div id="reference">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>
<!-- Same as div#test except 4 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-013.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-013-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 1 line box, then a class B break point should occur between the '15' and the '16' so that there is a minimum of 4 line boxes at the top of the 3rd column box. In doing so, the 'orphans: 6' declaration is still honored.">
<style>
div
{
border: orange solid 4px;
font-size: 20px;
line-height: 1.3; /* computes to 26px */
height: 234px; /* Therefore, exactly 9 line boxes */
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;
}
div#test
{
orphans: 6;
widows: 4;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the numbers inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">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>16<br>17<br>18<br>19</div>
<div id="reference">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>
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-014.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-014-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 1 line box, then a class B break point should occur between the '7' and the '8' so that there is a minimum of 3 line boxes at the top of the 3rd column box. In doing so, the 'orphans: 7' declaration is still honored.">
<style>
div
{
border: orange solid 4px;
font-size: 20px;
line-height: 1.3; /* computes to 26px */
height: 234px; /* Therefore, exactly 9 line boxes */
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;
}
div#test
{
orphans: 7;
widows: 3;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>0</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br>7<br><br><br>8<br>9<br>0</div>
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-015.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: initial 'widows' value and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-016-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="This test checks that 'widows' applies to multi-column containers and that the initial value of 'widows' is '2'. When an UA succeeds at applying 'widows', then there is 2 line boxes at the top of the 3rd column box.">
<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: 460px;
columns: 4 auto;
column-fill: auto;
column-gap: 1em; /* computes to 20px */
column-rule: blue solid 4px;
}
div#test
{
orphans: 1;
widows: initial;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div>
<!-- Same as div#test except 1 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-016.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and content distribution in columns</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-016-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<!--
Bug 137367: Implement orphans and widows
https://bugzilla.mozilla.org/show_bug.cgi?id=137367
-->
<meta name="flags" content="">
<meta name="assert" content="When column boxes are filled sequentially, their content should be distributed and fragmented in accordance with the 'orphans' and the 'widows' declarations. In the test, since the 3rd column box was going to get only 1 line box, then a class B break point should occur between the '7' and the '8' so that there is a minimum of 2 line boxes at the top of the 3rd column box.">
<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: 460px;
columns: 4 auto;
column-fill: auto;
column-gap: 1em; /* computes to 20px */
column-rule: blue solid 4px;
}
div#test
{
orphans: 1;
widows: 2;
}
div#reference
{
orphans: 1;
widows: 1;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br>7<br><br>8<br>9</div>
<!-- Same as div#test except 1 extra br here ^ -->
third_party/blink/web_tests/external/wpt/css/css-break/widows-orphans-017.html 0 → 100644
View file @ 0d10307a
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Fragmentation level 3 Test: 'orphans', 'widows' and auto-height multicolumn container with 'column-fill: auto'</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#widows-orphans">
<link rel="match" href="reference/widows-orphans-017-ref.html">
<!--
Date created: November 26th 2020
Last modified: December 6th 2020
-->
<meta name="flags" content="">
<meta name="assert" content="If a multi-column container fills column boxes sequentially and its 'height' is 'auto', then soft breaks are inoperative since content can not overflow the fragmentainer. Therefore, in this test, the 'orphans' and 'widows' requirements can not be honored.">
<style>
div
{
border: orange solid 4px;
font-size: 20px;
line-height: 1.3; /* computes to 26px */
margin-bottom: 1em;
padding: 0.5em; /* computes to 10px */
width: 460px;
}
div#test
{
height: auto;
columns: 4 auto;
column-fill: auto;
column-gap: 1em; /* computes to 20px */
column-rule: blue solid 4px;
orphans: 1;
widows: 2;
}
div#reference
{
height: 182px;
}
</style>
<p>Test passes if the digits inside both orange-bordered rectangles are <strong>distributed identically</strong>.
<div id="test">1<br>2<br>3<br>4<br>5<br>6<br>7</div>
<div id="reference">1<br>2<br>3<br>4<br>5<br>6<br>7</div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment