mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision 7a87ef71fc579e52d3438e009107aa442bc4021b
This commit is contained in:
Ms2ger
parent
ad94ef5a96
commit
145aea3eeb
1196 changed files with 14344 additions and 6221 deletions
|
|
@ -12,6 +12,7 @@
|
|||
background: green;
|
||||
height: 3em;
|
||||
width: 3em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -3,7 +3,8 @@ CSS Orientation Test
|
|||
|
||||
Overview
|
||||
----
|
||||
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
|
||||
CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files
|
||||
that were used to build these OpenType fonts by using the AFDKO *makeotf* tool.
|
||||
|
||||
Getting Involved
|
||||
----
|
||||
|
|
@ -14,20 +15,26 @@ Building
|
|||
|
||||
Pre-built font binaries
|
||||
----
|
||||
The installable font resources (font binaries) are not part of the source files. They are available on [Open@Adobe](https://sourceforge.net/projects/csso9ntestfonts.adobe/files/).
|
||||
The installable font resources (font binaries) are not part of the source files.
|
||||
They are available at https://github.com/adobe-fonts/css-orientation-test/
|
||||
The latest version of the font binaries is 1.005 (October 2015).
|
||||
|
||||
|
||||
Requirements
|
||||
----
|
||||
|
||||
For building binary font files from source, installation of the [Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
|
||||
For building binary font files from source, installation of the
|
||||
[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO)
|
||||
is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications.
|
||||
|
||||
Building the fonts
|
||||
----
|
||||
|
||||
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*.
|
||||
The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found
|
||||
by executing *makeotf -h*.
|
||||
|
||||
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
|
||||
In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font
|
||||
for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table:
|
||||
|
||||
% makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H
|
||||
% sfntedit -a DSIG=DSIG.bin CSSFWOrientationTest.otf
|
||||
|
|
|
|||
|
|
@ -0,0 +1,93 @@
|
|||
<!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><title>CSS Reference</title>
|
||||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
|
||||
|
||||
<style>
|
||||
table {
|
||||
border-spacing: 0;
|
||||
margin: 1em;
|
||||
}
|
||||
td {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border: solid gray;
|
||||
}
|
||||
|
||||
.navy { background: navy}
|
||||
.blue { background: blue }
|
||||
.aqua { background: aqua }
|
||||
.teal { background: teal }
|
||||
.purp { background: purple }
|
||||
.pink { background: fuchsia }
|
||||
.yllw { background: yellow }
|
||||
.orng { background: orange }
|
||||
caption { background: green; }
|
||||
</style>
|
||||
|
||||
</head><body><p>Test passes if the following three tables look identical.
|
||||
|
||||
</p><table>
|
||||
<caption></caption>
|
||||
<tbody><tr>
|
||||
<td rowspan="2">
|
||||
</td><td class="orng">
|
||||
</td><td colspan="3">
|
||||
</td><td class="navy">
|
||||
</td></tr><tr>
|
||||
<td rowspan="3">
|
||||
</td><td class="yllw">
|
||||
</td><td class="pink">
|
||||
</td><td rowspan="2">
|
||||
</td><td class="blue">
|
||||
</td></tr><tr>
|
||||
<td class="aqua">
|
||||
</td><td colspan="2" rowspan="2">
|
||||
</td><td rowspan="2">
|
||||
</td></tr><tr>
|
||||
<td class="teal">
|
||||
</td><td class="purp">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<td rowspan="2">
|
||||
</td><td class="orng">
|
||||
</td><td colspan="3">
|
||||
</td><td class="navy">
|
||||
</td></tr><tr>
|
||||
<td rowspan="3">
|
||||
</td><td class="yllw">
|
||||
</td><td class="pink">
|
||||
</td><td rowspan="2">
|
||||
</td><td class="blue">
|
||||
</td></tr><tr>
|
||||
<td class="aqua">
|
||||
</td><td colspan="2" rowspan="2">
|
||||
</td><td rowspan="2">
|
||||
</td></tr><tr>
|
||||
<td class="teal">
|
||||
</td><td class="purp">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
<table>
|
||||
<tbody><tr>
|
||||
<td rowspan="2">
|
||||
</td><td class="orng">
|
||||
</td><td colspan="3">
|
||||
</td><td class="navy">
|
||||
</td></tr><tr>
|
||||
<td rowspan="3">
|
||||
</td><td class="yllw">
|
||||
</td><td class="pink">
|
||||
</td><td rowspan="2">
|
||||
</td><td class="blue">
|
||||
</td></tr><tr>
|
||||
<td class="aqua">
|
||||
</td><td colspan="2" rowspan="2">
|
||||
</td><td rowspan="2">
|
||||
</td></tr><tr>
|
||||
<td class="teal">
|
||||
</td><td class="purp">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!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><title>CSS Reference</title>
|
||||
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
|
||||
|
||||
<style>
|
||||
table {
|
||||
border-spacing: 0;
|
||||
border: solid gray;
|
||||
margin: 1em;
|
||||
float: left;
|
||||
}
|
||||
td {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.navy { background: navy}
|
||||
.blue { background: blue }
|
||||
.aqua { background: aqua }
|
||||
.teal { background: teal }
|
||||
</style>
|
||||
|
||||
</head><body><p>Test passes if the following patterned boxes all look identical.
|
||||
|
||||
</p><table class="reference">
|
||||
<tbody><tr><td class="navy">
|
||||
</td></tr><tr><td class="navy">
|
||||
</td></tr><tr><td class="blue">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
<table class="reference">
|
||||
<tbody><tr><td class="navy">
|
||||
</td></tr><tr><td class="navy">
|
||||
</td></tr><tr><td class="blue">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
<table class="reference">
|
||||
<tbody><tr><td class="navy">
|
||||
</td></tr><tr><td class="navy">
|
||||
</td></tr><tr><td class="blue">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
<table class="reference">
|
||||
<tbody><tr><td class="navy">
|
||||
</td></tr><tr><td class="navy">
|
||||
</td></tr><tr><td class="blue">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
<table class="reference">
|
||||
<tbody><tr><td class="navy">
|
||||
</td></tr><tr><td class="navy">
|
||||
</td></tr><tr><td class="blue">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr><tr><td class="aqua">
|
||||
</td></tr></tbody></table>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test text-orientation-012-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<!-- reftest for text-orientation-012.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com"/>
|
||||
<meta http-equiv="content-language" content="en"/>
|
||||
<style type="text/css">
|
||||
.view_ahem
|
||||
{
|
||||
background: pink;
|
||||
border: 1px solid black;
|
||||
color: blue;
|
||||
font: 20px/1 "Ahem";
|
||||
height: 3em;
|
||||
margin: 10px;
|
||||
width: 3em;
|
||||
white-space: pre;
|
||||
}
|
||||
.control_ahem
|
||||
{
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.view
|
||||
{
|
||||
border: 1px solid gray;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
width: 3em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.control
|
||||
{
|
||||
text-combine-upright: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body lang="en">
|
||||
<p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong> and <strong>orientation</strong>.</p>
|
||||
<div class="view_ahem"><span class="control_ahem">7 1
|
||||
52
|
||||
63</span></div>
|
||||
<div class="view_ahem"><span class="control_ahem">7 1
|
||||
52
|
||||
63</span></div>
|
||||
<hr/>
|
||||
<div class="view"><span class="control">123Abc<br/>def456</span></div>
|
||||
<div class="view"><span class="control">123Abc<br/>def456</span></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!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 Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test vertical-alignment-vrl-022-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!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 Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test vertical-alignment-vrl-026-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" />
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue