Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse source
This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

91
tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-count-computed-005.htm Normal file
View file

@ -0,0 +1,91 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Multi-column Layout Test: column-rule and overflow inside (complex test)</title>
<link rel="author" title="Opera Software ASA" href="http://www.opera.com/">
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2013-08-03 -->
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns" title="3. The number and width of columns">
<link rel="match" href="reference/multicol-count-computed-003-ref.htm">
<meta name="flags" content="ahem">
<meta name="assert" content="This test checks that if one of 2 adjacent column boxes (2nd and 3rd colum box in this test) does not have any content, then the column rule separating those should not be drawn. In this test, the 3rd colum box should have no inline content. This test also checks that inline content in the normal flow that extends into a column gap should be clipped in the middle of the column gap. So, in this test, inline content in 1st column box should be partially clipped and overlapped partially by 1st column-rule.">
<style type="text/css">
div
{
background: yellow;
border: gray solid 1em;
color: black;
font: 1.25em/1 Ahem;
orphans: 1;
widows: 1;
width: 13em;
column-gap: 5em;
column-rule-color: blue;
column-rule-style: solid;
column-rule-width: 1.5em;
column-width: 1em;
}
/*
(15) if (column-width != auto) and (column-count = auto) then
(16) N := max(1, floor((available-width + column-gap) / (column-width + column-gap)));
(17) W := ((available-width + column-gap) / N) - column-gap;
(18) exit;
N := max(1, floor((available-width + column-gap) / (column-width + column-gap)));
N == max(1, floor((13em + 5em) / (1em + 5em)));
N == max(1, floor(18em / 6em));
N == max(1, floor(3));
N == 3;
So, the used column-count in this test is 3.
W := ((available-width + column-gap) / N) - column-gap;
W == ((13em + 5em) / 3) - 5em;
W == ((18em) / 3) - 5em;
W == (6em) - 5em;
W == 1em;
So, the used column-width in this test is 1em.
*/
#pink {color: pink;}
#orange {color: orange;}
#purple {color: purple;}
#gray {color: gray;}
/*
Since
"
Content in the normal flow that extends into
column gaps (e.g., long words or images) is
clipped in the middle of the column gap.
"
http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements
this causes the right-half (0.5em) of the 'K' glyph to
be overlapped by the right-half (0.75em) of the 1st blue column-rule.
Same thing should happen to the 'N' glyph of 'ORAN'.
Because no inline content should be rendered into the
3rd column box, this causes the 2nd column rule not
been rendered because
"
Column rules are only drawn between two columns that
both have content.
"
http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules
*/
</style>
</head>
<body>
<div>
<span id="pink">PINK</span>
<span id="orange">ORAN</span>
<span id="purple">PURP</span>
<span id="gray">GRAY</span>
</div>
</body>
</html>