diff options
Diffstat (limited to 'tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference')
8 files changed, 235 insertions, 56 deletions
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht index 0357fe55d14..c7989de8419 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/css-flexbox-row-ref.xht @@ -12,6 +12,7 @@ background: green; height: 3em; width: 3em; + line-height: 1.5em; } </style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf Binary files differindex c919d9091d0..84ad57bef5a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/CSSHWOrientationTest.otf diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md index 2f757669727..686cb0c4279 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -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 diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht new file mode 100644 index 00000000000..431019d8365 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht new file mode 100644 index 00000000000..00313892019 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-002-ref.xht @@ -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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-012-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-012-ref.xht deleted file mode 100644 index 206e3351b30..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-orientation-012-ref.xht +++ /dev/null @@ -1,51 +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> - <!-- 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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-022-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-022-ref.xht new file mode 100644 index 00000000000..14b13f7c11b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-022-ref.xht @@ -0,0 +1,30 @@ +<!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> + <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>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-026-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-026-ref.xht new file mode 100644 index 00000000000..5e01b6e94a0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/vertical-alignment-vrl-026-ref.xht @@ -0,0 +1,30 @@ +<!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> + <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>
\ No newline at end of file |