Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test: feature value matching for font-variant-alternates</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: libertine;
|
||||
src: url(support/fonts/LinLibertine_Re-4.7.5.woff) format("woff");
|
||||
}
|
||||
body {
|
||||
font-family: libertine, sans-serif;
|
||||
font-size: 800%;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
div { margin: 0 20px; }
|
||||
span {
|
||||
font-feature-settings: "ss05"; /* crossed W */
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<div><span id="test1">W</span> <span id="test2">W</span> <span id="test3">W</span></div>
|
||||
<div><span id="test4">W</span> <span id="test5">W</span> <span id="test6">W</span></div>
|
||||
<div><span id="test7">W</span> <span id="test8">W</span> <span id="test9">W</span></div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -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 Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font: 40px/1 serif;
|
||||
margin: 1px 0px 8px 75px;
|
||||
}
|
||||
|
||||
p#expected-results {font-family: serif;}
|
||||
|
||||
img
|
||||
{
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border-top: lime solid 1px;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="expected-results">A thin green horizontal line should appear at exactly 200px<img src="support/ruler-v-100px-200px-300px.png" width="55" height="350" alt="Image download support must be enabled"></p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -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 Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
body
|
||||
{
|
||||
font: 40px/1 serif;
|
||||
margin: 80px 0px 8px 8px;
|
||||
}
|
||||
|
||||
p#expected-results {font-family: serif;}
|
||||
|
||||
img
|
||||
{
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
top: 42px;
|
||||
}
|
||||
|
||||
div
|
||||
{
|
||||
border-left: lime solid 1px;
|
||||
height: 100%;
|
||||
left: 400px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p id="expected-results">A thin green vertical line should appear at exactly 400px<img src="support/ruler-h-200px-400px.png" width="700" height="18" alt="Image download support must be enabled"></p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
height: 360px;
|
||||
margin-left: 120px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is an uninterrupted smooth column of blue.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: blue;
|
||||
height: 120px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a short uninterrupted smooth column of blue.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: navy;
|
||||
height: 60px;
|
||||
margin: 10px 30px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 blue navy squares have the <strong>same size</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
height: 100px;
|
||||
width: 400px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled black rectangle.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
color: white;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>Test passes if this sentence has a green background.</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div {font: italic small-caps bold 16px sans-serif;}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the 2 lines of "Filler Text" match.</p>
|
||||
|
||||
<div>Filler Text</div>
|
||||
|
||||
<div>Filler Text</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,12 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if there is <strong>no black stripe</strong>.</p>
|
||||
<p>First test Passed</p>
|
||||
<p>Second test Passed</p>
|
||||
<p>Third test Passed</p>
|
||||
<p>Fourth test Passed</p>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 1.25em;
|
||||
width: 5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a short green stripe and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: navy;
|
||||
border: yellow solid medium;
|
||||
color: yellow;
|
||||
font: 900 2em "Courier New", Ahem, Marlett, Arial, sans-serif;
|
||||
margin: 1em;
|
||||
padding: 0 1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>This following four lines of text should have the same font.</p>
|
||||
|
||||
<div>Test</div>
|
||||
|
||||
<div>Test</div>
|
||||
|
||||
<div>Test</div>
|
||||
|
||||
<div>Test</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
p {color: navy; font-size: 4em; margin: 0.25em;}
|
||||
|
||||
span.Times {font-family: "Times New Roman";}
|
||||
|
||||
span.Arial {font-family: Arial;}
|
||||
|
||||
span.CourierNew {font-family: "Courier New";}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>In each of the three lines below, the two words should look identical.</div>
|
||||
|
||||
<p><span class="Times">Ţęşţ</span> — <span class="Times">Ţęşţ</span></p>
|
||||
|
||||
<p><span class="Arial">Ţęşţ</span> — <span class="Arial">Ţęşţ</span></p>
|
||||
|
||||
<p><span class="CourierNew">Ţęşţ</span> — <span class="CourierNew">Ţęşţ</span></p>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a small black square.</p>
|
||||
|
||||
<div><img src="support/black96x96.png" width="16" height="16" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if there are only numbers (1-19) below.</p>
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
<div>10</div>
|
||||
<div>11</div>
|
||||
<div>12</div>
|
||||
<div>13</div>
|
||||
<div>14</div>
|
||||
<div>15</div>
|
||||
<div>16</div>
|
||||
<div>17</div>
|
||||
<div>18</div>
|
||||
<div>19</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if there are only numbers (1-3) below and no red visible on the page.</p>
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: font family name that includes numbers should match (ref)</title>
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
|
||||
<meta name="flags" content="font">
|
||||
<meta name="assert" content="Unquoted font family names with numbers should not be matched (reference)">
|
||||
<style type="text/css">
|
||||
body { font-size: 36px; }
|
||||
span#verify { font-family: CSSTest Verify; }
|
||||
p {
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
|
||||
<p>PASS</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: font shorthand parsing does not apply to font-family names (ref)</title>
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
|
||||
<meta name="flags" content="font">
|
||||
<meta name="assert" content="Font shorthand parsing should not cause incorrect matching of font-family values (ref)">
|
||||
<style type="text/css">
|
||||
body { font-size: 36px; }
|
||||
span#verify { font-family: CSSTest Verify; }
|
||||
p {
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
|
||||
<div><p>PaSs</p></div>
|
||||
<div><p>PaSs</p></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: font family names that look like font shorthand (ref)</title>
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
|
||||
<meta name="flags" content="font">
|
||||
<meta name="assert" content="The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.">
|
||||
<style type="text/css">
|
||||
body { font-size: 36px; }
|
||||
span#verify { font-family: CSSTest Verify; }
|
||||
p {
|
||||
font-family: "CSSTest FamilyName";
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
|
||||
<div><p>PaSs</p></div>
|
||||
<div><p>PaSs</p></div>
|
||||
<div><p>PaSs</p></div>
|
||||
<div><p>PaSs</p></div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: system font names in font-family lists (ref)</title>
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
|
||||
<meta name="flags" content="font">
|
||||
<meta name="assert" content="The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.">
|
||||
<style type="text/css">
|
||||
body { font-size: 36px; }
|
||||
span#verify { font-family: CSSTest Verify; }
|
||||
p {
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
|
||||
<p>PASS</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: PaSs rendered with default font</title>
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
|
||||
<meta name="flags" content="font">
|
||||
<meta name="assert" content="The 'font-family' property set to and installed font renders the appropriate font.">
|
||||
<style type="text/css">
|
||||
body { font-size: 36px; }
|
||||
span#verify { font-family: CSSTest Verify; }
|
||||
p {
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">FAIL</span></div>
|
||||
<p>PaSs</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Test: PASS rendering</title>
|
||||
<link rel="author" title="Mozilla" href="http://www.mozilla.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop">
|
||||
<meta name="flags" content="font">
|
||||
<meta name="assert" content="The 'font-family' property set to and installed font renders the appropriate font.">
|
||||
<style type="text/css">
|
||||
body { font-size: 36px; }
|
||||
span#verify { font-family: CSSTest ASCII; }
|
||||
p {
|
||||
font-family: CSSTest Verify;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><a href="http://www.w3.org/Style/CSS/Test/Fonts/">Test fonts</a> must be installed for this test: <span id="verify">PASS</span></div>
|
||||
<p>PASS</p>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>PREREQUISITE: Operating system cannot have a font named "UnknownFont" installed. If it is installed remove it to verify this test.</p>
|
||||
<p>Test passes if there is a letter "X" below.</p>
|
||||
<div>X</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,45 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: black;
|
||||
height: 20px;
|
||||
margin-bottom: 10px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
div#first {margin-top: 21px;}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>PREREQUISITE: Operating system needs to have the '<a href="support/AHEM_whitespace.ttf" type="application/x-font-ttf">White Space</a>' font installed.</p>
|
||||
|
||||
<p>Post Test: Remove test font after running the test.</p>
|
||||
|
||||
<p>Test passes if there are 6 short black stripes.</p>
|
||||
|
||||
<div id="first"></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if there is the word "PASS" below.</p>
|
||||
<div> </div>
|
||||
<div>PASS</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
div {
|
||||
font-family: Ahem;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if the word "Fail" is not visible below.</p>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
<div>Fail</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Test: ligatures should match across spaces</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<link href="mailto:chris@w3.org" rel="reviewer" title="Chris Lilley">
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<style type="text/css">
|
||||
@font-face {
|
||||
font-family: ligsym;
|
||||
src: url(support/fonts/LigatureSymbolsWithSpaces.woff);
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px 5px;
|
||||
}
|
||||
|
||||
.test {
|
||||
font-family: ligsym;
|
||||
font-size: 150%;
|
||||
font-feature-settings: "liga" on;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table>
|
||||
<tbody><tr><td>calendar</td><td class="test"></td></tr>
|
||||
<tr><td>daily calendar</td><td class="test"></td></tr>
|
||||
<tr><td>align left</td><td class="test"></td></tr>
|
||||
<tr><td>align center</td><td class="test"></td></tr>
|
||||
<tr><td>align right</td><td class="test"></td></tr>
|
||||
<tr><td>volume</td><td class="test"></td></tr>
|
||||
<tr><td>volume down</td><td class="test"></td></tr>
|
||||
<tr><td>volume up</td><td class="test"></td></tr>
|
||||
<tr><td>zoom in</td><td class="test"></td></tr>
|
||||
<tr><td>zoom out</td><td class="test"></td></tr>
|
||||
<tr><td>heart</td><td class="test"></td></tr>
|
||||
<tr><td>heart empty</td><td class="test"></td></tr>
|
||||
</tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if there is no red visible on the page.</p>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 30px;
|
||||
width: 120px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a green stripe and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -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 Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
color: green;
|
||||
font-family: Ahem;
|
||||
font-weight: 900;
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-size: xx-small;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
span + span {font-size: x-small;}
|
||||
|
||||
span + span + span {font-size: small;}
|
||||
|
||||
span + span + span + span {font-size: medium;}
|
||||
|
||||
span + span + span + span + span {font-size: large;}
|
||||
|
||||
span + span + span + span + span + span {font-size: x-large;}
|
||||
|
||||
span + span + span + span + span + span + span {font-size: xx-large;}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no red</strong>, except for antialiasing issues.</p>
|
||||
|
||||
<div><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: navy;
|
||||
height: 1em;
|
||||
width: 2em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a short navy stripe (larger than its height).</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 40px;
|
||||
width: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if the "Filler Text" below is slanted to one side.</p>
|
||||
<div><i>Filler Text</i></div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,9 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if the words below are rendered in all lowercase characters.</p>
|
||||
<div>filler text</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<title>CSS Test: feature value matching for font-variant-caps</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<script src="support/fonts/gsubtest-features.js" type="text/javascript"></script>
|
||||
<script src="support/js/font-variant-features.js" type="text/javascript"></script>
|
||||
<link href="support/css/font-variant-features.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content"></div>
|
||||
<script type="text/javascript">
|
||||
document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-caps", true, false));
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<title>CSS Test: feature value matching for font-variant-east-asian</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<script src="support/fonts/gsubtest-features.js" type="text/javascript"></script>
|
||||
<script src="support/js/font-variant-features.js" type="text/javascript"></script>
|
||||
<link href="support/css/font-variant-features.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content"></div>
|
||||
<script type="text/javascript">
|
||||
document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-east-asian", true, false));
|
||||
</script>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<title>CSS Test: feature value matching for font-variant-ligatures</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<script src="support/fonts/gsubtest-features.js" type="text/javascript"></script>
|
||||
<script src="support/js/font-variant-features.js" type="text/javascript"></script>
|
||||
<link href="support/css/font-variant-features.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content"></div>
|
||||
<script type="text/javascript">
|
||||
document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-ligatures", true, false));
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<title>CSS Test: feature value matching for font-variant-numeric</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<script src="support/fonts/gsubtest-features.js" type="text/javascript"></script>
|
||||
<script src="support/js/font-variant-features.js" type="text/javascript"></script>
|
||||
<link href="support/css/font-variant-features.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content"></div>
|
||||
<script type="text/javascript">
|
||||
document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-numeric", true, false));
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<title>CSS Test: feature value matching for font-variant-position</title>
|
||||
<link href="mailto:jdaggett@mozilla.com" rel="author" title="John Daggett">
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||
<script src="support/fonts/gsubtest-features.js" type="text/javascript"></script>
|
||||
<script src="support/js/font-variant-features.js" type="text/javascript"></script>
|
||||
<link href="support/css/font-variant-features.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content"></div>
|
||||
<script type="text/javascript">
|
||||
document.getElementById("content").appendChild(createFeatureTestTable(gPropertyData, "font-variant-position", true, false));
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if the lines of "Filler Text" below match.</p>
|
||||
<div><b>Filler Text</b></div>
|
||||
<div><b>Filler Text</b></div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,10 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Reference</title>
|
||||
<link href="http://www.intel.com" rel="author" title="Intel">
|
||||
</head><body>
|
||||
<p>Test passes if the lines of "Filler Text" below match.</p>
|
||||
<div>Filler Text</div>
|
||||
<div>Filler Text</div>
|
||||
|
||||
</body></html>
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 2.5em;
|
||||
position: relative;
|
||||
top: 0.25em;
|
||||
width: 2.5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a small filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 2.5em;
|
||||
margin: 2.5em 0em;
|
||||
width: 5em;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a small filled green rectangle and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -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 Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
color: blue;
|
||||
font-size: 2.5em;
|
||||
line-height: 1;
|
||||
margin: 1em 0em;
|
||||
}
|
||||
|
||||
span
|
||||
{
|
||||
font-family: Ahem;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is an "İ" in-between 2 blue stripes.</p>
|
||||
|
||||
<div><img src="support/swatch-blue.png" width="160" height="40" alt="Image download support must be enabled"><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled"><span>İ</span><img src="support/swatch-white.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="160" height="40" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
<style type="text/css">
|
||||
p {color: navy;}
|
||||
|
||||
span.Times {font-size: 4em; font-family: "Times New Roman";}
|
||||
|
||||
span.Arial {font-size: 4em; font-family: Arial;}
|
||||
|
||||
span.CourierNew {font-size: 4em; font-family: "Courier New";}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>In each of the three lines below, the two words should look identical.</div>
|
||||
|
||||
<p><span class="Times">Ţęşţ</span> — <span class="Times">Ţęşţ</span></p>
|
||||
|
||||
<p><span class="Arial">Ţęşţ</span> — <span class="Arial">Ţęşţ</span></p>
|
||||
|
||||
<p><span class="CourierNew">Ţęşţ</span> — <span class="CourierNew">Ţęşţ</span></p>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is <strong>no red</strong>.</p>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,4 @@
|
|||
<Files ~ "^at-charset-00[1-6].css$">
|
||||
AddCharset Shift_JIS .css
|
||||
</Files>
|
||||
|
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 446 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 958 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 649 B |
After Width: | Height: | Size: 510 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 135 B |
After Width: | Height: | Size: 109 B |
After Width: | Height: | Size: 224 B |
After Width: | Height: | Size: 218 B |
After Width: | Height: | Size: 217 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 888 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |
After Width: | Height: | Size: 901 B |