Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-05 21:50:18 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

Browse source
This commit is contained in:
Ms2ger 2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-table-alignment-002-ref.htm
View file

@ -3,7 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
<meta name="flags" content="image">
<style type="text/css">
img

2
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-table-alignment-003-ref.htm
View file

@ -3,7 +3,7 @@
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
<link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
<meta name="flags" content="image">
<style type="text/css">
img

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm
View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
<meta content="ahem" name="flags">
<style>
.container {
@ -13,7 +14,7 @@
outline:blue solid 2px;
}
</style>
</head><body><p>Test passes if inside of blue rectangles are orange.
</head><body><p>Test passes if the inside of 3 blue rectangles is orange.
</p><div class="container">
<span style="margin-left:1em" class="outline">1</span><br>
<span style="margin-left:3em" class="outline">1<br>2</span><br>

4
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm
View file

@ -1,19 +1,19 @@
<!DOCTYPE html>
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title>
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
<meta content="ahem" name="flags">
<style>
div {
color:transparent;
font:50px/1 Ahem;
width:2em;
height:5em;
}
.outline {
color:orange;
outline:blue solid 2px;
}
</style>
</head><body><p>Test passes if inside of blue rectangles are orange.
</head><body><p>Test passes if the inside of 2 blue squares is orange.
</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div>
</body></html>

3
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm
View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title>
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-14 -->
<meta content="ahem" name="flags">
<style>
.container {
@ -12,7 +13,7 @@
outline:blue solid 2px;
}
</style>
</head><body><p>Test passes if inside of blue rectangles are orange.
</head><body><p>Test passes if the inside of 2 blue squares is orange.
</p><div class="container">
<div>111<span class="outline">1</span></div>
<div>1</div>

9
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/ref-filled-green-100px-square.htm
View file

@ -1,12 +1,8 @@
<!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
{
@ -15,14 +11,9 @@
width: 100px;
}
</style>
</head>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div></div>
</body>
</html>

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/README
View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/CSSFWOrientationTest.otf Normal file
View file

Binary file not shown.

2
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/adobe-fonts/README.md
View file

@ -17,7 +17,7 @@ Pre-built font binaries
----
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).
The latest version of the font binaries is 1.005 (April 4th 2015).
Requirements

190
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/check-layout-th.js Normal file
View file

@ -0,0 +1,190 @@
(function() {
// Test is initiated from body.onload, so explicit done() call is required.
setup({ explicit_done: true });
function checkSubtreeExpectedValues(t, parent, prefix)
{
var checkedLayout = checkExpectedValues(t, parent, prefix);
Array.prototype.forEach.call(parent.childNodes, function(node) {
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
});
return checkedLayout;
}
function checkAttribute(output, node, attribute)
{
var result = node.getAttribute && node.getAttribute(attribute);
output.checked |= !!result;
return result;
}
function assert_tolerance(actual, expected, message)
{
if (isNaN(expected) || Math.abs(actual - expected) >= 1) {
assert_equals(actual, Number(expected), message);
}
}
function checkExpectedValues(t, node, prefix)
{
var output = { checked: false };
var expectedWidth = checkAttribute(output, node, "data-expected-width");
if (expectedWidth) {
assert_tolerance(node.offsetWidth, expectedWidth, prefix + "width");
}
var expectedHeight = checkAttribute(output, node, "data-expected-height");
if (expectedHeight) {
assert_tolerance(node.offsetHeight, expectedHeight, prefix + "height");
}
var expectedOffset = checkAttribute(output, node, "data-offset-x");
if (expectedOffset) {
assert_tolerance(node.offsetLeft, expectedOffset, prefix + "offsetLeft");
}
var expectedOffset = checkAttribute(output, node, "data-offset-y");
if (expectedOffset) {
assert_tolerance(node.offsetTop, expectedOffset, prefix + "offsetTop");
}
var expectedWidth = checkAttribute(output, node, "data-expected-client-width");
if (expectedWidth) {
assert_tolerance(node.clientWidth, expectedWidth, prefix + "clientWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-client-height");
if (expectedHeight) {
assert_tolerance(node.clientHeight, expectedHeight, prefix + "clientHeight");
}
var expectedWidth = checkAttribute(output, node, "data-expected-scroll-width");
if (expectedWidth) {
assert_tolerance(node.scrollWidth, expectedWidth, prefix + "scrollWidth");
}
var expectedHeight = checkAttribute(output, node, "data-expected-scroll-height");
if (expectedHeight) {
assert_tolerance(node.scrollHeight, expectedHeight, prefix + "scrollHeight");
}
var expectedOffset = checkAttribute(output, node, "data-total-x");
if (expectedOffset) {
var totalLeft = node.clientLeft + node.offsetLeft;
assert_tolerance(totalLeft, expectedOffset, prefix +
"clientLeft+offsetLeft (" + node.clientLeft + " + " + node.offsetLeft + ")");
}
var expectedOffset = checkAttribute(output, node, "data-total-y");
if (expectedOffset) {
var totalTop = node.clientTop + node.offsetTop;
assert_tolerance(totalTop, expectedOffset, prefix +
"clientTop+offsetTop (" + node.clientTop + " + " + node.offsetTop + ")");
}
var expectedDisplay = checkAttribute(output, node, "data-expected-display");
if (expectedDisplay) {
var actualDisplay = getComputedStyle(node).display;
assert_equals(actualDisplay, expectedDisplay, prefix + "display");
}
var expectedPaddingTop = checkAttribute(output, node, "data-expected-padding-top");
if (expectedPaddingTop) {
var actualPaddingTop = getComputedStyle(node).paddingTop;
// Trim the unit "px" from the output.
actualPaddingTop = actualPaddingTop.slice(0, -2);
assert_equals(actualPaddingTop, expectedPaddingTop, prefix + "padding-top");
}
var expectedPaddingBottom = checkAttribute(output, node, "data-expected-padding-bottom");
if (expectedPaddingBottom) {
var actualPaddingBottom = getComputedStyle(node).paddingBottom;
// Trim the unit "px" from the output.
actualPaddingBottom = actualPaddingBottom.slice(0, -2);
assert_equals(actualPaddingBottom, expectedPaddingBottom, prefix + "padding-bottom");
}
var expectedPaddingLeft = checkAttribute(output, node, "data-expected-padding-left");
if (expectedPaddingLeft) {
var actualPaddingLeft = getComputedStyle(node).paddingLeft;
// Trim the unit "px" from the output.
actualPaddingLeft = actualPaddingLeft.slice(0, -2);
assert_equals(actualPaddingLeft, expectedPaddingLeft, prefix + "padding-left");
}
var expectedPaddingRight = checkAttribute(output, node, "data-expected-padding-right");
if (expectedPaddingRight) {
var actualPaddingRight = getComputedStyle(node).paddingRight;
// Trim the unit "px" from the output.
actualPaddingRight = actualPaddingRight.slice(0, -2);
assert_equals(actualPaddingRight, expectedPaddingRight, prefix + "padding-right");
}
var expectedMarginTop = checkAttribute(output, node, "data-expected-margin-top");
if (expectedMarginTop) {
var actualMarginTop = getComputedStyle(node).marginTop;
// Trim the unit "px" from the output.
actualMarginTop = actualMarginTop.slice(0, -2);
assert_equals(actualMarginTop, expectedMarginTop, prefix + "margin-top");
}
var expectedMarginBottom = checkAttribute(output, node, "data-expected-margin-bottom");
if (expectedMarginBottom) {
var actualMarginBottom = getComputedStyle(node).marginBottom;
// Trim the unit "px" from the output.
actualMarginBottom = actualMarginBottom.slice(0, -2);
assert_equals(actualMarginBottom, expectedMarginBottom, prefix + "margin-bottom");
}
var expectedMarginLeft = checkAttribute(output, node, "data-expected-margin-left");
if (expectedMarginLeft) {
var actualMarginLeft = getComputedStyle(node).marginLeft;
// Trim the unit "px" from the output.
actualMarginLeft = actualMarginLeft.slice(0, -2);
assert_equals(actualMarginLeft, expectedMarginLeft, prefix + "margin-left");
}
var expectedMarginRight = checkAttribute(output, node, "data-expected-margin-right");
if (expectedMarginRight) {
var actualMarginRight = getComputedStyle(node).marginRight;
// Trim the unit "px" from the output.
actualMarginRight = actualMarginRight.slice(0, -2);
assert_equals(actualMarginRight, expectedMarginRight, prefix + "margin-right");
}
return output.checked;
}
window.checkLayout = function(selectorList, outputContainer)
{
if (!selectorList) {
console.error("You must provide a CSS selector of nodes to check.");
return;
}
var nodes = document.querySelectorAll(selectorList);
var testNumber = 0;
nodes = Array.prototype.slice.call(nodes);
nodes.reverse();
var checkedLayout = false;
Array.prototype.forEach.call(nodes, function(node) {
test(function(t) {
var container = node.parentNode.className == 'container' ? node.parentNode : node;
var prefix = "\n" + container.outerHTML + "\n";
var passed = false;
try {
checkedLayout |= checkExpectedValues(t, node.parentNode, prefix);
checkedLayout |= checkSubtreeExpectedValues(t, node, prefix);
passed = true;
} finally {
checkedLayout |= !passed;
}
}, selectorList + ' ' + String(++testNumber));
});
if (!checkedLayout) {
console.error("No valid data-* attributes found in selector list : " + selectorList);
}
done();
};
})();

143
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/flexbox.css Normal file
View file

@ -0,0 +1,143 @@
.flexbox {
display: -webkit-flex;
display: flex;
}
.inline-flexbox {
display: -webkit-inline-flex;
display: inline-flex;
}
.flex-none {
-webkit-flex: none;
flex: none;
}
.flex-auto {
-webkit-flex: auto;
flex: auto;
}
.flex-one {
-webkit-flex: 1;
flex: 1;
}
.flex-one-one-auto {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.row {
-webkit-flex-direction: row;
flex-direction: row;
}
.row-reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.column {
-webkit-flex-direction: column;
flex-direction: column;
}
.column-reverse {
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.wrap-reverse {
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.align-content-flex-start {
-webkit-align-content: flex-start;
align-content: flex-start;
}
.align-content-flex-end {
-webkit-align-content: flex-end;
align-content: flex-end;
}
.align-content-center {
-webkit-align-content: center;
align-content: center;
}
.align-content-space-between {
-webkit-align-content: space-between;
align-content: space-between;
}
.align-content-space-around {
-webkit-align-content: space-around;
align-content: space-around;
}
.align-content-stretch {
-webkit-align-content: stretch;
align-content: stretch;
}
.align-items-flex-start {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.align-items-flex-end {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.align-items-center {
-webkit-align-items: center;
align-items: center;
}
.align-items-baseline {
-webkit-align-items: baseline;
align-items: baseline;
}
.align-items-stretch {
-webkit-align-items: stretch;
align-items: stretch;
}
.align-self-auto {
-webkit-align-self: auto;
align-self: auto;
}
.align-self-flex-start {
-webkit-align-self: flex-start;
align-self: flex-start;
}
.align-self-flex-end {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.align-self-center {
-webkit-align-self: center;
align-self: center;
}
.align-self-baseline {
-webkit-align-self: baseline;
align-self: baseline;
}
.align-self-stretch {
-webkit-align-self: stretch;
align-self: stretch;
}
.justify-content-flex-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-content-flex-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.justify-content-center {
-webkit-justify-content: center;
justify-content: center;
}
.justify-content-space-between {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.justify-content-space-around {
-webkit-justify-content: space-around;
justify-content: space-around;
}

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/pattern-gg-gr.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 203 B

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/ruler-h-50%.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 691 B

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/tcu-font.otf Normal file
View file

Binary file not shown.

0
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/text-orientation-mixed-001.png → tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/text-orientation-mixed-vrl-002.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

BIN
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/text-orientation-upright-vrl-002.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm
View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html><head><title>CSS Reference</title>
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-15 -->
<style>
table {

1
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-002-ref.htm
View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html><head><title>CSS Reference</title>
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad">
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="reviewer" title="Gérard Talbot"> <!-- 2016-01-15 -->
<style>
table {

51
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-014-ref.htm
View file

@ -1,51 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Reftest Reference</title>
<!-- reftest for text-orientation-014.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>

47
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-016-ref.htm Normal file
View file

@ -0,0 +1,47 @@
<!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/">
<meta content="image" name="flags">
<style type="text/css">
div
{
border-bottom: blue solid 15px;
border-top: blue solid 15px;
margin-top: 8px;
width: 200px;
}
img
{
vertical-align: top;
}
</style>
</head>
<body>
<p>Test passes if both blue-and-yellow rectangles are <strong>identical</strong>.</p>
<div><img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="50" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled"></div>
<div><img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="50" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled">
<img src="support/swatch-blue.png" width="14" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="16" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="58" height="40" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="8" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="104" height="40" alt="Image download support must be enabled"></div>
</body>
</html>

50
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-mixed-vlr-100-ref.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: mixed.</title>
<meta content="font" name="flags">
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<style>
@font-face {
font-family: "orientation";
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
}
html {
writing-mode: vertical-lr;
}
.test {
font: 20px/1 "orientation";
height: 17em;
text-orientation: mixed;
}
.line {
white-space: pre;
}
</style>
</head><body>
<div id="container">
<div>U+0020-007E<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+3000-30FF<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+4E00-4E1F<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+FF01-FF60<div class="test">
<div class="line">国国国国国国国国国国国国A国国国国国国国国国国国国国国AAA国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
</div>
</body></html>

50
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-mixed-vrl-100-ref.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: mixed.</title>
<meta content="font" name="flags">
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<style>
@font-face {
font-family: "orientation";
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
}
html {
writing-mode: vertical-rl;
}
.test {
font: 20px/1 "orientation";
height: 17em;
text-orientation: mixed;
}
.line {
white-space: pre;
}
</style>
</head><body>
<div id="container">
<div>U+0020-007E<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+3000-30FF<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+4E00-4E1F<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+FF01-FF60<div class="test">
<div class="line">国国国国国国国国国国国国A国国国国国国国国国国国国国国AAA国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
</div>
</body></html>

50
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-sideways-vlr-100-ref.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: sideways.</title>
<meta content="font" name="flags">
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<style>
@font-face {
font-family: "orientation";
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
}
html {
writing-mode: vertical-lr;
}
.test {
font: 20px/1 "orientation";
height: 17em;
text-orientation: sideways;
}
.line {
white-space: pre;
}
</style>
</head><body>
<div id="container">
<div>U+0020-007E<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+3000-30FF<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+4E00-4E1F<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+FF01-FF60<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
</div>
</body></html>

50
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-sideways-vrl-100-ref.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: sideways.</title>
<meta content="font" name="flags">
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<style>
@font-face {
font-family: "orientation";
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
}
html {
writing-mode: vertical-rl;
}
.test {
font: 20px/1 "orientation";
height: 17em;
text-orientation: sideways;
}
.line {
white-space: pre;
}
</style>
</head><body>
<div id="container">
<div>U+0020-007E<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+3000-30FF<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+4E00-4E1F<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
<div>U+FF01-FF60<div class="test">
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="line">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div></div>
</div>
</body></html>

50
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-upright-vlr-100-ref.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Writing Modes Test: writing-mode: vertical-lr; text-orientation: upright.</title>
<meta content="font" name="flags">
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<style>
@font-face {
font-family: "orientation";
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
}
html {
writing-mode: vertical-lr;
}
.test {
font: 20px/1 "orientation";
height: 17em;
text-orientation: upright;
}
.line {
white-space: pre;
}
</style>
</head><body>
<div id="container">
<div>U+0020-007E<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+3000-30FF<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+4E00-4E1F<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+FF01-FF60<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
</div>
</body></html>

50
tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-orientation-upright-vrl-100-ref.htm Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS Writing Modes Test: writing-mode: vertical-rl; text-orientation: upright.</title>
<meta content="font" name="flags">
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
<style>
@font-face {
font-family: "orientation";
src: url("support/adobe-fonts/CSSHWOrientationTest.otf");
}
html {
writing-mode: vertical-rl;
}
.test {
font: 20px/1 "orientation";
height: 17em;
text-orientation: upright;
}
.line {
white-space: pre;
}
</style>
</head><body>
<div id="container">
<div>U+0020-007E<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+3000-30FF<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+4E00-4E1F<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
<div>U+FF01-FF60<div class="test">
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
<div class="line">国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国国</div>
</div></div>
</div>
</body></html>