mirror of
https://github.com/servo/servo.git
synced 2025-09-04 12:08:21 +01:00
Update web-platform-tests to revision 9ca57e052ba1b19fa3dd46c6aa656e8d529469a8
This commit is contained in:
WPT Sync Bot
parent
68cb8f3d59
commit
75d6484415
1377 changed files with 31062 additions and 16983 deletions
|
|
@ -0,0 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<p>There should be a yellow box with a hotpink border in the second column.</p>
|
||||
<div style="float:left; margin-left:110px; border:10px solid hotpink; width:80px; height:80px; background:yellow;"></div>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-000-ref.html">
|
||||
<p>There should be a yellow box with a hotpink border in the second column.</p>
|
||||
<div style="columns:4; column-gap:10px; column-fill:auto; width:430px; height:100px;">
|
||||
<div style="height:95px;"></div>
|
||||
<div style="border:10px solid hotpink; height:80px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<p>There should be a yellow box that starts in the second column and ends in the
|
||||
third. The top border should be in the second column, and the bottom border
|
||||
should be in the third.</p>
|
||||
<div style="float:left; margin-left:110px; border:10px solid hotpink; border-bottom:none; width:80px; height:90px; background:yellow;"></div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid hotpink; border-top:none; width:80px; height:10px; background:yellow;"></div>
|
||||
11
tests/wpt/web-platform-tests/css/css-break/borders-001.html
Normal file
11
tests/wpt/web-platform-tests/css/css-break/borders-001.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-001-ref.html">
|
||||
<p>There should be a yellow box that starts in the second column and ends in the
|
||||
third. The top border should be in the second column, and the bottom border
|
||||
should be in the third.</p>
|
||||
<div style="columns:4; column-gap:10px; column-fill:auto; width:430px; height:100px;">
|
||||
<div style="height:95px;"></div>
|
||||
<div style="border:10px solid hotpink; height:100px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<p>There should be a yellow box that starts in the second column and ends in the
|
||||
fourth. The top border should be in the second column, and the bottom border
|
||||
should be in the fourth.</p>
|
||||
<div style="float:left; margin-left:110px; border:10px solid hotpink; border-bottom:none; width:80px; height:90px; background:yellow;"></div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid hotpink; border-bottom:none; border-top:none; width:80px; height:100px; background:yellow;"></div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid hotpink; border-top:none; width:80px; height:60px; background:yellow;"></div>
|
||||
11
tests/wpt/web-platform-tests/css/css-break/borders-002.html
Normal file
11
tests/wpt/web-platform-tests/css/css-break/borders-002.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-002-ref.html">
|
||||
<p>There should be a yellow box that starts in the second column and ends in the
|
||||
fourth. The top border should be in the second column, and the bottom border
|
||||
should be in the fourth.</p>
|
||||
<div style="columns:4; column-gap:10px; column-fill:auto; width:430px; height:100px;">
|
||||
<div style="height:95px;"></div>
|
||||
<div style="border:10px solid hotpink; height:250px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<style>
|
||||
.container {
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.box {
|
||||
border-radius: 15px;
|
||||
border: 20px solid hotpink;
|
||||
background: yellow;
|
||||
}
|
||||
.skip-start {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top: none;
|
||||
}
|
||||
.skip-end {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
</style>
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The border should be rounded at the start (first column) and at the end
|
||||
(last column).</p>
|
||||
<div class="container">
|
||||
<div class="box skip-end" style="height:80px;"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="box skip-start skip-end" style="height:100px;"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="box skip-start" style="height:70px;"></div>
|
||||
</div>
|
||||
10
tests/wpt/web-platform-tests/css/css-break/borders-003.html
Normal file
10
tests/wpt/web-platform-tests/css/css-break/borders-003.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-003-ref.html">
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The border should be rounded at the start (first column) and at the end
|
||||
(last column).</p>
|
||||
<div style="columns:3; column-gap:10px; column-fill:auto; width:620px; height:100px;">
|
||||
<div style="border-radius:15px; border:20px solid hotpink; height:250px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<style>
|
||||
.container {
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.box {
|
||||
border-radius: 40px;
|
||||
border: 20px solid hotpink;
|
||||
background: yellow;
|
||||
}
|
||||
.skip-start {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top: none;
|
||||
}
|
||||
.skip-end {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
</style>
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The border should be rounded at the start (first column) and at the end
|
||||
(last column).</p>
|
||||
<div class="container">
|
||||
<div class="box skip-end" style="height:80px;"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="box skip-start skip-end" style="height:100px;"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="box skip-start" style="height:70px;"></div>
|
||||
</div>
|
||||
10
tests/wpt/web-platform-tests/css/css-break/borders-004.html
Normal file
10
tests/wpt/web-platform-tests/css/css-break/borders-004.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-004-ref.html">
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The border should be rounded at the start (first column) and at the end
|
||||
(last column).</p>
|
||||
<div style="columns:3; column-gap:10px; column-fill:auto; width:620px; height:100px;">
|
||||
<div style="border-radius:40px; border:20px solid hotpink; height:250px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<style>
|
||||
.container {
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.box {
|
||||
border-radius: 80px;
|
||||
border: 20px solid hotpink;
|
||||
background: yellow;
|
||||
}
|
||||
.skip-start {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top: none;
|
||||
}
|
||||
.skip-end {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
</style>
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The border should be rounded at the start (first column) and at the end
|
||||
(last column).</p>
|
||||
<div class="container">
|
||||
<div class="box skip-end" style="height:80px;"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="box skip-start skip-end" style="height:100px;"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="box skip-start" style="height:70px;"></div>
|
||||
</div>
|
||||
10
tests/wpt/web-platform-tests/css/css-break/borders-005.html
Normal file
10
tests/wpt/web-platform-tests/css/css-break/borders-005.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-005-ref.html">
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The border should be rounded at the start (first column) and at the end
|
||||
(last column).</p>
|
||||
<div style="columns:3; column-gap:10px; column-fill:auto; width:620px; height:100px;">
|
||||
<div style="border-radius:80px; border:20px solid hotpink; height:250px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<style>
|
||||
.box {
|
||||
height: 80px;
|
||||
margin-bottom: 10px;
|
||||
border: 10px solid hotpink;
|
||||
background: yellow;
|
||||
}
|
||||
.skip-start {
|
||||
border-left: none;
|
||||
}
|
||||
.skip-end {
|
||||
border-right: none;
|
||||
}
|
||||
</style>
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The block-start border should be in the first column, and the block-end
|
||||
border should be in the third.</p>
|
||||
<div class="box skip-end" style="width:90px;"></div>
|
||||
<div class="box skip-start skip-end" style="width:100px;"></div>
|
||||
<div class="box skip-start" style="width:60px;"></div>
|
||||
10
tests/wpt/web-platform-tests/css/css-break/borders-006.html
Normal file
10
tests/wpt/web-platform-tests/css/css-break/borders-006.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-006-ref.html">
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The block-start border should be in the first column, and the block-end
|
||||
border should be in the third.</p>
|
||||
<div style="columns:3; column-gap:10px; column-fill:auto; writing-mode:vertical-lr; inline-size:320px; block-size:100px;">
|
||||
<div style="border:10px solid hotpink; block-size:250px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
||||
<style>
|
||||
.box {
|
||||
height: 80px;
|
||||
margin-bottom: 10px;
|
||||
border: 10px solid hotpink;
|
||||
background: yellow;
|
||||
}
|
||||
.skip-start {
|
||||
border-right: none;
|
||||
}
|
||||
.skip-end {
|
||||
border-left: none;
|
||||
}
|
||||
</style>
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The block-start border should be in the first column, and the block-end
|
||||
border should be in the third.</p>
|
||||
<div class="box skip-end" style="width:90px;"></div>
|
||||
<div class="box skip-start skip-end" style="width:100px;"></div>
|
||||
<div class="box skip-start" style="margin-left:30px; width:60px;"></div>
|
||||
10
tests/wpt/web-platform-tests/css/css-break/borders-007.html
Normal file
10
tests/wpt/web-platform-tests/css/css-break/borders-007.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!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/#break-decoration">
|
||||
<link rel="match" href="borders-007-ref.html">
|
||||
<p>There should be a yellow box that starts in the first column and ends in the
|
||||
third. The block-start border should be in the first column, and the block-end
|
||||
border should be in the third.</p>
|
||||
<div style="columns:3; column-gap:10px; column-fill:auto; writing-mode:vertical-rl; inline-size:320px; block-size:100px;">
|
||||
<div style="border:10px solid hotpink; block-size:250px; background:yellow;"></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Test Reference: Test for pagination of a nested float element in a table in a printing context</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
|
||||
<style>
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
#target {
|
||||
background: green;
|
||||
width: 2in;
|
||||
height: 6in; /* Expected to cover 3 pages. */
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<div id="target"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||
<html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Fragmentation Test: Test for pagination of a nested float element in a table in a printing context</title>
|
||||
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-break/#possible-breaks">
|
||||
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1412687">
|
||||
<link rel="match" href="break-nested-float-in-table-001-print-ref.html">
|
||||
|
||||
<style>
|
||||
@page { size:5in 3in; margin:0.5in; }
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
td {
|
||||
padding: 0;
|
||||
}
|
||||
#target {
|
||||
float: left;
|
||||
background: green;
|
||||
width: 2in;
|
||||
height: 6in; /* Expected to cover 3 pages. */
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<div>
|
||||
<!-- target needs to be nested under <td> -->
|
||||
<div id="target"></div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
|
||||
<p>There should be a light blue fieldset that starts in the first column and
|
||||
ends in the third. The top border should only be in the first column, and
|
||||
the bottom border should only be in the third.</p>
|
||||
<div style="float:left; border:10px solid pink; border-bottom:none; width:140px; height:190px; background:lightblue;"></div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid pink; border-top:none; border-bottom:none; width:140px; height:200px; background:lightblue;"></div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid pink; border-top:none; width:140px; height:110px; background:lightblue;"></div>
|
||||
10
tests/wpt/web-platform-tests/css/css-break/fieldset-002.html
Normal file
10
tests/wpt/web-platform-tests/css/css-break/fieldset-002.html
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
|
||||
<link rel="help" href="href=https://www.w3.org/TR/css-break-3/#break-decoration">
|
||||
<link rel="match" href="fieldset-002-ref.html">
|
||||
<p>There should be a light blue fieldset that starts in the first column and
|
||||
ends in the third. The top border should only be in the first column, and
|
||||
the bottom border should only be in the third.</p>
|
||||
<div style="column-count:3; column-fill:auto; column-gap:10px; width:500px; height:200px;">
|
||||
<fieldset style="border:10px solid pink; margin:0; padding:0; height:500px; background:lightblue;"></fieldset>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
|
||||
<p>There should be a light blue fieldset that starts in the first column and
|
||||
ends in the third. Its blue violet legend should only be in the first column,
|
||||
consuming the top border. The bottom border should only be in the third column.
|
||||
</p>
|
||||
<div style="float:left; border:60px solid pink; border-bottom:none; width:100px; height:0;">
|
||||
<div style="margin-top:-60px; background:lightblue; height:60px"></div>
|
||||
<div style="margin-top:-55px; background:blueviolet; height:50px"></div>
|
||||
</div>
|
||||
<div style="float:left; margin-left:10px; border:60px solid pink; border-top:none; border-bottom:none; width:100px; height:10px; background:lightblue;"></div>
|
||||
<div style="float:left; margin-left:10px; border:60px solid pink; border-top:none; width:100px; height:0; background:lightblue;"></div>
|
||||
13
tests/wpt/web-platform-tests/css/css-break/fieldset-003.html
Normal file
13
tests/wpt/web-platform-tests/css/css-break/fieldset-003.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
|
||||
<link rel="help" href="href=https://www.w3.org/TR/css-break-3/#break-decoration">
|
||||
<link rel="match" href="fieldset-003-ref.html">
|
||||
<p>There should be a light blue fieldset that starts in the first column and
|
||||
ends in the third. Its blue violet legend should only be in the first column,
|
||||
consuming the top border. The bottom border should only be in the third column.
|
||||
</p>
|
||||
<div style="column-count:3; column-fill:auto; column-gap:10px; width: 680px; height:40px;">
|
||||
<fieldset style="margin:0; border:60px solid pink; padding:0; width:100px; background:lightblue; height:10px;">
|
||||
<legend style="padding:0; width:100px; height:50px; background:blueviolet;"></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
|
||||
<p>There should be a light blue fieldset that starts in the first column and
|
||||
ends in the third. Its blue violet legend should only be in the first column,
|
||||
and past the fragmentation line. The bottom border should only be in the third
|
||||
column.
|
||||
</p>
|
||||
<div style="float:left; margin-top:145px; border:10px solid pink; border-bottom:none; width:140px; height:145px; background:lightblue;">
|
||||
<div style="margin-top:-155px; background:blueviolet; width:50px; height:300px"></div>
|
||||
</div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid pink; border-top:none; border-bottom:none; width:140px; height:200px; background:lightblue;"></div>
|
||||
<div style="float:left; margin-left:10px; border:10px solid pink; border-top:none; width:140px; height:100px; background:lightblue;"></div>
|
||||
|
||||
14
tests/wpt/web-platform-tests/css/css-break/fieldset-004.html
Normal file
14
tests/wpt/web-platform-tests/css/css-break/fieldset-004.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<link rel="author" title="Ana Sollano Kim" href="mailto:ansollan@microsoft.com">
|
||||
<link rel="help" href="href=https://www.w3.org/TR/css-break-3/#break-decoration">
|
||||
<link rel="match" href="fieldset-004-ref.html">
|
||||
<p>There should be a light blue fieldset that starts in the first column and
|
||||
ends in the third. Its blue violet legend should only be in the first column,
|
||||
and past the fragmentation line. The bottom border should only be in the third
|
||||
column.
|
||||
</p>
|
||||
<div style="column-count:3; column-fill:auto; column-gap:10px; width:500px; height:200px;">
|
||||
<fieldset style="border:10px solid pink; margin:0; padding:0; height:590px; background:lightblue;">
|
||||
<legend style="padding:0; margin:0; width:50px; height:300px; background:blueviolet;"></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue