Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-17 11:25:35 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 2baa72daab8bf37e3e910a9fd311a1eaa5b0f4a8

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

59
tests/wpt/css-tests/css-fonts-3_dev/html/chapter-3.htm
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 id="refs-column">
@ -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.htm">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.htm">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.htm">font-size-adjust-005</a></strong></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</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.htm">font-size-adjust-006</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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.htm">font-size-adjust-007</a></strong></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</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.htm">font-size-adjust-008</a></strong></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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 -->

137
tests/wpt/css-tests/css-fonts-3_dev/html/font-size-adjust-003.htm Normal file
View file

@ -0,0 +1,137 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<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">
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>

35
tests/wpt/css-tests/css-fonts-3_dev/html/font-size-adjust-005.htm Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<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.htm">
<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">
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>

46
tests/wpt/css-tests/css-fonts-3_dev/html/font-size-adjust-006.htm Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<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.htm">
<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">
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>

46
tests/wpt/css-tests/css-fonts-3_dev/html/font-size-adjust-007.htm Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<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.htm">
<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">
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>

46
tests/wpt/css-tests/css-fonts-3_dev/html/font-size-adjust-008.htm Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<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.htm">
<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">
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>

32
tests/wpt/css-tests/css-fonts-3_dev/html/reftest-toc.htm
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.htm">font-size-adjust-005</a></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</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.htm">font-size-adjust-006</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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.htm">font-size-adjust-007</a></td>
<td><a href="reference/ref-if-there-is-no-red.htm">=</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.htm">font-size-adjust-008</a></td>
<td><a href="reference/ref-filled-green-100px-square.htm">=</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">

4
tests/wpt/css-tests/css-fonts-3_dev/html/reftest.list
View file

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

2
tests/wpt/css-tests/css-fonts-3_dev/html/toc.htm
View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">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.htm">Chapter 4 -

1536
tests/wpt/css-tests/css-fonts-3_dev/implementation-report-TEMPLATE.data
View file

File diff suppressed because it is too large Load diff

5
tests/wpt/css-tests/css-fonts-3_dev/testinfo.data
View file

@ -270,6 +270,11 @@ font-size-122 reference/font-size-122-ref Default Font Sizes ahem http://www.w3.
font-size-123 reference/font-size-123-ref CSS Parsing: Negative Font-Size invalid http://www.w3.org/TR/CSS21/syndata.html#length-units,http://www.w3.org/TR/css-fonts-3/#font-size-prop 06096caf4458d82b8b227730c5b4f9b3bcfc6f37 `Ian Hickson`<mailto:ian@hixie.ch> If a negative length value is set into a font-size declaration, then such declaration is ignored.
font-size-adjust-001 font-size-adjust - greater than aspect value of font Ahem http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop 46f5fd861c048d4b7623e050749230b0fef45685 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the actual font size is greater than the specified size when the value of font-size-adjust is greater than the aspect value of font
font-size-adjust-002 font-size-adjust - less than aspect value of font Ahem http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop e23b1613f315bb08db2dd889eea82327952536f6 `Intel`<http://www.intel.com/>,`Shiyou Tan`<mailto:shiyoux.tan@intel.com> Test checks that the actual font size is less than the specified size when the value of font-size-adjust is less than the aspect value of font
font-size-adjust-003 font-size-adjust - first available and installed font font http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop 76bdd71fdd1aef6fb668dbe98db2fe362e10cdb4 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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).
font-size-adjust-005 reference/ref-if-there-is-no-red font-size-adjust - 0 value implies a 0px used font-size ahem http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop c361d896c578739e5e4156b5719e61078bb20f64 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a 0 value implies that used font-size must be 0px.
font-size-adjust-006 reference/ref-filled-green-100px-square font-size-adjust - a percentage value is invalid ahem,invalid http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop e79aabc31e4259a2e1fc2ab86cc67661dbd62d52 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a percentage value is invalid and therefore must be ignored.
font-size-adjust-007 reference/ref-if-there-is-no-red font-size-adjust - 'auto' value is ignored ahem,invalid http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop 82940e561311c597d72c9eb0ed4895d782e1db9b `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'auto' does not apply to font-size-adjust and therefore must be ignored.
font-size-adjust-008 reference/ref-filled-green-100px-square font-size-adjust - a negative value is invalid ahem,invalid http://www.w3.org/TR/css-fonts-3/#font-size-adjust-prop a04f6a4f97ac33c54ef6cf477de640c8cba97693 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that a negative value is invalid and therefore must be ignored.
font-size-applies-to-001 Font-size and 'display: inline' elements ahem http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size,http://www.w3.org/TR/CSS21/fonts.html#font-size-props,http://www.w3.org/TR/css-fonts-3/#font-size-prop fbc00023abeebe442c9719bfc2530c367045ad7c `Microsoft`<http://www.microsoft.com/> The 'font-size' property applies to 'display: inline' elements.
font-size-applies-to-002 Font-size and 'display: block' elements ahem http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size,http://www.w3.org/TR/CSS21/fonts.html#font-size-props,http://www.w3.org/TR/css-fonts-3/#font-size-prop 8994461fab45e1672a00ecfc2d88ba252286a795 `Microsoft`<http://www.microsoft.com/> The 'font-size' property applies to 'display: block' elements.
font-size-applies-to-003 Font-size and 'display: list-item' elements ahem http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size,http://www.w3.org/TR/CSS21/fonts.html#font-size-props,http://www.w3.org/TR/css-fonts-3/#font-size-prop 7ff24c35c0bc48157db513b72230516e9bf37e86 `Microsoft`<http://www.microsoft.com/> The 'font-size' property applies to 'display: list-item' elements.

59
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/chapter-3.xht
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 -->

137
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/font-size-adjust-003.xht Normal file
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>

35
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/font-size-adjust-005.xht Normal file
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>

46
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/font-size-adjust-006.xht Normal file
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>

46
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/font-size-adjust-007.xht Normal file
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>

46
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/font-size-adjust-008.xht Normal file
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>

32
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/reftest-toc.xht
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">

4
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/reftest.list
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

2
tests/wpt/css-tests/css-fonts-3_dev/xhtml1/toc.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 -

59
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/chapter-3.xht
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 -->

146
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/font-size-adjust-003.xht Normal file
View file

@ -0,0 +1,146 @@
<!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>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-size-adjust-003"; }
@bottom-right { content: counter(page); }
}
</style>
<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>

44
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/font-size-adjust-005.xht Normal file
View file

@ -0,0 +1,44 @@
<!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>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-size-adjust-005"; }
@bottom-right { content: counter(page); }
}
</style>
<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>

55
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/font-size-adjust-006.xht Normal file
View file

@ -0,0 +1,55 @@
<!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>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-size-adjust-006"; }
@bottom-right { content: counter(page); }
}
</style>
<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>

55
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/font-size-adjust-007.xht Normal file
View file

@ -0,0 +1,55 @@
<!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>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-size-adjust-007"; }
@bottom-right { content: counter(page); }
}
</style>
<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>

55
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/font-size-adjust-008.xht Normal file
View file

@ -0,0 +1,55 @@
<!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>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Fonts Module Level 3 CR Test Suite"; }
@top-right { content: "Test font-size-adjust-008"; }
@bottom-right { content: counter(page); }
}
</style>
<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>

32
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/reftest-toc.xht
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">

4
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/reftest.list
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

2
tests/wpt/css-tests/css-fonts-3_dev/xhtml1print/toc.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 -