Update web-platform-tests to revision e91d7d8c9a1f14438e44000dcd05ce6e658e4ae5

This commit is contained in:
WPT Sync Bot 2020-07-11 08:20:37 +00:00
parent 242e7e2630
commit 1a3fdf7a13
567 changed files with 9823 additions and 2333 deletions

View 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-multicol-1/#spanning-columns">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<p>Test passes if there is a filled green square.</p>
<div style="columns:2; column-fill:auto; column-gap:0; width:100px; background:green;">
<div style="height:80px;">
<div style="column-span:all; height:10px; margin-bottom:20px;"></div>
</div>
<div style="column-span:all; height:10px; margin-top:20px;"></div>
</div>

View 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-multicol-1/#spanning-columns">
<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; background:red;">
<div style="height:200px; background:green;">
<div style="column-span:all;"></div>
</div>
</div>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1102137">
<div style="columns:3;">
<span id="inlineWithBlock"><div></div></span><div id="spanner1" style="column-span:all;"></div>
<div id="spanner2" style="display:none; column-span:all;"></div>
<div id="block1" style="display:none;"></div>
<div id="spanner3" style="display:none; column-span:all;"></div>
<div id="block2" style="display:none;"></div>
</div>
<script>
document.body.offsetTop;
inlineWithBlock.style.display = "none";
document.body.offsetTop;
spanner1.style.display = "none";
document.body.offsetTop;
spanner2.style.display = "block";
document.body.offsetTop;
block1.style.display = "block";
block2.style.display = "block";
document.body.offsetTop;
spanner3.style.display = "block";
</script>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#column-span">
<meta name="assert" content="Margins of two adjacent spanners will collapse with each other">
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">
<style>
#spanner1 {
column-span: all;
margin-bottom: 100px;
}
#spanner2 {
column-span: all;
margin-top: 100px;
}
</style>
<p>Test passes if there is a filled green square.</p>
<div style="columns:3; width:100px; background:green;">
<div id="spanner1"></div>
<span id="inlineWithBlock"><div></div></span><div id="spanner2"></div>
</div>
<script>
document.body.offsetTop;
inlineWithBlock.style.display = "none";
</script>

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-multicol-1/#spanning-columns">
<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; width:100px; height:100px; column-fill:auto; column-gap:0; background:red;">
<div style="columns:2; column-gap:0;">
<div style="height:40px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
</div>
</div>

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-multicol-1/#spanning-columns">
<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; width:100px; height:100px; column-fill:auto; column-gap:0; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="height:40px; background:green;"></div>
</div>
</div>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#spanning-columns">
<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; width:100px; height:100px; column-fill:auto; column-gap:0; background:red;">
<div style="columns:2; column-gap:0;">
<div style="height:20px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="height:20px; background:green;"></div>
</div>
</div>

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#spanning-columns">
<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; width:100px; height:100px; column-fill:auto; column-gap:0; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:60px; background:green;"></div>
<div style="column-span:all; height:80px; background:green;"></div>
</div>
</div>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#spanning-columns">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#parallel-flows">
<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:100px; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; height:50px;">
<div style="height:50px; background:green;"></div>
<div style="height:50px;"></div>
<div style="height:100px; background:green;"></div>
</div>
<div style="column-span:all; height:10px; background:green;"></div>
<div style="height:80px; background:green;"></div>
</div>
</div>

View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#spanning-columns">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#parallel-flows">
<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:100px; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; height:50px;">
<div style="height:50px; background:green;"></div>
<div style="height:70px;"></div>
<div style="height:80px; background:green;"></div>
</div>
<div style="column-span:all; height:10px; background:green;"></div>
<div style="height:120px; background:green;"></div>
</div>
</div>

View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#spanning-columns">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#parallel-flows">
<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:4; column-fill:auto; column-gap:0; width:100px; height:100px; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; height:10px;">
<div style="height:10px; background:green;"></div>
<div style="height:360px;"></div>
<div style="height:30px; background:green;"></div>
</div>
<div style="column-span:all; height:100px;">
<div style="height:100px; background:green;"></div>
<div style="height:240px;"></div>
<div style="height:20px; background:green;"></div>
</div>
<div style="column-span:all; height:240px; background:green;"></div>
</div>
</div>

View file

@ -0,0 +1,14 @@
<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-multicol-1/#spanning-columns">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#parallel-flows">
<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:100px; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; margin-bottom:-30px; height:100px;">
<div style="height:70px; background:green;"></div>
</div>
<div style="column-span:all; height:130px; background:green;"></div>
</div>
</div>

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-multicol-1/#spanning-columns">
<link rel="help" href="https://www.w3.org/TR/css-break-3/#parallel-flows">
<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:100px; background:red;">
<div style="columns:2; column-gap:0;">
<div style="column-span:all; margin-bottom:30px; height:50px;">
<div style="height:80px; background:green;"></div>
<div style="height:40px;"></div>
<div style="height:80px; background:green;"></div>
</div>
<div style="column-span:all; margin-top:30px; height:40px; background:green;"></div>
</div>
</div>