Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

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

View File

@@ -0,0 +1,95 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Multi-column Layout Test: 'column-span: all' element with block children (complex)</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Multi-column Layout Module Level 1 CR Test Suite"; }
@top-right { content: "Test multicol-span-all-child-002"; }
@bottom-right { content: counter(page); }
}
</style>
<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-19 -->
<link rel="help" href="http://www.w3.org/TR/css3-multicol/#column-span" title="6.1. 'column-span'" />
<link rel="bookmark" title="[css3-multicol] spanning element with only block children" href="http://lists.w3.org/Archives/Public/www-style/2013Aug/0318.html" />
<link rel="match" href="reference/multicol-span-all-child-002-ref.xht" />
<meta name="flags" content="may" />
<meta name="assert" content="This test checks how spanning elements with block children is rendered inside a multi-column element with a set height which is insufficient for rendering both spanning elements entirely. Since available space (height of 8em) is insufficient to render both spanning elements (4 times 4em plus 2em) entirely inside the multi-column element, then UA may treat 'column-span: all' as 'column-span: none'." />
<style type="text/css"><![CDATA[
html {background-color: white;}
body
{
background-color: black;
height: 8em;
orphans: 1;
widows: 1;
width: 10em;
column-count: 2;
column-gap: 0em;
/*
N == 2;
W == 5em;
*/
}
div, p
{
font: 1em/1 serif;
margin-top: 0em;
column-span: all;
}
span
{
color: black;
display: block;
height: 4em;
width: 5em;
}
]]></style>
</head>
<body>
<div>
<span>FAIL</span>
<span>FAIL</span>
<span>FAIL</span>
<span>FAIL</span>
</div>
<p>abc deg ghk mno</p>
<!--
Expected results:
************************
|FAIL |FAIL |abc deg
| | |ghk mno
| | |
| | |
|FAIL |FAIL |
| | |
| | |
| | |
************************
The test presumes, postulates that
"abc deg" occupies not more than 5em.
-->
</body>
</html>