Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-14 09:55:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision cb40575e1a57892476f3e326355674d492dedbd2

Browse source
This commit is contained in:
WPT Sync Bot 2020-06-27 08:20:23 +00:00
parent 0afe412d63
commit fa6a725a86
170 changed files with 1958 additions and 664 deletions
Download patch file Download diff file Expand all files Collapse all files

15
tests/wpt/web-platform-tests/css/css-break/break-at-end-container-edge-000.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="We should break between the two lines (class B breakpoint), rather than between the last line and the container padding">
<style>
.child { display:inline-block; vertical-align:top; width:100%; height:50px; line-height:50px; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:100px; orphans:1; widows:1; background:red;">
<div style="padding-bottom:50px; background:green;">
<div class="child"></div>
<div class="child"></div>
</div>
</div>

16
tests/wpt/web-platform-tests/css/css-break/break-at-end-container-edge-001.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="We should break between the last two lines (class B breakpoint), rather than inside the container padding">
<style>
.child { display:inline-block; vertical-align:top; width:100%; height:30px; line-height:30px; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:100px; orphans:1; widows:1; background:red;">
<div style="padding-bottom:70px; background:green;">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
</div>

16
tests/wpt/web-platform-tests/css/css-break/break-at-end-container-edge-002.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="We should break between the first two lines (class B breakpoint, also honoring widows), rather than inside the container padding">
<style>
.child { display:inline-block; vertical-align:top; width:100%; height:30px; line-height:30px; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:100px; orphans:1; widows:2; background:red;">
<div style="padding-bottom:40px; background:green;">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
</div>

16
tests/wpt/web-platform-tests/css/css-break/break-at-end-container-edge-003.html Normal file
View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="The block with padding should be pushed to the second column, so that we won't have to break between the line and the padding edge">
<style>
.child { display:inline-block; vertical-align:top; width:100%; height:90px; line-height:90px; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:100px; orphans:1; widows:1; background:red;">
<div style="float:left; width:100%; height:100px; background:green;"></div>
<div style="height:10px;"></div>
<div style="padding-bottom:10px; background:green;">
<div class="child"></div>
</div>
</div>

19
tests/wpt/web-platform-tests/css/css-break/break-at-end-container-edge-004.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name="assert" content="The last line could fit in the third column, but will be pushed to the fourth, so that we won't have to break between the last line and the container padding">
<style>
.child { display:inline-block; vertical-align:top; width:100%; height:40px; line-height:40px; }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:4; column-fill:auto; column-gap:0; width:100px; height:100px; orphans:1; widows:1; background:red;">
<div style="height:40px; background:green;"></div>
<div style="padding-bottom:60px; background:green;">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
</div>

18
tests/wpt/web-platform-tests/css/css-break/tall-line-in-short-fragmentainer-000.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#unforced-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:3; column-fill:auto; column-gap:0; width:300px; height:50px;">
<div style="width:200px; height:0;">
<div style="height:20px; background:red;"></div>
</div>
<!-- No valid breakpoint here, since the preceding sibling takes up no space
(and its overflowing child ends up in a parallel flow). -->
<div style="height:120px;">
<!-- Can't break inside lines. Let it overflow the (shorter) fragmentainer,
but not its container. Consume 100px from it. -->
<div style="display:inline-block; vertical-align:top; width:100px; height:100px; background:green;"></div>
</div>
<div style="margin-top:-20px; height:20px; background:white;"></div>
</div>

15
tests/wpt/web-platform-tests/css/css-break/tall-line-in-short-fragmentainer-001.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#unforced-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:50px; background:red;">
<div>
<div style="display:inline-block; vertical-align:top; width:50px; height:100px; background:green;"></div>
</div>
<!-- We're at the very beginning of the second column here, so inserting a
forced break will have no effect. -->
<div style="break-before:column;">
<div style="display:inline-block; vertical-align:top; width:50px; height:100px; background:green;"></div>
</div>
</div>

13
tests/wpt/web-platform-tests/css/css-break/tall-line-in-short-fragmentainer-002.html Normal file
View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#unforced-breaks">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; height:50px; background:red;">
<div style="width:50px; height:100px; line-height:200px; background:green;">
<br>
</div>
<div style="break-before:column; width:50px; line-height:100px; background:green;">
<br>
</div>
</div>