Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8

This commit is contained in:
James Graham 2015-07-27 17:47:31 +01:00
parent 662c00a810
commit df03062d62
10934 changed files with 428309 additions and 254265 deletions

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Fonts Module Level 3 CR Test Suite</h1>
<h2>Basic Font Properties (338 tests)</h2>
<h2>Basic Font Properties (343 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -3191,7 +3191,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.6">+</a>
<a href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop">3.6 Relative sizing: the font-size-adjust property</a></th></tr>
<!-- 2 tests -->
<!-- 7 tests -->
<tr id="font-size-adjust-001-3.6" class="primary Ahem">
<td><strong>
<a href="font-size-adjust-001.xht">font-size-adjust-001</a></strong></td>
@ -3214,6 +3214,61 @@
</ul>
</td>
</tr>
<tr id="font-size-adjust-003-3.6" class="primary font">
<td><strong>
<a href="font-size-adjust-003.xht">font-size-adjust-003</a></strong></td>
<td></td>
<td><abbr class="font" title="Requires a special font">Font</abbr></td>
<td>font-size-adjust - first available and installed font
<ul class="assert">
<li>In this test, span.test's first 3 fallback fonts are unavailable and the next fallback fonts have a relatively big aspect value with regards to each fonts listed, declared in span.reference rule (0.450). This test checks that 'font-size-adjust' property adjusts the relative height of lowercase letters of available, installed fallback fonts listed, declared in span.test rule (0.530-0.545) to match the relative height of lowercase letters of fonts listed, declared in span.reference rule (0.450).</li>
</ul>
</td>
</tr>
<tr id="font-size-adjust-005-3.6" class="primary ahem">
<td><strong>
<a href="font-size-adjust-005.xht">font-size-adjust-005</a></strong></td>
<td><a href="reference/ref-if-there-is-no-red.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>font-size-adjust - 0 value implies a 0px used font-size
<ul class="assert">
<li>This test checks that a 0 value implies that used font-size must be 0px.</li>
</ul>
</td>
</tr>
<tr id="font-size-adjust-006-3.6" class="primary ahem invalid">
<td><strong>
<a href="font-size-adjust-006.xht">font-size-adjust-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font-size-adjust - a percentage value is invalid
<ul class="assert">
<li>This test checks that a percentage value is invalid and therefore must be ignored.</li>
</ul>
</td>
</tr>
<tr id="font-size-adjust-007-3.6" class="primary ahem invalid">
<td><strong>
<a href="font-size-adjust-007.xht">font-size-adjust-007</a></strong></td>
<td><a href="reference/ref-if-there-is-no-red.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font-size-adjust - 'auto' value is ignored
<ul class="assert">
<li>This test checks that 'auto' does not apply to font-size-adjust and therefore must be ignored.</li>
</ul>
</td>
</tr>
<tr id="font-size-adjust-008-3.6" class="primary ahem invalid">
<td><strong>
<a href="font-size-adjust-008.xht">font-size-adjust-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
<td>font-size-adjust - a negative value is invalid
<ul class="assert">
<li>This test checks that a negative value is invalid and therefore must be ignored.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.6.#aspect-ratio-value">
<!-- 0 tests -->

View file

@ -0,0 +1,137 @@
<!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 Fonts Test: font-size-adjust - first available and installed font</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop" title="3.6 Relative sizing: the font-size-adjust property" />
<link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2013May/0384.html" title="[css3-fonts] font-size-adjust and em/ex values" />
<link rel="bookmark" href="https://code.google.com/p/chromium/issues/detail?id=451346" title="Issue 451346: Add support for font-size-adjust" />
<!-- last update: 2015-03-19 -->
<!--
font-relative lengths are calculated against
the [computed? used?] font-size.
In situations where font fallback occurs, fallback fonts
may not share the same aspect ratio as the desired font
family and will thus appear less readable. The
font-size-adjust property is a way to preserve the
readability of text when font fallback occurs. It does
this by adjusting the font-size so that the x-height
is the same regardless of the font used.
http://lists.w3.org/Archives/Public/www-style/2013May/0384.html
"May I include your sample to my patch as a blink test case?"
https://code.google.com/p/chromium/issues/detail?id=451346#c6
Yes you can ... as long as my name is listed somewhere as the original author.
Gérard
It's "Oxygen-Sans" (with a hyphen!) and not "Oxygen Sans"
http://packages.ubuntu.com/vivid/amd64/ttf-oxygen-font-family/filelist
-->
<meta content="font" name="flags" />
<meta content="In this test, span.test's first 3 fallback fonts are unavailable and the next fallback fonts have a relatively big aspect value with regards to each fonts listed, declared in span.reference rule (0.450). This test checks that 'font-size-adjust' property adjusts the relative height of lowercase letters of available, installed fallback fonts listed, declared in span.test rule (0.530-0.545) to match the relative height of lowercase letters of fonts listed, declared in span.reference rule (0.450)." name="assert" />
<style type="text/css"><![CDATA[
div.wrapper
{
font-size: 200px;
line-height: 1;
}
/*
The 'line-height: 1' declaration
is not part of the test. Its
sole purpose is to not increase
document box height unneedlessly.
*/
img
{
height: 1px;
margin-right: -100%;
width: 100%;
}
img.top-x-height {vertical-align: 90px;}
/* 200px mult by 0.450 == 90px */
img.baseline {vertical-align: -1px;}
/*
We want the bottom green line to be flush with the bottom of
glyphs and not be overlapped by the bottom of glyphs. Therefore
this 'vertical-align: -1px' declaration.
*/
span.test
{
font-family: uninstalled, notavailable, bogus, "DejaVu Sans", "Oxygen-Sans", "Liberation Sans", Verdana, Tahoma;
/*
This test presumes that the tester will have at least
one of the following font installed on his/her operating system:
"DejaVu Sans", "Oxygen-Sans", "Liberation Sans", Verdana, Tahoma
*/
font-size-adjust: 0.450;
}
/*
List of 5 font faces with relatively big aspect values
DejaVu Sans' aspect value == 0.547
Oxygen-Sans' aspect value == 0.540
Liberation Sans' aspect value == 0.530
(DejaVu Sans, Oxygen-Sans and Liberation Sans are font
faces very often installed under Linux Debian-distributions)
Verdana's aspect value == 0.545
Tahoma's aspect value == 0.545
(Verdana and Tahoma are font faces very often pre-installed
under Windows operating systems.)
*/
span.reference {font-family: Rachana, "Nimbus Roman No9 L", "Times New Roman";}
/*
Rachana's aspect value == 0.450
Nimbus Roman No9 L's aspect value == 0.450
(Rachana and Nimbus Roman No9 L are font
faces often installed under Linux Debian-distributions)
Times New Roman's aspect value == 0.448
(Times New Roman is a font face is very often pre-installed
under Windows operating systems.)
*/
/*
This test presumes that the tester will have at least
one of the following font installed on his/her operating system:
Rachana, "Nimbus Roman No9 L", "Times New Roman"
*/
]]></style>
</head>
<body>
<p>Test passes if each pair of "x" and "z" <strong>letters have the same height</strong>; the thin wide and bright green horizontal lines are not part of this test and only serve to help visually compare the height of tested pairs of letters.</p>
<div class="wrapper">
<img class="top-x-height" src="support/1x1-lime.png" alt="Image download support must be enabled" /><img class="baseline" src="support/1x1-lime.png" alt="Image download support must be enabled" />
<span class="test">x</span>
<span class="reference">x</span>
</div>
<div class="wrapper">
<img class="top-x-height" src="support/1x1-lime.png" alt="Image download support must be enabled" /><img class="baseline" src="support/1x1-lime.png" alt="Image download support must be enabled" />
<span class="test">z</span>
<span class="reference">z</span>
</div>
</body>
</html>

View file

@ -0,0 +1,35 @@
<!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 Fonts Test: font-size-adjust - 0 value implies a 0px used font-size</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop" title="3.6 Relative sizing: the font-size-adjust property" />
<link rel="bookmark" href="https://lists.w3.org/Archives/Public/www-style/2015Mar/0282.html" title="[css-fonts] What does font-size-adjust for '0' look like?" />
<link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1144885" title="Bug 1144885: font-size-adjust:0 interpreted as font-size-adjust:none " />
<link rel="match" href="reference/ref-if-there-is-no-red.xht" />
<meta content="ahem" name="flags" />
<meta content="This test checks that a 0 value implies that used font-size must be 0px." name="assert" />
<style type="text/css"><![CDATA[
div#zero-value-test
{
color: red;
font: 6.25em/1 Ahem; /* computes to 100px/100px */
font-size-adjust: 0;
}
]]></style>
</head>
<body>
<p>Test passes if there is <strong>no red</strong>.</p>
<div id="zero-value-test">FAIL</div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!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 Fonts Test: font-size-adjust - a percentage value is invalid</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop" title="3.6 Relative sizing: the font-size-adjust property" />
<link rel="bookmark" href="https://lists.w3.org/Archives/Public/www-style/2015Mar/0282.html" title="[css-fonts] What does font-size-adjust for '0' look like?" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="ahem invalid" name="flags" />
<meta content="This test checks that a percentage value is invalid and therefore must be ignored." name="assert" />
<style type="text/css"><![CDATA[
div#test-percent-value
{
color: green;
font: 6.25em/1 Ahem; /* computes to 100px/100px */
font-size-adjust: 50%;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="test-percent-value">Z</div>
<div id="reference-overlapped-red"></div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!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 Fonts Test: font-size-adjust - 'auto' value is ignored</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop" title="3.6 Relative sizing: the font-size-adjust property" />
<link rel="bookmark" href="https://lists.w3.org/Archives/Public/www-style/2015Mar/0282.html" title="[css-fonts] What does font-size-adjust for '0' look like?" />
<link rel="match" href="reference/ref-if-there-is-no-red.xht" />
<meta content="ahem invalid" name="flags" />
<meta content="This test checks that 'auto' does not apply to font-size-adjust and therefore must be ignored." name="assert" />
<style type="text/css"><![CDATA[
div#test-auto-value
{
color: green;
font: 6.25em/1 Ahem; /* computes to 100px/100px */
font-size-adjust: auto;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="test-auto-value">A</div>
<div id="reference-overlapped-red"></div>
</body>
</html>

View file

@ -0,0 +1,46 @@
<!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 Fonts Test: font-size-adjust - a negative value is invalid</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop" title="3.6 Relative sizing: the font-size-adjust property" />
<link rel="bookmark" href="https://lists.w3.org/Archives/Public/www-style/2015Mar/0282.html" title="[css-fonts] What does font-size-adjust for '0' look like?" />
<link rel="match" href="reference/ref-filled-green-100px-square.xht" />
<meta content="ahem invalid" name="flags" />
<meta content="This test checks that a negative value is invalid and therefore must be ignored." name="assert" />
<style type="text/css"><![CDATA[
div#test-negative-value
{
color: green;
font: 6.25em/1 Ahem; /* computes to 100px/100px */
font-size-adjust: -0.5;
}
div#reference-overlapped-red
{
background-color: red;
bottom: 100px;
height: 100px;
position: relative;
width: 100px;
z-index: -1;
}
]]></style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="test-negative-value">N</div>
<div id="reference-overlapped-red"></div>
</body>
</html>

View file

@ -728,6 +728,38 @@
<td rowspan="1"><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="font-size-adjust-005" class="ahem">
<tr>
<td rowspan="1" title="font-size-adjust - 0 value implies a 0px used font-size">
<a href="font-size-adjust-005.xht">font-size-adjust-005</a></td>
<td><a href="reference/ref-if-there-is-no-red.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="font-size-adjust-006" class="ahem invalid">
<tr>
<td rowspan="1" title="font-size-adjust - a percentage value is invalid">
<a href="font-size-adjust-006.xht">font-size-adjust-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="font-size-adjust-007" class="ahem invalid">
<tr>
<td rowspan="1" title="font-size-adjust - 'auto' value is ignored">
<a href="font-size-adjust-007.xht">font-size-adjust-007</a></td>
<td><a href="reference/ref-if-there-is-no-red.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="font-size-adjust-008" class="ahem invalid">
<tr>
<td rowspan="1" title="font-size-adjust - a negative value is invalid">
<a href="font-size-adjust-008.xht">font-size-adjust-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="invalid" title="Tests invalid CSS">Invalid</abbr></td>
</tr>
</tbody>
<tbody id="font-size-applies-to-016" class="ahem">
<tr>
<td rowspan="1" title="Font-size and 'display: none' elements">

View file

@ -87,6 +87,10 @@ font-size-120.xht == reference/font-size-120-ref.xht
font-size-121.xht == reference/font-size-121-ref.xht
font-size-122.xht == reference/font-size-122-ref.xht
font-size-123.xht == reference/font-size-123-ref.xht
font-size-adjust-005.xht == reference/ref-if-there-is-no-red.xht
font-size-adjust-006.xht == reference/ref-filled-green-100px-square.xht
font-size-adjust-007.xht == reference/ref-if-there-is-no-red.xht
font-size-adjust-008.xht == reference/ref-filled-green-100px-square.xht
font-size-applies-to-016.xht == reference/font-size-001-ref.xht
font-style-applies-to-001.xht == reference/font-style-applies-to-001-ref.xht
font-style-applies-to-002.xht == reference/font-style-applies-to-001-ref.xht

View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -
Basic Font Properties</a></th>
<td>(338 Tests)</td></tr>
<td>(343 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.xht">Chapter 4 -