mirror of
https://github.com/servo/servo.git
synced 2025-08-07 06:25:32 +01:00
Update web-platform-tests to revision 4a5223502fa660ce03e470af6a61c8bc26c5a8ee
This commit is contained in:
parent
c5f7c9ccf3
commit
e891345f26
1328 changed files with 36632 additions and 20588 deletions
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Taking the sole box after a spanner out of flow, then remove it</title>
|
||||
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/" title="CSS Multi-column Layout Module Level 1">
|
||||
<meta name="assert" content="An absolutely positioned box is still contained by the multicol container if its containing block is inside the multicol container">
|
||||
<div id="multicol" style="columns:3;">
|
||||
<div style="position:relative;">
|
||||
<div style="column-span:all;"></div>
|
||||
<div id="victim" style="width:100%; height:300px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
test(() => {
|
||||
var multicol = document.getElementById("multicol");
|
||||
var victim = document.getElementById("victim");
|
||||
assert_equals(multicol.getBoundingClientRect().height, 100);
|
||||
victim.style.position = "absolute";
|
||||
assert_equals(multicol.getBoundingClientRect().height, 100);
|
||||
victim.style.display = "none";
|
||||
assert_equals(multicol.getBoundingClientRect().height, 0);
|
||||
}, "Going out of flow and still fragmented");
|
||||
</script>
|
|
@ -6,8 +6,8 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-05 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'" />
|
||||
<link rel="match" href="multicol-gap-001-ref.xht" />
|
||||
<meta name="flags" content="ahem may" />
|
||||
<meta name="assert" content="This test checks that the 'normal' column gap is 1em, which is suggested -- and not prescribed -- by the specification." />
|
||||
<meta name="flags" content="ahem" />
|
||||
<meta name="assert" content="This test checks that the 'normal' column gap is 1em." />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-05 -->
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-gap" title="4.1. 'column-gap'" />
|
||||
<link rel="match" href="multicol-gap-002-ref.xht" />
|
||||
<meta name="flags" content="ahem may" />
|
||||
<meta name="flags" content="ahem" />
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<title>column-width:0</title>
|
||||
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#cw" title="3.1. column-width">
|
||||
<div id="longhand" style="column-width:0;"></div>
|
||||
<div id="shorthand" style="columns:0;"></div>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<script>
|
||||
test(() => {
|
||||
assert_equals(getComputedStyle(longhand).columnWidth, "0px");
|
||||
assert_equals(getComputedStyle(shorthand).columnWidth, "0px");
|
||||
}, "column-width:0 is a valid CSS declaration");
|
||||
</script>
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<title>column-width:0</title>
|
||||
<meta name="assert" content="column-width:0 is valid as specified and computed value, but its used value may never be less than 1px">
|
||||
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-multicol/#cw" title="3.1. column-width">
|
||||
<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="float:left; width:50px; height:100px; column-width:0; column-gap:0;">
|
||||
<div style="height:5000px; background:green;"></div>
|
||||
</div>
|
||||
<div style="float:left; width:50px; height:100px; columns:0; column-gap:0;">
|
||||
<div style="height:5000px; background:green;"></div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue