Update CSS tests to revision 465c03e3d8d42ce98b9dfa0c8d8e7b4b8d48ebd7

This commit is contained in:
Ms2ger 2015-10-21 16:35:11 +02:00
parent ea000471d3
commit 6a4ad433a2
432 changed files with 6691 additions and 83 deletions

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Inline Direction and Bidirectionality (172 tests)</h2>
<h2>Inline Direction and Bidirectionality (173 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -1451,7 +1451,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
<!-- 20 tests -->
<!-- 21 tests -->
<tr id="bidi-alt-001-2.2" class="primary">
<td><strong>
<a href="bidi-alt-001.htm">bidi-alt-001</a></strong></td>
@ -1661,6 +1661,17 @@
</ul>
</td>
</tr>
<tr id="unicode-bidi-parsing-001-2.2" class="dom script">
<td>
<a href="unicode-bidi-parsing-001.htm">unicode-bidi-parsing-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
<ul class="assert">
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
</ul>
</td>
</tr>
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
<td><strong>
<a href="unicode-bidi-parsing-002.htm">unicode-bidi-parsing-002</a></strong></td>

View file

@ -7,12 +7,12 @@
<style type="text/css">
img
{
padding-left: 60px;
padding-left: 100px;
vertical-align: top;
}
img + br + img
{
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
padding-left: 180px; /* 100 px (padding-left) + 80 px (the position of small blue box)*/
}
</style>
@ -23,7 +23,7 @@
<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">
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled">
</div>
</body>

View file

@ -7,12 +7,12 @@
<style type="text/css">
img
{
padding-left: 60px;
padding-left: 100px;
vertical-align: top;
}
img + br + img
{
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
}
</style>
@ -23,7 +23,7 @@
<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">
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled">
</div>
</body>

View file

@ -27,7 +27,7 @@
<tbody id="s2">
<tr><th><a href="chapter-2.htm">Chapter 2 -
Inline Direction and Bidirectionality</a></th>
<td>(172 Tests)</td></tr>
<td>(173 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -

View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html><head><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii">
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help">
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help">
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert">
<meta content="dom" name="flags">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
<div data-expected="embed" style="unicode-bidi: embed"></div>
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
<div style="unicode-bidi: embed">
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
</div>
<script>
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
test(function () {
var actual = getComputedStyle(element).unicodeBidi;
assert_equals(actual, element.dataset.expected);
}, element.title || element.getAttribute("style"));
});
</script>
</body></html>

View file

@ -12,7 +12,7 @@
div#rl-upright
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: upright;
}

View file

@ -12,7 +12,7 @@
div#rl-mixed
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: mixed;
}

View file

@ -12,7 +12,7 @@
div#rl-sideways
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: sideways;
}

View file

@ -1645,6 +1645,8 @@ html/unicode-bidi-applies-to-014.htm 1ea78d913a72bdf534c9701bc8a771df856e3d2f ?
xhtml1/unicode-bidi-applies-to-014.xht 1ea78d913a72bdf534c9701bc8a771df856e3d2f ?
html/unicode-bidi-applies-to-015.htm f319b3e86aea3385f390f78d56ba608a6ac94f27 ?
xhtml1/unicode-bidi-applies-to-015.xht f319b3e86aea3385f390f78d56ba608a6ac94f27 ?
html/unicode-bidi-parsing-001.htm 72b131c94f05aa0b1ff6a6072b6c6376a39e100a ?
xhtml1/unicode-bidi-parsing-001.xht 72b131c94f05aa0b1ff6a6072b6c6376a39e100a ?
html/unicode-bidi-parsing-002.htm 94149c4ee2d6fad7f1ba5b12d076637c39479996 ?
xhtml1/unicode-bidi-parsing-002.xht 94149c4ee2d6fad7f1ba5b12d076637c39479996 ?
html/vertical-alignment-002.htm 7976476f1e1577a4f43f628fedad2fcac850e226 ?
@ -1675,12 +1677,12 @@ html/vertical-alignment-vrl-018.htm 7e7e14382efae5767eecdb45ff697dff5e54688d ?
xhtml1/vertical-alignment-vrl-018.xht 7e7e14382efae5767eecdb45ff697dff5e54688d ?
html/vertical-alignment-vrl-020.htm 015c20befc16f691e32515ac377698c473da65e5 ?
xhtml1/vertical-alignment-vrl-020.xht 015c20befc16f691e32515ac377698c473da65e5 ?
html/vertical-alignment-vrl-022.htm c831bb6084a1e44cb93d20880f3c3e3efd446581 ?
xhtml1/vertical-alignment-vrl-022.xht c831bb6084a1e44cb93d20880f3c3e3efd446581 ?
html/vertical-alignment-vrl-024.htm c934e3bd41a2a8c605b5752b1f577c654cb83822 ?
xhtml1/vertical-alignment-vrl-024.xht c934e3bd41a2a8c605b5752b1f577c654cb83822 ?
html/vertical-alignment-vrl-026.htm 7a26be3255ca5f516f5fc18e3892498f1a8523b7 ?
xhtml1/vertical-alignment-vrl-026.xht 7a26be3255ca5f516f5fc18e3892498f1a8523b7 ?
html/vertical-alignment-vrl-022.htm 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 ?
xhtml1/vertical-alignment-vrl-022.xht 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 ?
html/vertical-alignment-vrl-024.htm 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 ?
xhtml1/vertical-alignment-vrl-024.xht 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 ?
html/vertical-alignment-vrl-026.htm fd50bbc488c4ffc9891805e968e71507fdb4a317 ?
xhtml1/vertical-alignment-vrl-026.xht fd50bbc488c4ffc9891805e968e71507fdb4a317 ?
html/writing-mode-horizontal-001l.htm 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ?
xhtml1/writing-mode-horizontal-001l.xht 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ?
html/writing-mode-horizontal-001r.htm 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 ?

View file

@ -820,6 +820,7 @@ unicode-bidi-applies-to-012 reference/direction-applies-to-008-ref Unicode-bidi
unicode-bidi-applies-to-013 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'table' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction 5e96cad2593bff9bf262c57806aa45b87820f36b `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property does not apply to elements with a display of 'table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants.
unicode-bidi-applies-to-014 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'inline-table' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction 1ea78d913a72bdf534c9701bc8a771df856e3d2f `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property does not apply to elements with a display of 'inline-table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants.
unicode-bidi-applies-to-015 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'table-caption' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction f319b3e86aea3385f390f78d56ba608a6ac94f27 `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property applies to elements with a display of 'table-caption'.
unicode-bidi-parsing-001 CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override dom,script https://drafts.csswg.org/css2/visuren.html#direction,https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi 72b131c94f05aa0b1ff6a6072b6c6376a39e100a `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.
unicode-bidi-parsing-002 CSS Writing Modes: parsing unicode-bidi: isolate, isolate-override, plaintext dom,script https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi 94149c4ee2d6fad7f1ba5b12d076637c39479996 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: isolate, isolate-override, plaintext.
vertical-alignment-002 reference/vertical-alignment-002-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7976476f1e1577a4f43f628fedad2fcac850e226 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
vertical-alignment-003 reference/vertical-alignment-002-ref vertical-align - 'top' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5346514767a52ffdf37c0e9c48f2f9e67baff22b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
@ -835,9 +836,9 @@ vertical-alignment-vrl-014 vertical-align - 'top' and vertical-rl writing-mode
vertical-alignment-vrl-016 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 82308fb56104b4d673b1d59c18e975f78fbdb3f1 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
vertical-alignment-vrl-018 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7e7e14382efae5767eecdb45ff697dff5e54688d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
vertical-alignment-vrl-020 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 015c20befc16f691e32515ac377698c473da65e5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c831bb6084a1e44cb93d20880f3c3e3efd446581 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c934e3bd41a2a8c605b5752b1f577c654cb83822 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7a26be3255ca5f516f5fc18e3892498f1a8523b7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading fd50bbc488c4ffc9891805e968e71507fdb4a317 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
writing-mode-horizontal-001l reference/writing-mode-horizontal-001l-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes.
writing-mode-horizontal-001r reference/writing-mode-horizontal-001r-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes.
writing-mode-parsing-001 CSS Writing Modes: parsing writing-mode dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow c51a2ea776e89eab37f78a5005ad12f1f23f07b4 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode property.

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Inline Direction and Bidirectionality (172 tests)</h2>
<h2>Inline Direction and Bidirectionality (173 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -1451,7 +1451,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
<!-- 20 tests -->
<!-- 21 tests -->
<tr id="bidi-alt-001-2.2" class="primary">
<td><strong>
<a href="bidi-alt-001.xht">bidi-alt-001</a></strong></td>
@ -1661,6 +1661,17 @@
</ul>
</td>
</tr>
<tr id="unicode-bidi-parsing-001-2.2" class="dom script">
<td>
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
<ul class="assert">
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
</ul>
</td>
</tr>
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
<td><strong>
<a href="unicode-bidi-parsing-002.xht">unicode-bidi-parsing-002</a></strong></td>

View file

@ -7,12 +7,12 @@
<style type="text/css"><![CDATA[
img
{
padding-left: 60px;
padding-left: 100px;
vertical-align: top;
}
img + br + img
{
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
padding-left: 180px; /* 100 px (padding-left) + 80 px (the position of small blue box)*/
}
]]></style>
@ -23,7 +23,7 @@
<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" />
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" />
</div>
</body>

View file

@ -7,12 +7,12 @@
<style type="text/css"><![CDATA[
img
{
padding-left: 60px;
padding-left: 100px;
vertical-align: top;
}
img + br + img
{
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
}
]]></style>
@ -23,7 +23,7 @@
<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" />
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" />
</div>
</body>

View file

@ -27,7 +27,7 @@
<tbody id="s2">
<tr><th><a href="chapter-2.xht">Chapter 2 -
Inline Direction and Bidirectionality</a></th>
<td>(172 Tests)</td></tr>
<td>(173 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -

View file

@ -0,0 +1,29 @@
<!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 Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" />
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help" />
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help" />
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert" />
<meta content="dom" name="flags" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
<div data-expected="embed" style="unicode-bidi: embed"></div>
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
<div style="unicode-bidi: embed">
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
</div>
<script>
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
test(function () {
var actual = getComputedStyle(element).unicodeBidi;
assert_equals(actual, element.dataset.expected);
}, element.title || element.getAttribute("style"));
});
</script>
</body></html>

View file

@ -12,7 +12,7 @@
div#rl-upright
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: upright;
}

View file

@ -12,7 +12,7 @@
div#rl-mixed
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: mixed;
}

View file

@ -12,7 +12,7 @@
div#rl-sideways
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: sideways;
}

View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
<h2>Inline Direction and Bidirectionality (172 tests)</h2>
<h2>Inline Direction and Bidirectionality (173 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -1451,7 +1451,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s2.2">+</a>
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
<!-- 20 tests -->
<!-- 21 tests -->
<tr id="bidi-alt-001-2.2" class="primary">
<td><strong>
<a href="bidi-alt-001.xht">bidi-alt-001</a></strong></td>
@ -1661,6 +1661,17 @@
</ul>
</td>
</tr>
<tr id="unicode-bidi-parsing-001-2.2" class="dom script">
<td>
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-001</a></td>
<td></td>
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
<ul class="assert">
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
</ul>
</td>
</tr>
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
<td><strong>
<a href="unicode-bidi-parsing-002.xht">unicode-bidi-parsing-002</a></strong></td>

View file

@ -16,12 +16,12 @@
<style type="text/css"><![CDATA[
img
{
padding-left: 60px;
padding-left: 100px;
vertical-align: top;
}
img + br + img
{
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
padding-left: 180px; /* 100 px (padding-left) + 80 px (the position of small blue box)*/
}
]]></style>
@ -32,7 +32,7 @@
<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" />
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" />
</div>
</body>

View file

@ -16,12 +16,12 @@
<style type="text/css"><![CDATA[
img
{
padding-left: 60px;
padding-left: 100px;
vertical-align: top;
}
img + br + img
{
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
}
]]></style>
@ -32,7 +32,7 @@
<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" />
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" />
</div>
</body>

View file

@ -27,7 +27,7 @@
<tbody id="s2">
<tr><th><a href="chapter-2.xht">Chapter 2 -
Inline Direction and Bidirectionality</a></th>
<td>(172 Tests)</td></tr>
<td>(173 Tests)</td></tr>
</tbody>
<tbody id="s3">
<tr><th><a href="chapter-3.xht">Chapter 3 -

View file

@ -0,0 +1,29 @@
<!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 Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" />
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help" />
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help" />
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert" />
<meta content="dom" name="flags" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
<div data-expected="embed" style="unicode-bidi: embed"></div>
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
<div style="unicode-bidi: embed">
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
</div>
<script>
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
test(function () {
var actual = getComputedStyle(element).unicodeBidi;
assert_equals(actual, element.dataset.expected);
}, element.title || element.getAttribute("style"));
});
</script>
</body></html>

View file

@ -21,7 +21,7 @@
div#rl-upright
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: upright;
}

View file

@ -21,7 +21,7 @@
div#rl-mixed
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: mixed;
}

View file

@ -21,7 +21,7 @@
div#rl-sideways
{
writing-mode: vertical-rl;
font: 60px/3 Ahem; /* computes to 60px/180px */
font: 100px/3 Ahem; /* computes to 100px/300px */
color: blue;
text-orientation: sideways;
}