diff options
Diffstat (limited to 'tests/wpt/css-tests/css-writing-modes-3_dev')
161 files changed, 3120 insertions, 1815 deletions
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm index 1ae9aa42d12..646f4d4302b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (164 tests)</h2> + <h2>Inline Direction and Bidirectionality (172 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 22 tests --> + <!-- 30 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.htm">direction-001</a></strong></td> @@ -1345,6 +1345,98 @@ </ul> </td> </tr> + <tr id="table-progression-001-vlr-2.1" class=""> + <td> + <a href="table-progression-001-vlr.htm">table-progression-001-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-001-vrl-2.1" class=""> + <td> + <a href="table-progression-001-vrl.htm">table-progression-001-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vlr-2.1" class=""> + <td> + <a href="table-progression-002-vlr.htm">table-progression-002-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vrl-2.1" class=""> + <td> + <a href="table-progression-002-vrl.htm">table-progression-002-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vlr-2.1" class=""> + <td> + <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-2.1" class=""> + <td> + <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-2.1" class=""> + <td> + <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-2.1" class=""> + <td> + <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s2.1.#propdef-direction"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm index 1d075dd77e5..c7270c347c5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (84 tests)</h2> + <h2>Introduction to Vertical Text (90 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -40,7 +40,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 68 tests --> + <!-- 74 tests --> <tr id="block-flow-direction-001-3.1" class="primary ahem"> <td><strong> <a href="block-flow-direction-001.htm">block-flow-direction-001</a></strong></td> @@ -748,22 +748,92 @@ <tr id="table-progression-001-vlr-3.1" class="primary"> <td><strong> <a href="table-progression-001-vlr.htm">table-progression-001-vlr</a></strong></td> - <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> <li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> <tr id="table-progression-001-vrl-3.1" class="primary"> <td><strong> <a href="table-progression-001-vrl.htm">table-progression-001-vrl</a></strong></td> - <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td></td> <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-002-vlr.htm">table-progression-002-vlr</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-002-vrl.htm">table-progression-002-vrl</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></strong></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></strong></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm index fda251efc08..d00797d9d08 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-4.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (34 tests)</h2> + <h2>Inline-level Alignment (31 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -49,7 +49,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr> - <!-- 10 tests --> + <!-- 8 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.htm">central-baseline-alignment-002</a></strong></td> @@ -130,33 +130,11 @@ <tr id="text-baseline-007-4.2" class="primary ahem"> <td><strong> <a href="text-baseline-007.htm">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-007-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> - <tr id="text-baseline-008-4.2" class="primary ahem"> - <td><strong> - <a href="text-baseline-008.htm">text-baseline-008</a></strong></td> <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> - <tr id="text-baseline-009-4.2" class="primary ahem"> - <td><strong> - <a href="text-baseline-009.htm">text-baseline-009</a></strong></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> @@ -171,7 +149,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr> - <!-- 24 tests --> + <!-- 23 tests --> <tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem"> <td><strong> <a href="baseline-inline-non-replaced-002.htm">baseline-inline-non-replaced-002</a></strong></td> @@ -296,7 +274,7 @@ <tr id="inline-block-alignment-007-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-007.htm">inline-block-alignment-007</a></strong></td> - <td><a href="reference/inline-block-alignment-007-ref.htm">=</a> </td> + <td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>inline block alignment - alphabetical alignment with vertical layout <ul class="assert"> @@ -315,17 +293,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-009-4.3" class="primary ahem"> - <td><strong> - <a href="inline-block-alignment-009.htm">inline-block-alignment-009</a></strong></td> - <td><a href="reference/inline-block-alignment-009-ref.htm">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-orthogonal-vlr-003.htm">inline-block-alignment-orthogonal-vlr-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm index 9d5d0150122..22f7e8c78b9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-5.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text Layout (25 tests)</h2> + <h2>Introduction to Vertical Text Layout (29 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -55,7 +55,51 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr> - <!-- 25 tests --> + <!-- 29 tests --> + <tr id="table-progression-003-vlr-5.1" class=""> + <td> + <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-5.1" class=""> + <td> + <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-5.1" class=""> + <td> + <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-5.1" class=""> + <td> + <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> <tr id="text-orientation-010-5.1" class="primary ahem font"> <td><strong> <a href="text-orientation-010.htm">text-orientation-010</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm index f45eb1b0795..9e5074b06b3 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-007.htm @@ -3,16 +3,15 @@ <head> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> - <link rel="match" href="reference/inline-block-alignment-007-ref.htm"> + <link rel="match" href="reference/inline-block-alignment-006-ref.htm"> <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> <meta name="flags" content="ahem"> <style type="text/css"> div#lr-sideways { - color: aqua; + color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ height: 4em; writing-mode: vertical-lr; @@ -50,7 +49,7 @@ <body> - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> <div id="lr-sideways">É<div id="inline-block"> <span class="block-descendant">B</span> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-009.htm deleted file mode 100644 index cffdcdc9069..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-009.htm +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines"> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes"> - <link rel="match" href="reference/inline-block-alignment-009-ref.htm"> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#lr-sideways-right - { - color: olive; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-lr; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways-right">p<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">p</span> - </div><span id="fuchsia30">p</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-003.htm index b1b6b2c2560..30f48d3d5a5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-003.htm @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-005.htm index 973d908a8c8..21c5ca0a086 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vlr-005.htm @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-002.htm index 19c9b26196d..8118a02f544 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-002.htm @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-004.htm index 79bb6b009be..437c57765c1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/inline-block-alignment-orthogonal-vrl-004.htm @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vlr-003.htm index 27e7a08945d..e807b9c0646 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vlr-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vlr-003.htm @@ -35,7 +35,7 @@ .inner { background-color: yellow; - height: 50px; /* necessary, otherwise inner blocks must grow as tall as the height of viewport */ + height: 50px; width: 50px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vrl-002.htm index ab525cca860..dd630b02430 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vrl-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/margin-vrl-002.htm @@ -35,7 +35,7 @@ .inner { background-color: yellow; - height: 50px; /* necessary, otherwise inner blocks must grow as tall as the height of viewport */ + height: 50px; width: 50px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-block-alignment-007-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-block-alignment-007-ref.htm deleted file mode 100644 index dc08df26fba..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-block-alignment-007-ref.htm +++ /dev/null @@ -1,42 +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> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> - <meta name="flags" content="image"> - <style type="text/css"> - img - { - vertical-align: top; - } - - img - { - padding-left: 228px; /* 60 px (padding-left) + 120px (first line-block width) + 48px (the position difference of box) */ - } - - img + br + img - { - padding-left: 60px; /* 60 px (padding-left) */ - } - - img + br + img + br + img - { - padding-left: 252px; /* 60 px (padding-left) + 120px (first line-block width) + 72px (the position difference of box) */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div> - <img src="support/swatch-aqua.png" width="48" height="60" alt="Image download support must be enabled"><br><!-- - --><img src="support/swatch-aqua.png" width="216" height="120" alt="Image download support must be enabled"><br><!-- - --><img src="support/swatch-aqua.png" width="24" height="30" 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/html/reference/inline-block-alignment-009-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-block-alignment-009-ref.htm deleted file mode 100644 index 9594ecd1e81..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/inline-block-alignment-009-ref.htm +++ /dev/null @@ -1,42 +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> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com"> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-07-21 --> - <meta name="flags" content="image"> - <style type="text/css"> - img - { - vertical-align: top; - } - - img - { - padding-left: 192px; /* 60 px (padding-left) + 120px (width of inline-block) + 12px (the position difference of box) */ - } - - img + br + img - { - padding-left: 60px; /* 60 px (padding-left) */ - } - - img + br + img + br + img - { - padding-left: 198px; /* 60 px (padding-left) + 120px (width of inline-block)+ 18px (the position difference of box) */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div> - <img src="support/swatch-olive.png" width="12" height="60" alt="Image download support must be enabled"><br><!-- - --><img src="support/swatch-olive.png" width="144" height="120" alt="Image download support must be enabled"><br><!-- - --><img src="support/swatch-olive.png" width="6" height="30" 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/html/reference/table-progression-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm deleted file mode 100644 index 4994d5558e0..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-001-ref.htm +++ /dev/null @@ -1,93 +0,0 @@ -<!DOCTYPE html> -<html><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; - } - - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { 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="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -<table> - <tbody><tr> - <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -<table> - <tbody><tr> - <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-007-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-007-ref.htm deleted file mode 100644 index b42b57f39b7..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-007-ref.htm +++ /dev/null @@ -1,36 +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> - <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-01-29 --> - <meta name="flags" content="image"> - <style type="text/css"> - - img - { - padding-left: 78px; - vertical-align: top; - } - - img + br + img - { - padding-left: 30px; - } - - img + br + img + br + img - { - padding-left: 102px; - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled"><br><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled"><br><img src="support/swatch-fuchsia.png" width="24" height="30" 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/html/reference/text-indent-vlr-011-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-011-ref.htm index be0eed3f423..0bcdea00fab 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-011-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-011-ref.htm @@ -12,7 +12,7 @@ <style type="text/css"> div { - margin-left: 0.5em; + margin-left: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-013-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-013-ref.htm index 74c0a031e75..b256c60a80d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-013-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vlr-013-ref.htm @@ -12,7 +12,7 @@ <style type="text/css"> div { - margin-left: 0.5em; + margin-left: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-010-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-010-ref.htm index 99b941a6293..797c2b9e541 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-010-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-010-ref.htm @@ -17,7 +17,7 @@ div { - margin-right: 0.5em; + margin-right: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-012-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-012-ref.htm index 7280ce0e6f9..1ed2c0fffbc 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-012-ref.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-indent-vrl-012-ref.htm @@ -17,7 +17,7 @@ div { - margin-right: 0.5em; + margin-right: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm index 9d7d14e3e4c..79145f6ec3d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm @@ -4428,7 +4428,7 @@ <tr> <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> <a href="inline-block-alignment-007.htm">inline-block-alignment-007</a></td> - <td><a href="reference/inline-block-alignment-007-ref.htm">=</a> </td> + <td><a href="reference/inline-block-alignment-006-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -4440,14 +4440,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-009" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-009.htm">inline-block-alignment-009</a></td> - <td><a href="reference/inline-block-alignment-009-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-alignment-orthogonal-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment of inline-block in orthogonal flow"> @@ -5068,7 +5060,7 @@ <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> <a href="table-progression-001-vlr.htm">table-progression-001-vlr</a></td> - <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5076,7 +5068,55 @@ <tr> <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> <a href="table-progression-001-vrl.htm">table-progression-001-vrl</a></td> - <td><a href="reference/table-progression-001-ref.htm">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-002-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> + <a href="table-progression-002-vlr.htm">table-progression-002-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-002-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> + <a href="table-progression-002-vrl.htm">table-progression-002-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-003-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-003-vlr.htm">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-003-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-003-vrl.htm">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-004-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-004-vlr.htm">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-004-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-004-vrl.htm">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5268,22 +5308,6 @@ <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> <a href="text-baseline-007.htm">text-baseline-007</a></td> - <td><a href="reference/text-baseline-007-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="text-baseline-008" class="ahem"> - <tr> - <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-008.htm">text-baseline-008</a></td> - <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="text-baseline-009" class="ahem"> - <tr> - <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-009.htm">text-baseline-009</a></td> <td><a href="reference/text-baseline-006-ref.htm">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list index 43e15319ad1..b1c829a3227 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list @@ -549,9 +549,8 @@ inline-block-alignment-003.htm == reference/inline-block-alignment-003-ref.htm inline-block-alignment-004.htm == reference/inline-block-alignment-002-ref.htm inline-block-alignment-005.htm == reference/inline-block-alignment-003-ref.htm inline-block-alignment-006.htm == reference/inline-block-alignment-006-ref.htm -inline-block-alignment-007.htm == reference/inline-block-alignment-007-ref.htm +inline-block-alignment-007.htm == reference/inline-block-alignment-006-ref.htm inline-block-alignment-008.htm == reference/inline-block-alignment-006-ref.htm -inline-block-alignment-009.htm == reference/inline-block-alignment-009-ref.htm inline-block-alignment-orthogonal-vlr-003.htm == reference/inline-block-alignment-orthogonal-vrl-002-ref.htm inline-block-alignment-orthogonal-vlr-005.htm == reference/inline-block-alignment-orthogonal-vrl-002-ref.htm inline-block-alignment-orthogonal-vrl-002.htm == reference/inline-block-alignment-orthogonal-vrl-002-ref.htm @@ -629,8 +628,14 @@ table-column-order-002.htm == reference/block-flow-direction-001-ref.htm table-column-order-003.htm == reference/block-flow-direction-001-ref.htm table-column-order-004.htm == reference/block-flow-direction-001-ref.htm table-column-order-005.htm == reference/block-flow-direction-001-ref.htm -table-progression-001-vlr.htm == reference/table-progression-001-ref.htm -table-progression-001-vrl.htm == reference/table-progression-001-ref.htm +table-progression-001-vlr.htm == table-progression-001-ref.orngtml +table-progression-001-vrl.htm == table-progression-001-ref.orngtml +table-progression-002-vlr.htm == table-progression-002-ref.orngtml +table-progression-002-vrl.htm == table-progression-002-ref.orngtml +table-progression-003-vlr.htm == table-progression-001-ref.orngtml +table-progression-003-vrl.htm == table-progression-001-ref.orngtml +table-progression-004-vlr.htm == table-progression-002-ref.orngtml +table-progression-004-vrl.htm == table-progression-002-ref.orngtml text-align-vlr-003.htm == reference/ref-filled-green-100px-square.htm text-align-vlr-005.htm == reference/ref-filled-green-100px-square.htm text-align-vlr-007.htm == reference/ref-filled-green-100px-square.htm @@ -654,9 +659,7 @@ text-baseline-003.htm == reference/text-baseline-002-ref.htm text-baseline-004.htm == reference/text-baseline-002-ref.htm text-baseline-005.htm == reference/text-baseline-002-ref.htm text-baseline-006.htm == reference/text-baseline-006-ref.htm -text-baseline-007.htm == reference/text-baseline-007-ref.htm -text-baseline-008.htm == reference/text-baseline-006-ref.htm -text-baseline-009.htm == reference/text-baseline-006-ref.htm +text-baseline-007.htm == reference/text-baseline-006-ref.htm text-combine-upright-decorations-001.htm == reference/text-combine-upright-decorations-001.htm text-combine-upright-inherit-all-001.htm == reference/text-combine-upright-inherit-all-001.htm text-combine-upright-inherit-all-002.htm == reference/text-combine-upright-inherit-all-002.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vlr.htm index d79b08674c8..286634c4298 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vlr.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vlr.htm @@ -1,14 +1,19 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="reference/table-progression-001-ref.htm" rel="match"> +<link href="table-progression-001-ref.orngtml" rel="match"> <meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert"> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> <style> .test { writing-mode: vertical-lr; } + [dir=rtl] { + direction: rtl; + } table { border-spacing: 0; @@ -20,14 +25,33 @@ border: solid gray; } - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { background: orange } + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: vertical-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } </style> </head><body><p>Test passes if the following three tables look identical. @@ -35,54 +59,54 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> - </td><td class="c"> - </td><td class="d"> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> </td></tr></thead><tfoot> <tr> - <td class="a"> - </td><td class="b"> + <td class="navy"> + </td><td class="blue"> </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> - <td class="h"> + <td class="orng"> </td><td colspan="3"> </td></tr></tbody><tbody> <tr> <td rowspan="3"> - </td><td class="g"> + </td><td class="yllw"> </td><td colspan="2" rowspan="2"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td></tr><tr> <td colspan="2"> - </td><td class="e"> + </td><td class="purp"> </td></tr></tbody></table> <table class="test" dir="rtl"> <thead> <tr> - <td class="d"> - </td><td class="c"> - </td><td colspan="2"> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> </td></tr></thead><tfoot> <tr> <td colspan="2"> - </td><td class="b"> - </td><td class="a"> + </td><td class="blue"> + </td><td class="navy"> </td></tr></tfoot><tbody> <tr> <td colspan="3"> - </td><td class="h"> + </td><td class="orng"> </td></tr></tbody><tbody> <tr> <td colspan="2" rowspan="2"> - </td><td class="g"> + </td><td class="yllw"> </td><td rowspan="3"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td></tr><tr> - <td class="e"> + <td class="purp"> </td><td colspan="2"> </td></tr></tbody></table> @@ -90,22 +114,23 @@ <table class="reference"> <tbody><tr> <td rowspan="2"> - </td><td class="h"> + </td><td class="orng"> </td><td colspan="3"> - </td><td class="a"> + </td><td class="navy"> + </td></tr><tr> <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> + </td><td class="yllw"> + </td><td class="pink"> </td><td rowspan="2"> - </td><td class="b"> + </td><td class="blue"> </td></tr><tr> - <td class="c"> + <td class="aqua"> </td><td colspan="2" rowspan="2"> </td><td rowspan="2"> </td></tr><tr> - <td class="d"> - </td><td class="e"> + <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/html/table-progression-001-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vrl.htm index d63847f1725..5436493a59b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vrl.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-001-vrl.htm @@ -1,14 +1,19 @@ <!DOCTYPE html> <html><head><title>CSS Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> -<link href="reference/table-progression-001-ref.htm" rel="match"> +<link href="table-progression-001-ref.orngtml" rel="match"> <meta content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert"> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert"> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> <style> .test { writing-mode: vertical-rl; } + [dir=rtl] { + direction: rtl; + } table { border-spacing: 0; @@ -20,14 +25,32 @@ border: solid gray; } - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { background: orange } + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: vertical-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } </style> </head><body><p>Test passes if the following three tables look identical. @@ -35,27 +58,27 @@ </p><table class="test"> <thead> <tr> - <td class="a"> - </td><td class="b"> + <td class="navy"> + </td><td class="blue"> </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> - </td><td class="c"> - </td><td class="d"> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> </td></tr></tfoot><tbody> <tr> <td rowspan="3"> </td><td colspan="2"> - </td><td class="e"> + </td><td class="purp"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td><td colspan="2" rowspan="2"> </td></tr><tr> - <td class="g"> + <td class="yllw"> </td></tr></tbody><tbody> <tr> - <td class="h"> + <td class="orng"> </td><td colspan="3"> </td></tr></tbody></table> @@ -63,48 +86,48 @@ <thead> <tr> <td colspan="2"> - </td><td class="b"> - </td><td class="a"> + </td><td class="blue"> + </td><td class="navy"> </td></tr></thead><tfoot> <tr> - <td class="d"> - </td><td class="c"> - </td><td colspan="2"> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> - <td class="e"> + <td class="purp"> </td><td colspan="2"> </td><td rowspan="3"> </td></tr><tr> <td colspan="2" rowspan="2"> - </td><td class="f"> + </td><td class="pink"> </td></tr><tr> - <td class="g"> + <td class="yllw"> </td></tr></tbody><tbody> <tr> <td colspan="3"> - </td><td class="h"> + </td><td class="orng"> </td></tr></tbody></table> <table class="reference"> <tbody><tr> <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> + </td><td class="orng"> + </td><td colspan='3"'> + </td><td class="navy"> </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> + <td rowspan='3"'> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan='2"'> + </td><td class="blue"> </td></tr><tr> - <td class="c"> + <td class="aqua"> </td><td colspan="2" rowspan="2"> </td><td rowspan="2"> </td></tr><tr> - <td class="d"> - </td><td class="e"> + <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/html/table-progression-002-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vlr.htm new file mode 100644 index 00000000000..eae0564cefa --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vlr.htm @@ -0,0 +1,88 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: vertical-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="table-progression-002-ref.orngtml" rel="match"> +<meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert"> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<style> + .test { + writing-mode: vertical-lr; + } + [dir=rtl] { + direction: rtl; + } + + + 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 } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: vertical-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua"> + <col class="blue"> + <col span="2" class="navy"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="navy"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/html/table-progression-002-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vrl.htm new file mode 100644 index 00000000000..fb17937b16e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-002-vrl.htm @@ -0,0 +1,87 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: vertical-rl Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="table-progression-002-ref.orngtml" rel="match"> +<meta content="This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert"> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> + +<style> + .test { + writing-mode: vertical-rl; + } + [dir=rtl] { + direction: rtl; + } + + 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 } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: vertical-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua"> + <col class="blue"> + <col span="2" class="navy"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="navy"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/html/table-progression-003-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vlr.htm new file mode 100644 index 00000000000..420efd0e0c3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vlr.htm @@ -0,0 +1,116 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="table-progression-001-ref.orngtml" rel="match"> +<meta content="This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help"> + +<style> + .test { + writing-mode: vertical-lr; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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 } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="reference"> + <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/html/table-progression-003-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vrl.htm new file mode 100644 index 00000000000..91a04dc6b02 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-003-vrl.htm @@ -0,0 +1,116 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="table-progression-001-ref.orngtml" rel="match"> +<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help"> + +<style> + .test { + writing-mode: vertical-rl; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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 } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="reference"> + <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/html/table-progression-004-vlr.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vlr.htm new file mode 100644 index 00000000000..938c9df8290 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vlr.htm @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="table-progression-002-ref.orngtml" rel="match"> +<meta content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help"> + +<style> + .test { + writing-mode: vertical-lr; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + + 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="test"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/html/table-progression-004-vrl.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vrl.htm new file mode 100644 index 00000000000..b0883cda34c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-004-vrl.htm @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html><head><title>CSS Test: vertical-rl upright orientation Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad"> +<link href="table-progression-002-ref.orngtml" rel="match"> +<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help"> + +<style> + .test { + writing-mode: vertical-rl; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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="test"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy"> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue"> + <col span="2" class="aqua"> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/html/text-baseline-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm index e04abe62648..7cb111ae647 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-007.htm @@ -3,9 +3,8 @@ <head> <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-02-20 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-007-ref.htm"> + <link rel="match" href="reference/text-baseline-006-ref.htm"> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline."> <meta name="flags" content="ahem"> <style type="text/css"> @@ -33,7 +32,7 @@ <body> - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-008.htm deleted file mode 100644 index 0c605903d6a..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-008.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-02-20 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-006-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-009.htm deleted file mode 100644 index 6f5f46ff824..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-009.htm +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html> - <head> - <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-02-20 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines"> - <link rel="match" href="reference/text-baseline-006-ref.htm"> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline."> - <meta name="flags" content="ahem"> - <style type="text/css"> - div#lr-sideways-right - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; - writing-mode: vertical-lr; - text-orientation: sideways-right; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - </style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways-right">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-003.htm index 3c7231cbda9..2991cb80d12 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-003.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-003.htm @@ -16,7 +16,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-005.htm index fead1289e5d..ac46822c9dc 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-005.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-005.htm @@ -16,7 +16,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-007.htm index 877bf002f1d..489ca0c15cd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-007.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-007.htm @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-009.htm index 76d668ca11b..0f5c087f262 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-009.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-009.htm @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-011.htm index 00d141d5d36..6d91e8e9b24 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-011.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-011.htm @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-013.htm index 6fae8001592..0f2fa4c50b1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-013.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-013.htm @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-015.htm index a5a456c00c4..16855c1b659 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-015.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-015.htm @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-017.htm index 48f88cd6d2e..20857115be5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-017.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vlr-017.htm @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-002.htm index b66deb50efb..f37f01d68bf 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-002.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-002.htm @@ -17,7 +17,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-004.htm index ba88300a6d9..83c2fdb27e8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-004.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-004.htm @@ -16,7 +16,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-006.htm index d7e4303ca38..d57edbe5de6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-006.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-006.htm @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-008.htm index a1b2fcd3dbd..3ac8dad7d54 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-008.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-008.htm @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-010.htm index c8676fe7fd2..11ef9df3127 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-010.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-010.htm @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-012.htm index 9e850ebcf9e..d3ed8e89443 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-012.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-012.htm @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-014.htm index 916c4e74f5f..bbe8ba32c46 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-014.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-014.htm @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-016.htm index cf4f9607146..94c848fb11b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-016.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-indent-vrl-016.htm @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm index 08deeae9066..f123bd894c4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-001.htm @@ -19,10 +19,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm index 2aafcd859c2..de6fdbc81f5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-sideways-right-001.htm @@ -19,10 +19,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-upright-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-upright-001.htm index fc18532e24f..0c1b1d382c4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-upright-001.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-orientation-upright-001.htm @@ -19,10 +19,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm index 9062d9da066..b94b7693089 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.htm">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(164 Tests)</td></tr> + <td>(172 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(84 Tests)</td></tr> + <td>(90 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - Inline-level Alignment</a></th> - <td>(34 Tests)</td></tr> + <td>(31 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.htm">Chapter 5 - Introduction to Vertical Text Layout</a></th> - <td>(25 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data index 1f543e96679..05ab193999b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data @@ -1165,20 +1165,18 @@ html/inline-block-alignment-005.htm f22e9acf9997492e59bf06af71f147cf3a7ef60b ? xhtml1/inline-block-alignment-005.xht f22e9acf9997492e59bf06af71f147cf3a7ef60b ? html/inline-block-alignment-006.htm d331ddb7afc3bbe931b343cfec50b6f142a10f55 ? xhtml1/inline-block-alignment-006.xht d331ddb7afc3bbe931b343cfec50b6f142a10f55 ? -html/inline-block-alignment-007.htm fa0c4bd5f60c840d6f8689ea4c9838e7534dbd11 ? -xhtml1/inline-block-alignment-007.xht fa0c4bd5f60c840d6f8689ea4c9838e7534dbd11 ? +html/inline-block-alignment-007.htm 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 ? +xhtml1/inline-block-alignment-007.xht 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 ? html/inline-block-alignment-008.htm 0c74b7bbf813193c08885b3d85823e5a2b4fb435 ? xhtml1/inline-block-alignment-008.xht 0c74b7bbf813193c08885b3d85823e5a2b4fb435 ? -html/inline-block-alignment-009.htm 011236f198ba8944faf000a6768995116784c55f ? -xhtml1/inline-block-alignment-009.xht 011236f198ba8944faf000a6768995116784c55f ? -html/inline-block-alignment-orthogonal-vlr-003.htm 4c158c1913bcf69e7f6f7cf7fe1058dea9632639 ? -xhtml1/inline-block-alignment-orthogonal-vlr-003.xht 4c158c1913bcf69e7f6f7cf7fe1058dea9632639 ? -html/inline-block-alignment-orthogonal-vlr-005.htm 9cc37b55e5fc41ccb0ff4eed7d415459861f3b75 ? -xhtml1/inline-block-alignment-orthogonal-vlr-005.xht 9cc37b55e5fc41ccb0ff4eed7d415459861f3b75 ? -html/inline-block-alignment-orthogonal-vrl-002.htm c87e0c587a27e594349a00542bedeb24af244680 ? -xhtml1/inline-block-alignment-orthogonal-vrl-002.xht c87e0c587a27e594349a00542bedeb24af244680 ? -html/inline-block-alignment-orthogonal-vrl-004.htm 163cdbb62a145a13609e33b17b53c60c86d2b60d ? -xhtml1/inline-block-alignment-orthogonal-vrl-004.xht 163cdbb62a145a13609e33b17b53c60c86d2b60d ? +html/inline-block-alignment-orthogonal-vlr-003.htm b6891512aa507f9050101d960cf349889329fda3 ? +xhtml1/inline-block-alignment-orthogonal-vlr-003.xht b6891512aa507f9050101d960cf349889329fda3 ? +html/inline-block-alignment-orthogonal-vlr-005.htm 843d64f690c7eb68c0dd96bdca4cbec3484b13c5 ? +xhtml1/inline-block-alignment-orthogonal-vlr-005.xht 843d64f690c7eb68c0dd96bdca4cbec3484b13c5 ? +html/inline-block-alignment-orthogonal-vrl-002.htm 26492fc7f467f3d050af3de705b263f7ab7996eb ? +xhtml1/inline-block-alignment-orthogonal-vrl-002.xht 26492fc7f467f3d050af3de705b263f7ab7996eb ? +html/inline-block-alignment-orthogonal-vrl-004.htm b76cd7a87f94be29964bef761b5a28f1108b9994 ? +xhtml1/inline-block-alignment-orthogonal-vrl-004.xht b76cd7a87f94be29964bef761b5a28f1108b9994 ? html/inline-replaced-vlr-003.htm fb490b42fc0b5e2d19122a5ec93d729280d0de37 ? xhtml1/inline-replaced-vlr-003.xht fb490b42fc0b5e2d19122a5ec93d729280d0de37 ? html/inline-replaced-vlr-005.htm ca2f67096b0544b3e0d80c075acd0db763cbf815 ? @@ -1273,10 +1271,10 @@ html/margin-collapse-vrl-034.htm c383d4e25e05263bed13bdbe491783e431e8d427 ? xhtml1/margin-collapse-vrl-034.xht c383d4e25e05263bed13bdbe491783e431e8d427 ? html/margin-collapse-vrl-036.htm 646e80149a20561f3e11b75ccf98e5742f55c826 ? xhtml1/margin-collapse-vrl-036.xht 646e80149a20561f3e11b75ccf98e5742f55c826 ? -html/margin-vlr-003.htm 02f132c12e24ed234c7d79910b270cc64ab6972c ? -xhtml1/margin-vlr-003.xht 02f132c12e24ed234c7d79910b270cc64ab6972c ? -html/margin-vrl-002.htm 3750fe541b8a60cceb015ad4592fa7a6d11754ac ? -xhtml1/margin-vrl-002.xht 3750fe541b8a60cceb015ad4592fa7a6d11754ac ? +html/margin-vlr-003.htm efb8e8b39035a1c320622f446a5d8799d59d953e ? +xhtml1/margin-vlr-003.xht efb8e8b39035a1c320622f446a5d8799d59d953e ? +html/margin-vrl-002.htm 0e013e2395651788e72964961d8955431a18c0f0 ? +xhtml1/margin-vrl-002.xht 0e013e2395651788e72964961d8955431a18c0f0 ? html/orthogonal-parent-shrink-to-fit-001.htm aec1eaa173fc3feb10eff6ecd8994fee2b0c52ee ? xhtml1/orthogonal-parent-shrink-to-fit-001.xht aec1eaa173fc3feb10eff6ecd8994fee2b0c52ee ? html/orthogonal-parent-shrink-to-fit-001a.htm 3a18cea77e5f3eddab45aa912eddb27cb5237487 ? @@ -1387,10 +1385,22 @@ html/table-column-order-004.htm d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 ? xhtml1/table-column-order-004.xht d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 ? html/table-column-order-005.htm 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c ? xhtml1/table-column-order-005.xht 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c ? -html/table-progression-001-vlr.htm 81ab3c7b3c535df5d338adb80f5546732a00193b ? -xhtml1/table-progression-001-vlr.xht 81ab3c7b3c535df5d338adb80f5546732a00193b ? -html/table-progression-001-vrl.htm 06d42915fb12d69f3da16d371365f68ba731edb7 ? -xhtml1/table-progression-001-vrl.xht 06d42915fb12d69f3da16d371365f68ba731edb7 ? +html/table-progression-001-vlr.htm 3d990116dcd4f61ef7a083f182336a148522c6f6 ? +xhtml1/table-progression-001-vlr.xht 3d990116dcd4f61ef7a083f182336a148522c6f6 ? +html/table-progression-001-vrl.htm a2cfa3ea3f4587ab1f29bf6e64d86451c5ee540c ? +xhtml1/table-progression-001-vrl.xht a2cfa3ea3f4587ab1f29bf6e64d86451c5ee540c ? +html/table-progression-002-vlr.htm fd3e508ce84a5da3ab44d2007a9b8cd35c30f056 ? +xhtml1/table-progression-002-vlr.xht fd3e508ce84a5da3ab44d2007a9b8cd35c30f056 ? +html/table-progression-002-vrl.htm 7617584bc390068d0d6d40a69a0690bef997290f ? +xhtml1/table-progression-002-vrl.xht 7617584bc390068d0d6d40a69a0690bef997290f ? +html/table-progression-003-vlr.htm b882c0e0cc176c9f707b2e1c1aaabb1309c56e21 ? +xhtml1/table-progression-003-vlr.xht b882c0e0cc176c9f707b2e1c1aaabb1309c56e21 ? +html/table-progression-003-vrl.htm 376077cdb936c0b77681cee567127052996942a3 ? +xhtml1/table-progression-003-vrl.xht 376077cdb936c0b77681cee567127052996942a3 ? +html/table-progression-004-vlr.htm 7107f58463da705ffa82973649489e4dd99f9b8d ? +xhtml1/table-progression-004-vlr.xht 7107f58463da705ffa82973649489e4dd99f9b8d ? +html/table-progression-004-vrl.htm 7bfe32d85901c7f8679b5d1897fdfa8d8071b410 ? +xhtml1/table-progression-004-vrl.xht 7bfe32d85901c7f8679b5d1897fdfa8d8071b410 ? html/text-align-vlr-003.htm 0bee51c71e26719152960da53a881fbe5aa11d7d ? xhtml1/text-align-vlr-003.xht 0bee51c71e26719152960da53a881fbe5aa11d7d ? html/text-align-vlr-005.htm 5575d1e1f921175cbaaaed50c5f29339751478bb ? @@ -1437,12 +1447,8 @@ html/text-baseline-005.htm d447b06a2b6068a416b6df35e5cb0e365948b695 ? xhtml1/text-baseline-005.xht d447b06a2b6068a416b6df35e5cb0e365948b695 ? html/text-baseline-006.htm c1ca241edb6288a98305d1aacd16c3e4edbda986 ? xhtml1/text-baseline-006.xht c1ca241edb6288a98305d1aacd16c3e4edbda986 ? -html/text-baseline-007.htm 4bf61c853dd7cff00591b669c7616cee91204a1a ? -xhtml1/text-baseline-007.xht 4bf61c853dd7cff00591b669c7616cee91204a1a ? -html/text-baseline-008.htm 8a1ebc872ef48cd8554efe1477f2944bd78c0f5a ? -xhtml1/text-baseline-008.xht 8a1ebc872ef48cd8554efe1477f2944bd78c0f5a ? -html/text-baseline-009.htm 2851777e1a8ab9c874cc008f2d03bff4487276eb ? -xhtml1/text-baseline-009.xht 2851777e1a8ab9c874cc008f2d03bff4487276eb ? +html/text-baseline-007.htm 888e1405950e351c9e24b5015629cbfb899cdbd5 ? +xhtml1/text-baseline-007.xht 888e1405950e351c9e24b5015629cbfb899cdbd5 ? html/text-combine-upright-decorations-001.htm 280af6570701711000e9512d0fa55c267724d9ae ? xhtml1/text-combine-upright-decorations-001.xht 280af6570701711000e9512d0fa55c267724d9ae ? html/text-combine-upright-inherit-all-001.htm 71bf076146439091e171f37da2984ca1dcdca01e ? @@ -1513,38 +1519,38 @@ html/text-decoration-upright-vrl-004.htm da674a9887fe6ae0fe4e307fad07f43c749a003 xhtml1/text-decoration-upright-vrl-004.xht da674a9887fe6ae0fe4e307fad07f43c749a0030 ? html/text-decoration-upright-vrl-006.htm d4d19ae10677a788623f605f05a3415c76d6fe31 ? xhtml1/text-decoration-upright-vrl-006.xht d4d19ae10677a788623f605f05a3415c76d6fe31 ? -html/text-indent-vlr-003.htm a2307c05f77001c45994aae0d5030b062140ae79 ? -xhtml1/text-indent-vlr-003.xht a2307c05f77001c45994aae0d5030b062140ae79 ? -html/text-indent-vlr-005.htm ec355150dc09150e95645f5b0f45e553e17f97eb ? -xhtml1/text-indent-vlr-005.xht ec355150dc09150e95645f5b0f45e553e17f97eb ? -html/text-indent-vlr-007.htm 62375901a4a5040530d3c029a600d0884de495c2 ? -xhtml1/text-indent-vlr-007.xht 62375901a4a5040530d3c029a600d0884de495c2 ? -html/text-indent-vlr-009.htm 827c577323e54c523892209ba8c45046d1e9a5f6 ? -xhtml1/text-indent-vlr-009.xht 827c577323e54c523892209ba8c45046d1e9a5f6 ? -html/text-indent-vlr-011.htm b6fa62151069756e1efb9e7c5955cde99df94563 ? -xhtml1/text-indent-vlr-011.xht b6fa62151069756e1efb9e7c5955cde99df94563 ? -html/text-indent-vlr-013.htm 1e6fa9e1477d00930b79d11534c6a029cf64ab19 ? -xhtml1/text-indent-vlr-013.xht 1e6fa9e1477d00930b79d11534c6a029cf64ab19 ? -html/text-indent-vlr-015.htm e14477194313b80b51da3315309d03ee82cc2642 ? -xhtml1/text-indent-vlr-015.xht e14477194313b80b51da3315309d03ee82cc2642 ? -html/text-indent-vlr-017.htm 00c2c20242f09671f96e21129eefb5561a73b723 ? -xhtml1/text-indent-vlr-017.xht 00c2c20242f09671f96e21129eefb5561a73b723 ? -html/text-indent-vrl-002.htm 4276779f3524fd8bc693fb7e47c8900d7ca0f431 ? -xhtml1/text-indent-vrl-002.xht 4276779f3524fd8bc693fb7e47c8900d7ca0f431 ? -html/text-indent-vrl-004.htm 92d4df59d2ea3403f7521d41a82de1f495961590 ? -xhtml1/text-indent-vrl-004.xht 92d4df59d2ea3403f7521d41a82de1f495961590 ? -html/text-indent-vrl-006.htm 667210e580eec69b30ac7d70bb4e852b0bf190a9 ? -xhtml1/text-indent-vrl-006.xht 667210e580eec69b30ac7d70bb4e852b0bf190a9 ? -html/text-indent-vrl-008.htm a242554acd3084f828d6a271d553e0b3cb00ce73 ? -xhtml1/text-indent-vrl-008.xht a242554acd3084f828d6a271d553e0b3cb00ce73 ? -html/text-indent-vrl-010.htm fd43520a39150392ce406569c31ece4b6e2bf692 ? -xhtml1/text-indent-vrl-010.xht fd43520a39150392ce406569c31ece4b6e2bf692 ? -html/text-indent-vrl-012.htm 0daa6170d48fe9d587ed7fd62850c44967a37628 ? -xhtml1/text-indent-vrl-012.xht 0daa6170d48fe9d587ed7fd62850c44967a37628 ? -html/text-indent-vrl-014.htm 6685678a849e9c2177028da5890defe33b76e75d ? -xhtml1/text-indent-vrl-014.xht 6685678a849e9c2177028da5890defe33b76e75d ? -html/text-indent-vrl-016.htm 67f948b37e2a012095cf7c19125a413ac458fcae ? -xhtml1/text-indent-vrl-016.xht 67f948b37e2a012095cf7c19125a413ac458fcae ? +html/text-indent-vlr-003.htm 4a0f025789b43b7c66eb02b597ffe68d3713df9c ? +xhtml1/text-indent-vlr-003.xht 4a0f025789b43b7c66eb02b597ffe68d3713df9c ? +html/text-indent-vlr-005.htm 613cce7558d142c8087b16a93f692980d25d1299 ? +xhtml1/text-indent-vlr-005.xht 613cce7558d142c8087b16a93f692980d25d1299 ? +html/text-indent-vlr-007.htm 0f8bb761cb195ea9d5a97a04803b5dc5dd6fbd87 ? +xhtml1/text-indent-vlr-007.xht 0f8bb761cb195ea9d5a97a04803b5dc5dd6fbd87 ? +html/text-indent-vlr-009.htm 367500c0bf4ce143b310e71e826e2a5c8fd08205 ? +xhtml1/text-indent-vlr-009.xht 367500c0bf4ce143b310e71e826e2a5c8fd08205 ? +html/text-indent-vlr-011.htm 5390c757956b6fbdbeb98cbe096b070a9194e6e8 ? +xhtml1/text-indent-vlr-011.xht 5390c757956b6fbdbeb98cbe096b070a9194e6e8 ? +html/text-indent-vlr-013.htm f69873973a5e0c34c0cb2fcedade8c28f62af7d3 ? +xhtml1/text-indent-vlr-013.xht f69873973a5e0c34c0cb2fcedade8c28f62af7d3 ? +html/text-indent-vlr-015.htm 1f3127e92ceee7e9ea32e96ca2a9cbcdf0ed7303 ? +xhtml1/text-indent-vlr-015.xht 1f3127e92ceee7e9ea32e96ca2a9cbcdf0ed7303 ? +html/text-indent-vlr-017.htm fc1e9f340f218c76dcaaf2532f9e774cb07c99c6 ? +xhtml1/text-indent-vlr-017.xht fc1e9f340f218c76dcaaf2532f9e774cb07c99c6 ? +html/text-indent-vrl-002.htm 043281febcf3a68ed282664a68f2f5f51da72e06 ? +xhtml1/text-indent-vrl-002.xht 043281febcf3a68ed282664a68f2f5f51da72e06 ? +html/text-indent-vrl-004.htm 80532ae2a688e79c171a1b53727deacd56b010cf ? +xhtml1/text-indent-vrl-004.xht 80532ae2a688e79c171a1b53727deacd56b010cf ? +html/text-indent-vrl-006.htm a530cfc805a488dba3adebb1c78776910d545f1d ? +xhtml1/text-indent-vrl-006.xht a530cfc805a488dba3adebb1c78776910d545f1d ? +html/text-indent-vrl-008.htm c4babd490f138a7619e29bbff6de6c328fa2ba42 ? +xhtml1/text-indent-vrl-008.xht c4babd490f138a7619e29bbff6de6c328fa2ba42 ? +html/text-indent-vrl-010.htm 8d46bec82f7cc1b958533df0447e34fc65f400cf ? +xhtml1/text-indent-vrl-010.xht 8d46bec82f7cc1b958533df0447e34fc65f400cf ? +html/text-indent-vrl-012.htm 985e22d2200b9cb6f1622d55d78cf5c5d505f38d ? +xhtml1/text-indent-vrl-012.xht 985e22d2200b9cb6f1622d55d78cf5c5d505f38d ? +html/text-indent-vrl-014.htm 237aa7256b471375ef0b81e8764aa74bc69dbf94 ? +xhtml1/text-indent-vrl-014.xht 237aa7256b471375ef0b81e8764aa74bc69dbf94 ? +html/text-indent-vrl-016.htm bd36efb6824d9649c071507677cdc5d1320798c9 ? +xhtml1/text-indent-vrl-016.xht bd36efb6824d9649c071507677cdc5d1320798c9 ? html/text-orientation-010.htm 4ecdbceff7397331c490f98d284800bf1fa125a2 ? xhtml1/text-orientation-010.xht 4ecdbceff7397331c490f98d284800bf1fa125a2 ? html/text-orientation-011.htm 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 ? @@ -1589,12 +1595,12 @@ html/text-orientation-script-001n.htm 75668b8433dbbb2bc2e62fd4bf2445560c858453 ? xhtml1/text-orientation-script-001n.xht 75668b8433dbbb2bc2e62fd4bf2445560c858453 ? html/text-orientation-script-001o.htm ad390d60dd518de633056d1bd59900406d4d23e8 ? xhtml1/text-orientation-script-001o.xht ad390d60dd518de633056d1bd59900406d4d23e8 ? -html/text-orientation-sideways-001.htm f411981d28666fb0c45c6c70f33b971daf9eb882 ? -xhtml1/text-orientation-sideways-001.xht f411981d28666fb0c45c6c70f33b971daf9eb882 ? -html/text-orientation-sideways-right-001.htm 0553269d79d31412d44b0b586a2711298ed43b7f ? -xhtml1/text-orientation-sideways-right-001.xht 0553269d79d31412d44b0b586a2711298ed43b7f ? -html/text-orientation-upright-001.htm c2881506193c25b132f0d88c5ad2a8d1c53e37b6 ? -xhtml1/text-orientation-upright-001.xht c2881506193c25b132f0d88c5ad2a8d1c53e37b6 ? +html/text-orientation-sideways-001.htm 0e563a3b93880c751ed081529a4200309bbd2af2 ? +xhtml1/text-orientation-sideways-001.xht 0e563a3b93880c751ed081529a4200309bbd2af2 ? +html/text-orientation-sideways-right-001.htm d9d0c11c8add7eaeca3c4895c0b41f1b64808d68 ? +xhtml1/text-orientation-sideways-right-001.xht d9d0c11c8add7eaeca3c4895c0b41f1b64808d68 ? +html/text-orientation-upright-001.htm 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 ? +xhtml1/text-orientation-upright-001.xht 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 ? html/underline-font-size-vlr-003.htm 2ed0dce303004a098525b1c0aa2008df639643ea ? xhtml1/underline-font-size-vlr-003.xht 2ed0dce303004a098525b1c0aa2008df639643ea ? html/underline-font-size-vlr-005.htm 8218f172828fc358d5814147c09eac80646d5167 ? diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data index 29c68683a2b..cf95b5dd086 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data @@ -580,13 +580,12 @@ inline-block-alignment-003 reference/inline-block-alignment-003-ref inline-block inline-block-alignment-004 reference/inline-block-alignment-002-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f254f9b4e72bd5cfdff0411c9ed832c0d7c437ef `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. inline-block-alignment-005 reference/inline-block-alignment-003-ref inline-block alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes f22e9acf9997492e59bf06af71f147cf3a7ef60b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. inline-block-alignment-006 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes d331ddb7afc3bbe931b343cfec50b6f142a10f55 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-007 reference/inline-block-alignment-007-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes fa0c4bd5f60c840d6f8689ea4c9838e7534dbd11 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. +inline-block-alignment-007 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 6a9ee7d303ff1d49a6841edfb93f3abe04297ec7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. inline-block-alignment-008 reference/inline-block-alignment-006-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 0c74b7bbf813193c08885b3d85823e5a2b4fb435 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-009 reference/inline-block-alignment-009-ref inline block alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines,http://www.w3.org/TR/CSS21/visuren.html#inline-boxes 011236f198ba8944faf000a6768995116784c55f `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline. -inline-block-alignment-orthogonal-vlr-003 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 4c158c1913bcf69e7f6f7cf7fe1058dea9632639 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. -inline-block-alignment-orthogonal-vlr-005 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 9cc37b55e5fc41ccb0ff4eed7d415459861f3b75 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. -inline-block-alignment-orthogonal-vrl-002 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines c87e0c587a27e594349a00542bedeb24af244680 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. -inline-block-alignment-orthogonal-vrl-004 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 163cdbb62a145a13609e33b17b53c60c86d2b60d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. +inline-block-alignment-orthogonal-vlr-003 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines b6891512aa507f9050101d960cf349889329fda3 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. +inline-block-alignment-orthogonal-vlr-005 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 843d64f690c7eb68c0dd96bdca4cbec3484b13c5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. +inline-block-alignment-orthogonal-vrl-002 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines 26492fc7f467f3d050af3de705b263f7ab7996eb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. +inline-block-alignment-orthogonal-vrl-004 reference/inline-block-alignment-orthogonal-vrl-002-ref text baseline alignment of inline-block in orthogonal flow ahem http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines b76cd7a87f94be29964bef761b5a28f1108b9994 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' of the containing block of an inline-block in orthogonal flow is 'horizontal-tb', then the dominant baseline used is the alphabetical baseline. In this test, the inline-block should be 'sitting' on the alphabetical baseline, therefore creating a straight and unbroken bottom edge. inline-replaced-vlr-003 reference/inline-replaced-vrl-002-ref inline replaced element and 'vertical-lr' image http://www.w3.org/TR/css-writing-modes-3/#writing-mode fb490b42fc0b5e2d19122a5ec93d729280d0de37 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the content of an inline replaced element does not rotate due to the writing mode. inline-replaced-vlr-005 reference/inline-replaced-vrl-004-ref inline replaced element and 'vertical-lr' (advanced) ahem,image http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines ca2f67096b0544b3e0d80c075acd0db763cbf815 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from left to right. inline-replaced-vrl-002 reference/inline-replaced-vrl-002-ref inline replaced element and 'vertical-rl' image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 65edb60ad7a542cacaee25d586d2a07bc30e86b9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the content of an inline replaced element does not rotate due to the writing mode. @@ -634,8 +633,8 @@ margin-collapse-vrl-024 reference/ref-filled-green-100px-square 'vertical-rl' an margin-collapse-vrl-030 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - collapse through sibling ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout f7361122bcbe1aa63c13644dc3267d191e7a2b8f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that horizontal margins of boxes can collapse through a sibling box whose left and right margins collapse in 'vertical-rl' writing-mode. margin-collapse-vrl-034 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - right margin of a block collapses with right margin of its first child ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout c383d4e25e05263bed13bdbe491783e431e8d427 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, in a vertical-rl context, the right margin an in-flow block box collapses with its first in-flow block-level child's right margin if the element has no top border, no top padding, and the child has no clearance. margin-collapse-vrl-036 reference/ref-filled-green-100px-square 'vertical-rl' and margin collapsing - left margin of a block collapses with left margin of its last child ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 646e80149a20561f3e11b75ccf98e5742f55c826 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that, in a vertical-rl context, the left margin an in-flow block box collapses with its last in-flow block-level child's left margin if the element has no left padding and no left border and the child's left margin does not collapse with a right margin that has clearance. -margin-vlr-003 reference/margin-vrl-002-ref margin in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 02f132c12e24ed234c7d79910b270cc64ab6972c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box. -margin-vrl-002 reference/margin-vrl-002-ref margin in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 3750fe541b8a60cceb015ad4592fa7a6d11754ac `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box. +margin-vlr-003 reference/margin-vrl-002-ref margin in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout efb8e8b39035a1c320622f446a5d8799d59d953e `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box. +margin-vrl-002 reference/margin-vrl-002-ref margin in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0e013e2395651788e72964961d8955431a18c0f0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that margin-left, margin-right, margin-top and margin-bottom do not change in vertical writing-mode. The margin-left property of a box still affects the lefthand margin of such box. orthogonal-parent-shrink-to-fit-001 Shrink-to-fit with orthogonal children ahem,combo,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows aec1eaa173fc3feb10eff6ecd8994fee2b0c52ee `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit with orthogonal children orthogonal-parent-shrink-to-fit-001a Shrink-to-fit inline-block with a child of orthogonal block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 3a18cea77e5f3eddab45aa912eddb27cb5237487 `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit inline-block with a child of orthogonal block orthogonal-parent-shrink-to-fit-001b Shrink-to-fit inline-block with a child of orthogonal inline ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 546a221d6757a318512ac185c51c0ec6c4bf9df1 `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit inline-block with a child of orthogonal inline @@ -691,8 +690,14 @@ table-column-order-002 reference/block-flow-direction-001-ref 'direction: rtl' - table-column-order-003 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout e82ae71ac3541cfba3978ffe9d32d20b1ffcd13d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that a table with 'writing-mode' set to 'vertical-lr' and with 'direction' set to 'rtl' will have its column displayed from bottom (1st column) to top (last column). The inline base direction is still from top to bottom. table-column-order-004 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-rl ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout d6e85e267481db8e23e8e2c7dd3a3e7ae11703e6 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. table-column-order-005 reference/block-flow-direction-001-ref 'direction: rtl' - table columns order and vertical-lr ahem http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5c5f4e626e4aaeae7387fe8e37beb1be49196e3c `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks that colspanned cells in a table with 'direction' set to 'rtl' are handled according to a bottom-to-top column direction. -table-progression-001-vlr reference/table-progression-001-ref vertical-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode 81ab3c7b3c535df5d338adb80f5546732a00193b `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. -table-progression-001-vrl reference/table-progression-001-ref vertical-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode 06d42915fb12d69f3da16d371365f68ba731edb7 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. +table-progression-001-vlr table-progression-001-ref.orngtml vertical-lr Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 3d990116dcd4f61ef7a083f182336a148522c6f6 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. +table-progression-001-vrl table-progression-001-ref.orngtml vertical-rl Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction a2cfa3ea3f4587ab1f29bf6e64d86451c5ee540c `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups. +table-progression-002-vlr table-progression-002-ref.orngtml vertical-lr Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction fd3e508ce84a5da3ab44d2007a9b8cd35c30f056 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. +table-progression-002-vrl table-progression-002-ref.orngtml vertical-rl Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction 7617584bc390068d0d6d40a69a0690bef997290f `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups. +table-progression-003-vlr table-progression-001-ref.orngtml vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation b882c0e0cc176c9f707b2e1c1aaabb1309c56e21 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. +table-progression-003-vrl table-progression-001-ref.orngtml vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 376077cdb936c0b77681cee567127052996942a3 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright. +table-progression-004-vlr table-progression-002-ref.orngtml vertical-lr upright orientation Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 7107f58463da705ffa82973649489e4dd99f9b8d `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright. +table-progression-004-vrl table-progression-002-ref.orngtml vertical-rl upright orientation Table Column/Colgroup Ordering http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/css-writing-modes-3/#direction,http://www.w3.org/TR/css-writing-modes-3/#text-orientation 7bfe32d85901c7f8679b5d1897fdfa8d8071b410 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright. text-align-vlr-003 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and 'direction: ltr' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 0bee51c71e26719152960da53a881fbe5aa11d7d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> text-align-vlr-005 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and 'direction: rtl' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 5575d1e1f921175cbaaaed50c5f29339751478bb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-align: left' aligns an inline box within a line box with respect to the line box's logical left side (line-left side). Here, 'direction: rtl' has no impact, no influence on such alignment. text-align-vlr-007 reference/ref-filled-green-100px-square 'text-align: left' - 'vertical-lr' and initial, default 'direction' ahem,image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 79e2c585512ba21d7f31e4c4d2efc30abb3279b3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> @@ -716,9 +721,7 @@ text-baseline-003 reference/text-baseline-002-ref text baseline alignment - cent text-baseline-004 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines be0d1d66d857686701293217905e62ea9857f9c2 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. text-baseline-005 reference/text-baseline-002-ref text baseline alignment - central alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines d447b06a2b6068a416b6df35e5cb0e365948b695 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline. text-baseline-006 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines c1ca241edb6288a98305d1aacd16c3e4edbda986 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -text-baseline-007 reference/text-baseline-007-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 4bf61c853dd7cff00591b669c7616cee91204a1a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. -text-baseline-008 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 8a1ebc872ef48cd8554efe1477f2944bd78c0f5a `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline. -text-baseline-009 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 2851777e1a8ab9c874cc008f2d03bff4487276eb `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline. +text-baseline-007 reference/text-baseline-006-ref text baseline alignment - alphabetical alignment with vertical layout ahem http://www.w3.org/TR/css-writing-modes-3/#text-baselines 888e1405950e351c9e24b5015629cbfb899cdbd5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline. text-combine-upright-decorations-001 reference/text-combine-upright-decorations-001 The resulting composition is treated as a signel glyph for decorations ahem https://drafts.csswg.org/css-writing-modes-3/#text-combine-layout 280af6570701711000e9512d0fa55c267724d9ae `Koji Ishii`<mailto:kojiishi@gmail.com> The resulting composition is treated as a signel glyph for decorations text-combine-upright-inherit-all-001 reference/text-combine-upright-inherit-all-001 text-combine-upright:all inherits http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 71bf076146439091e171f37da2984ca1dcdca01e `Koji Ishii`<mailto:kojiishi@gmail.com> This test checks text-combine-upright:all inherits text-combine-upright-inherit-all-002 reference/text-combine-upright-inherit-all-002 text-combine-upright :all http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 5f16f6cf05f96410a9698653f5557ca74ae561af `Shinsuke Matsuki`<mailto:shinsuke.matsuki@access-company.com>,`Koji Ishii`<mailto:kojiishi@gmail.com> This test checks text-combine-upright:all inherits through the containment hierarchy and interrupted (by a box boundary) text runs @@ -754,22 +757,22 @@ text-decoration-upright-vlr-007 'text-decoration: line-through' and 'text-orien text-decoration-upright-vrl-002 'text-decoration: underline' and 'text-orientation: upright' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical 2b82f16adac5e936f32837c12d77b69da11f1caf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: underline' generates a line on the lefthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode. text-decoration-upright-vrl-004 'text-decoration: overline' and 'text-orientation: upright' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical da674a9887fe6ae0fe4e307fad07f43c749a0030 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: overline' generates a line on the righthand side of text when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode. text-decoration-upright-vrl-006 'text-decoration: line-through' and 'text-orientation: upright' in a 'vertical-rl' writing-mode http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-writing-modes-3/#logical-to-physical d4d19ae10677a788623f605f05a3415c76d6fe31 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-decoration: line-through' generates a line that passes through the middle of glyphs when 'text-orientation' is set to 'upright' in a 'vertical-rl' writing-mode. -text-indent-vlr-003 reference/text-indent-vlr-003-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout a2307c05f77001c45994aae0d5030b062140ae79 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-lr' starts at top toward the bottom and progress toward the bottom. -text-indent-vlr-005 reference/text-indent-vlr-005-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout ec355150dc09150e95645f5b0f45e553e17f97eb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. -text-indent-vlr-007 reference/text-indent-vlr-003-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 62375901a4a5040530d3c029a600d0884de495c2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. -text-indent-vlr-009 reference/text-indent-vlr-005-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 827c577323e54c523892209ba8c45046d1e9a5f6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. -text-indent-vlr-011 reference/text-indent-vlr-011-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout b6fa62151069756e1efb9e7c5955cde99df94563 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-lr' starts at top toward the bottom and progress toward the bottom. -text-indent-vlr-013 reference/text-indent-vlr-013-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 1e6fa9e1477d00930b79d11534c6a029cf64ab19 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. -text-indent-vlr-015 reference/text-indent-vlr-011-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout e14477194313b80b51da3315309d03ee82cc2642 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. -text-indent-vlr-017 reference/text-indent-vlr-013-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 00c2c20242f09671f96e21129eefb5561a73b723 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. -text-indent-vrl-002 reference/text-indent-vrl-002-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 4276779f3524fd8bc693fb7e47c8900d7ca0f431 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-rl' starts at top toward the bottom and progress toward the bottom. -text-indent-vrl-004 reference/text-indent-vrl-004-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 92d4df59d2ea3403f7521d41a82de1f495961590 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. -text-indent-vrl-006 reference/abs-pos-non-replaced-vlr-009-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 667210e580eec69b30ac7d70bb4e852b0bf190a9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. -text-indent-vrl-008 reference/text-indent-vrl-008-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout a242554acd3084f828d6a271d553e0b3cb00ce73 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. -text-indent-vrl-010 reference/text-indent-vrl-010-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout fd43520a39150392ce406569c31ece4b6e2bf692 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-rl' starts at top toward the bottom and progress toward the bottom. -text-indent-vrl-012 reference/text-indent-vrl-012-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 0daa6170d48fe9d587ed7fd62850c44967a37628 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. -text-indent-vrl-014 reference/text-indent-vrl-010-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 6685678a849e9c2177028da5890defe33b76e75d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. -text-indent-vrl-016 reference/text-indent-vrl-012-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 67f948b37e2a012095cf7c19125a413ac458fcae `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. +text-indent-vlr-003 reference/text-indent-vlr-003-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 4a0f025789b43b7c66eb02b597ffe68d3713df9c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-lr' starts at top toward the bottom and progress toward the bottom. +text-indent-vlr-005 reference/text-indent-vlr-005-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 613cce7558d142c8087b16a93f692980d25d1299 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. +text-indent-vlr-007 reference/text-indent-vlr-003-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 0f8bb761cb195ea9d5a97a04803b5dc5dd6fbd87 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. +text-indent-vlr-009 reference/text-indent-vlr-005-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-lr' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 367500c0bf4ce143b310e71e826e2a5c8fd08205 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. +text-indent-vlr-011 reference/text-indent-vlr-011-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 5390c757956b6fbdbeb98cbe096b070a9194e6e8 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-lr' starts at top toward the bottom and progress toward the bottom. +text-indent-vlr-013 reference/text-indent-vlr-013-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout f69873973a5e0c34c0cb2fcedade8c28f62af7d3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. +text-indent-vlr-015 reference/text-indent-vlr-011-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 1f3127e92ceee7e9ea32e96ca2a9cbcdf0ed7303 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. +text-indent-vlr-017 reference/text-indent-vlr-013-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-lr' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout fc1e9f340f218c76dcaaf2532f9e774cb07c99c6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-lr' starts at bottom toward the top and progress toward the top. +text-indent-vrl-002 reference/text-indent-vrl-002-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 043281febcf3a68ed282664a68f2f5f51da72e06 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-rl' starts at top toward the bottom and progress toward the bottom. +text-indent-vrl-004 reference/text-indent-vrl-004-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 80532ae2a688e79c171a1b53727deacd56b010cf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. +text-indent-vrl-006 reference/abs-pos-non-replaced-vlr-009-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout a530cfc805a488dba3adebb1c78776910d545f1d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. +text-indent-vrl-008 reference/text-indent-vrl-008-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout c4babd490f138a7619e29bbff6de6c328fa2ba42 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. +text-indent-vrl-010 reference/text-indent-vrl-010-ref 'text-indent' with absolute unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 8d46bec82f7cc1b958533df0447e34fc65f400cf `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: ltr' and with 'writing-mode: vertical-rl' starts at top toward the bottom and progress toward the bottom. +text-indent-vrl-012 reference/text-indent-vrl-012-ref 'text-indent' with absolute unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 985e22d2200b9cb6f1622d55d78cf5c5d505f38d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. +text-indent-vrl-014 reference/text-indent-vrl-010-ref 'text-indent' with percentage unit, 'direction: ltr' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout 237aa7256b471375ef0b81e8764aa74bc69dbf94 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. +text-indent-vrl-016 reference/text-indent-vrl-012-ref 'text-indent' with percentage unit, 'direction: rtl' in 'vertical-rl' writing-mode (non-orthogonal) ahem,image http://www.w3.org/TR/css-writing-modes-3/#logical-direction-layout bd36efb6824d9649c071507677cdc5d1320798c9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that 'text-indent' set with a percentage unit will be a percentage of the containing block height. 'text-indent' will indent the first line of text at line-start. Text of a line box in 'direction: rtl' and with 'writing-mode: vertical-rl' starts at bottom toward the top and progress toward the top. text-orientation-010 text-orientation - mixed ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 4ecdbceff7397331c490f98d284800bf1fa125a2 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: mixed' causes characters from horizontal-only scripts are set sideways, i.e. 90°clockwise from their standard orientation in horizontal text. Characters from vertical scripts are set with their intrinsic orientation. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. text-orientation-011 text-orientation - upright ahem,font http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1e2a7d34e5dbf3ae8ebe3191281f4ed36965d6a5 `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: upright' causes characters from horizontal-only scripts are rendered upright, i.e. in their standard horizontal orientation, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. text-orientation-012 reference/text-orientation-012-ref text-orientation - sideways-right ahem http://www.w3.org/TR/css-writing-modes-3/#text-orientation 8438a0a844a186f9404cb0652f4449db4423ebfc `Taka Oshiyama`<mailto:takaoshiyama@gmail.com> This test checks that 'text-orientation: sideways-right' causes text to be set as if in a horizontal layout, but rotated 90° clockwise, in vertical writing modes. This is effective to verify 1.block flow direction, 2.inline direction and 3.glyph orientation. @@ -792,9 +795,9 @@ text-orientation-script-001l Test orientation of characters where vo=U (#4/5, 2 text-orientation-script-001m Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 24dd6e5df9229834b0b3e78ff48bcfa205c400e1 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=U (#5/5, 787 code points in U+1F6BB-2FA1D) text-orientation-script-001n Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation 75668b8433dbbb2bc2e62fd4bf2445560c858453 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tr (47 code points in U+2329-FFE3) text-orientation-script-001o Test orientation of characters where vo=Tu (147 code points in U+3001-1F201). dom,font,script http://www.w3.org/TR/css-writing-modes-3/#text-orientation ad390d60dd518de633056d1bd59900406d4d23e8 `Koji Ishii`<mailto:kojiishi@gmail.com> Test orientation of characters where vo=Tu (147 code points in U+3001-1F201) -text-orientation-sideways-001 text-orientation - sideways in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation f411981d28666fb0c45c6c70f33b971daf9eb882 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. -text-orientation-sideways-right-001 text-orientation - sideways-right in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 0553269d79d31412d44b0b586a2711298ed43b7f `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. -text-orientation-upright-001 text-orientation - upright in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation c2881506193c25b132f0d88c5ad2a8d1c53e37b6 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc). +text-orientation-sideways-001 text-orientation - sideways in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 0e563a3b93880c751ed081529a4200309bbd2af2 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the same as [text-orientation: sideways-right], general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. +text-orientation-sideways-right-001 text-orientation - sideways-right in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation d9d0c11c8add7eaeca3c4895c0b41f1b64808d68 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that general horizontal text(include Japanese,etc) rotates 90 degrees clockwise, and it is verified whether the characters are aligned in the vertical direction. +text-orientation-upright-001 text-orientation - upright in vertical-rl writing mode font,image http://www.w3.org/TR/css-writing-modes-3/#text-orientation 1d7c80ad3f6eb357a1dd9ef0261dba63dcf971a1 `Kazuaki Takemura`<mailto:takemura@networksoft.co.jp> This test checks that the alphabet is displayed on the upright (not sideways),and it is verified whether the characters are aligned in the vertical direction including vertical writing characters(Japanese, Mongolian, Hangul, etc). underline-font-size-vlr-003 'text-decoration: underline' with various font sizes http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 2ed0dce303004a098525b1c0aa2008df639643ea `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box. underline-font-size-vlr-005 'text-decoration: underline' with various font sizes and mixed text http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 8218f172828fc358d5814147c09eac80646d5167 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when latin and mongolian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box. underline-font-size-vrl-002 'text-decoration: underline' with various font sizes http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/css-text-decor-3/#text-underline-position-property 9d177e35a9389b54beaadb42c09d951c9257f137 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that when east-asian glyphs of varying font sizes are used in mixed text-orientation (therefore with text centrally baseline-aligned), then the text-decoration of the parent box is used across the parent box. diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht index 064a2f7e5d9..cf853a1987d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (164 tests)</h2> + <h2>Inline Direction and Bidirectionality (172 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 22 tests --> + <!-- 30 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.xht">direction-001</a></strong></td> @@ -1345,6 +1345,98 @@ </ul> </td> </tr> + <tr id="table-progression-001-vlr-2.1" class=""> + <td> + <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-001-vrl-2.1" class=""> + <td> + <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vlr-2.1" class=""> + <td> + <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vrl-2.1" class=""> + <td> + <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vlr-2.1" class=""> + <td> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-2.1" class=""> + <td> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-2.1" class=""> + <td> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-2.1" class=""> + <td> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s2.1.#propdef-direction"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht index b0db598fed4..2c67433470d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (84 tests)</h2> + <h2>Introduction to Vertical Text (90 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,7 +40,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 68 tests --> + <!-- 74 tests --> <tr id="block-flow-direction-001-3.1" class="primary ahem"> <td><strong> <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> @@ -748,22 +748,92 @@ <tr id="table-progression-001-vlr-3.1" class="primary"> <td><strong> <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></strong></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> <li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> <tr id="table-progression-001-vrl-3.1" class="primary"> <td><strong> <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></strong></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td></td> <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></strong></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></strong></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht index e51dd69afff..ab467fc9288 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (34 tests)</h2> + <h2>Inline-level Alignment (31 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -49,7 +49,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr> - <!-- 10 tests --> + <!-- 8 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td> @@ -130,33 +130,11 @@ <tr id="text-baseline-007-4.2" class="primary ahem"> <td><strong> <a href="text-baseline-007.xht">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-007-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> - <tr id="text-baseline-008-4.2" class="primary ahem"> - <td><strong> - <a href="text-baseline-008.xht">text-baseline-008</a></strong></td> <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> - <tr id="text-baseline-009-4.2" class="primary ahem"> - <td><strong> - <a href="text-baseline-009.xht">text-baseline-009</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> @@ -171,7 +149,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr> - <!-- 24 tests --> + <!-- 23 tests --> <tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem"> <td><strong> <a href="baseline-inline-non-replaced-002.xht">baseline-inline-non-replaced-002</a></strong></td> @@ -296,7 +274,7 @@ <tr id="inline-block-alignment-007-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-007.xht">inline-block-alignment-007</a></strong></td> - <td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td> + <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>inline block alignment - alphabetical alignment with vertical layout <ul class="assert"> @@ -315,17 +293,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-009-4.3" class="primary ahem"> - <td><strong> - <a href="inline-block-alignment-009.xht">inline-block-alignment-009</a></strong></td> - <td><a href="reference/inline-block-alignment-009-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-orthogonal-vlr-003.xht">inline-block-alignment-orthogonal-vlr-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht index f30bd707b69..a6512290c2c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text Layout (25 tests)</h2> + <h2>Introduction to Vertical Text Layout (29 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,7 +55,51 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr> - <!-- 25 tests --> + <!-- 29 tests --> + <tr id="table-progression-003-vlr-5.1" class=""> + <td> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-5.1" class=""> + <td> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-5.1" class=""> + <td> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-5.1" class=""> + <td> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> <tr id="text-orientation-010-5.1" class="primary ahem font"> <td><strong> <a href="text-orientation-010.xht">text-orientation-010</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht index c62a3102cab..f84a27c247d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-007.xht @@ -3,16 +3,15 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-007-ref.xht" /> + <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> <meta name="flags" content="ahem" /> <style type="text/css"><![CDATA[ div#lr-sideways { - color: aqua; + color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ height: 4em; writing-mode: vertical-lr; @@ -50,7 +49,7 @@ <body> - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> <div id="lr-sideways">É<div id="inline-block"> <span class="block-descendant">B</span> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-009.xht deleted file mode 100644 index 415bf31786c..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-009.xht +++ /dev/null @@ -1,61 +0,0 @@ -<!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 Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</title> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-009-ref.xht" /> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-sideways-right - { - color: olive; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-lr; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways-right">p<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">p</span> - </div><span id="fuchsia30">p</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-003.xht index 38088a3543f..2c346b178d2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-003.xht @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-005.xht index 745a4be1c3b..0d673b1fb09 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vlr-005.xht @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-002.xht index 0663aca1ebb..03eb2bdbb9b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-002.xht @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-004.xht index 666dffec360..1232fd52bac 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/inline-block-alignment-orthogonal-vrl-004.xht @@ -13,7 +13,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vlr-003.xht index 997ea486236..3ba1f8a4f71 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vlr-003.xht @@ -35,7 +35,7 @@ .inner { background-color: yellow; - height: 50px; /* necessary, otherwise inner blocks must grow as tall as the height of viewport */ + height: 50px; width: 50px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht index 6dcf446f87d..c58b71cb1a4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht @@ -35,7 +35,7 @@ .inner { background-color: yellow; - height: 50px; /* necessary, otherwise inner blocks must grow as tall as the height of viewport */ + height: 50px; width: 50px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/inline-block-alignment-007-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/inline-block-alignment-007-ref.xht deleted file mode 100644 index af276765500..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/inline-block-alignment-007-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - img - { - vertical-align: top; - } - - img - { - padding-left: 228px; /* 60 px (padding-left) + 120px (first line-block width) + 48px (the position difference of box) */ - } - - img + br + img - { - padding-left: 60px; /* 60 px (padding-left) */ - } - - img + br + img + br + img - { - padding-left: 252px; /* 60 px (padding-left) + 120px (first line-block width) + 72px (the position difference of box) */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div> - <img src="support/swatch-aqua.png" width="48" height="60" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-aqua.png" width="216" height="120" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-aqua.png" width="24" height="30" 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/inline-block-alignment-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/inline-block-alignment-009-ref.xht deleted file mode 100644 index 750090cd261..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/inline-block-alignment-009-ref.xht +++ /dev/null @@ -1,42 +0,0 @@ -<!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" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - img - { - vertical-align: top; - } - - img - { - padding-left: 192px; /* 60 px (padding-left) + 120px (width of inline-block) + 12px (the position difference of box) */ - } - - img + br + img - { - padding-left: 60px; /* 60 px (padding-left) */ - } - - img + br + img + br + img - { - padding-left: 198px; /* 60 px (padding-left) + 120px (width of inline-block)+ 18px (the position difference of box) */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div> - <img src="support/swatch-olive.png" width="12" height="60" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-olive.png" width="144" height="120" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-olive.png" width="6" height="30" 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/table-progression-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht deleted file mode 100644 index 527b6273f7b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-001-ref.xht +++ /dev/null @@ -1,93 +0,0 @@ -<!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; - } - - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { 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="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -<table> - <tbody><tr> - <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -<table> - <tbody><tr> - <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</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-baseline-007-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-007-ref.xht deleted file mode 100644 index 833aa250594..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-007-ref.xht +++ /dev/null @@ -1,36 +0,0 @@ -<!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" /> - <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-01-29 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - - img - { - padding-left: 78px; - vertical-align: top; - } - - img + br + img - { - padding-left: 30px; - } - - img + br + img + br + img - { - padding-left: 102px; - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" 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/text-indent-vlr-011-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-011-ref.xht index 1eb0b8af894..8dcfcd37393 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-011-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-011-ref.xht @@ -12,7 +12,7 @@ <style type="text/css"><![CDATA[ div { - margin-left: 0.5em; + margin-left: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-013-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-013-ref.xht index 337b9586537..1f4bfa99e25 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-013-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vlr-013-ref.xht @@ -12,7 +12,7 @@ <style type="text/css"><![CDATA[ div { - margin-left: 0.5em; + margin-left: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-010-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-010-ref.xht index 45b1d9c5e7d..f869d59a43a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-010-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-010-ref.xht @@ -17,7 +17,7 @@ div { - margin-right: 0.5em; + margin-right: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-012-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-012-ref.xht index 04021c089bb..61142bf38ee 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-012-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-indent-vrl-012-ref.xht @@ -17,7 +17,7 @@ div { - margin-right: 0.5em; + margin-right: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht index 5856ad23274..d0569d960c8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht @@ -4428,7 +4428,7 @@ <tr> <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> <a href="inline-block-alignment-007.xht">inline-block-alignment-007</a></td> - <td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td> + <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -4440,14 +4440,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-009" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-009.xht">inline-block-alignment-009</a></td> - <td><a href="reference/inline-block-alignment-009-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-alignment-orthogonal-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment of inline-block in orthogonal flow"> @@ -5068,7 +5060,7 @@ <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5076,7 +5068,55 @@ <tr> <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-002-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> + <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-002-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> + <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-003-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-003-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-004-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-004-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5268,22 +5308,6 @@ <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> <a href="text-baseline-007.xht">text-baseline-007</a></td> - <td><a href="reference/text-baseline-007-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="text-baseline-008" class="ahem"> - <tr> - <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-008.xht">text-baseline-008</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="text-baseline-009" class="ahem"> - <tr> - <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-009.xht">text-baseline-009</a></td> <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list index 2ed3eb1cc82..d096d1035ab 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list @@ -549,9 +549,8 @@ inline-block-alignment-003.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-004.xht == reference/inline-block-alignment-002-ref.xht inline-block-alignment-005.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-007.xht == reference/inline-block-alignment-007-ref.xht +inline-block-alignment-007.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-009.xht == reference/inline-block-alignment-009-ref.xht inline-block-alignment-orthogonal-vlr-003.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vlr-005.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vrl-002.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht @@ -629,8 +628,14 @@ table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht -table-progression-001-vlr.xht == reference/table-progression-001-ref.xht -table-progression-001-vrl.xht == reference/table-progression-001-ref.xht +table-progression-001-vlr.xht == table-progression-001-ref.orngtml +table-progression-001-vrl.xht == table-progression-001-ref.orngtml +table-progression-002-vlr.xht == table-progression-002-ref.orngtml +table-progression-002-vrl.xht == table-progression-002-ref.orngtml +table-progression-003-vlr.xht == table-progression-001-ref.orngtml +table-progression-003-vrl.xht == table-progression-001-ref.orngtml +table-progression-004-vlr.xht == table-progression-002-ref.orngtml +table-progression-004-vrl.xht == table-progression-002-ref.orngtml text-align-vlr-003.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-005.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -654,9 +659,7 @@ text-baseline-003.xht == reference/text-baseline-002-ref.xht text-baseline-004.xht == reference/text-baseline-002-ref.xht text-baseline-005.xht == reference/text-baseline-002-ref.xht text-baseline-006.xht == reference/text-baseline-006-ref.xht -text-baseline-007.xht == reference/text-baseline-007-ref.xht -text-baseline-008.xht == reference/text-baseline-006-ref.xht -text-baseline-009.xht == reference/text-baseline-006-ref.xht +text-baseline-007.xht == reference/text-baseline-006-ref.xht text-combine-upright-decorations-001.xht == reference/text-combine-upright-decorations-001.xht text-combine-upright-inherit-all-001.xht == reference/text-combine-upright-inherit-all-001.xht text-combine-upright-inherit-all-002.xht == reference/text-combine-upright-inherit-all-002.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vlr.xht index 5f4df1d4530..4f2ef3415d1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vlr.xht @@ -1,14 +1,19 @@ <!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 Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="reference/table-progression-001-ref.xht" rel="match" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> <meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> <style> .test { writing-mode: vertical-lr; } + [dir=rtl] { + direction: rtl; + } table { border-spacing: 0; @@ -20,14 +25,33 @@ border: solid gray; } - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { background: orange } + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: vertical-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } </style> </head><body><p>Test passes if the following three tables look identical. @@ -35,54 +59,54 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> - </td><td class="c"> - </td><td class="d"> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> </td></tr></thead><tfoot> <tr> - <td class="a"> - </td><td class="b"> + <td class="navy"> + </td><td class="blue"> </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> - <td class="h"> + <td class="orng"> </td><td colspan="3"> </td></tr></tbody><tbody> <tr> <td rowspan="3"> - </td><td class="g"> + </td><td class="yllw"> </td><td colspan="2" rowspan="2"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td></tr><tr> <td colspan="2"> - </td><td class="e"> + </td><td class="purp"> </td></tr></tbody></table> <table class="test" dir="rtl"> <thead> <tr> - <td class="d"> - </td><td class="c"> - </td><td colspan="2"> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> </td></tr></thead><tfoot> <tr> <td colspan="2"> - </td><td class="b"> - </td><td class="a"> + </td><td class="blue"> + </td><td class="navy"> </td></tr></tfoot><tbody> <tr> <td colspan="3"> - </td><td class="h"> + </td><td class="orng"> </td></tr></tbody><tbody> <tr> <td colspan="2" rowspan="2"> - </td><td class="g"> + </td><td class="yllw"> </td><td rowspan="3"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td></tr><tr> - <td class="e"> + <td class="purp"> </td><td colspan="2"> </td></tr></tbody></table> @@ -90,22 +114,23 @@ <table class="reference"> <tbody><tr> <td rowspan="2"> - </td><td class="h"> + </td><td class="orng"> </td><td colspan="3"> - </td><td class="a"> + </td><td class="navy"> + </td></tr><tr> <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> + </td><td class="yllw"> + </td><td class="pink"> </td><td rowspan="2"> - </td><td class="b"> + </td><td class="blue"> </td></tr><tr> - <td class="c"> + <td class="aqua"> </td><td colspan="2" rowspan="2"> </td><td rowspan="2"> </td></tr><tr> - <td class="d"> - </td><td class="e"> + <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/table-progression-001-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vrl.xht index 0f243e8f0e4..da278075005 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-001-vrl.xht @@ -1,14 +1,19 @@ <!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 Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="reference/table-progression-001-ref.xht" rel="match" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> <meta content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> <style> .test { writing-mode: vertical-rl; } + [dir=rtl] { + direction: rtl; + } table { border-spacing: 0; @@ -20,14 +25,32 @@ border: solid gray; } - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { background: orange } + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: vertical-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } </style> </head><body><p>Test passes if the following three tables look identical. @@ -35,27 +58,27 @@ </p><table class="test"> <thead> <tr> - <td class="a"> - </td><td class="b"> + <td class="navy"> + </td><td class="blue"> </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> - </td><td class="c"> - </td><td class="d"> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> </td></tr></tfoot><tbody> <tr> <td rowspan="3"> </td><td colspan="2"> - </td><td class="e"> + </td><td class="purp"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td><td colspan="2" rowspan="2"> </td></tr><tr> - <td class="g"> + <td class="yllw"> </td></tr></tbody><tbody> <tr> - <td class="h"> + <td class="orng"> </td><td colspan="3"> </td></tr></tbody></table> @@ -63,48 +86,48 @@ <thead> <tr> <td colspan="2"> - </td><td class="b"> - </td><td class="a"> + </td><td class="blue"> + </td><td class="navy"> </td></tr></thead><tfoot> <tr> - <td class="d"> - </td><td class="c"> - </td><td colspan="2"> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> - <td class="e"> + <td class="purp"> </td><td colspan="2"> </td><td rowspan="3"> </td></tr><tr> <td colspan="2" rowspan="2"> - </td><td class="f"> + </td><td class="pink"> </td></tr><tr> - <td class="g"> + <td class="yllw"> </td></tr></tbody><tbody> <tr> <td colspan="3"> - </td><td class="h"> + </td><td class="orng"> </td></tr></tbody></table> <table class="reference"> <tbody><tr> <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> + </td><td class="orng"> + </td><td colspan='3"'> + </td><td class="navy"> </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> + <td rowspan='3"'> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan='2"'> + </td><td class="blue"> </td></tr><tr> - <td class="c"> + <td class="aqua"> </td><td colspan="2" rowspan="2"> </td><td rowspan="2"> </td></tr><tr> - <td class="d"> - </td><td class="e"> + <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/table-progression-002-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vlr.xht new file mode 100644 index 00000000000..4ea3b3fb4f0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vlr.xht @@ -0,0 +1,88 @@ +<!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 Test: vertical-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: vertical-lr; + } + [dir=rtl] { + direction: rtl; + } + + + 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 } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: vertical-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/table-progression-002-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vrl.xht new file mode 100644 index 00000000000..933f6539936 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-002-vrl.xht @@ -0,0 +1,87 @@ +<!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 Test: vertical-rl Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: vertical-rl; + } + [dir=rtl] { + direction: rtl; + } + + 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 } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: vertical-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/table-progression-003-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vlr.xht new file mode 100644 index 00000000000..83b7dc8241b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vlr.xht @@ -0,0 +1,116 @@ +<!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 Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-lr; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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 } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="reference"> + <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/table-progression-003-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vrl.xht new file mode 100644 index 00000000000..1ec2a45c556 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-003-vrl.xht @@ -0,0 +1,116 @@ +<!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 Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-rl; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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 } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="reference"> + <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/table-progression-004-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vlr.xht new file mode 100644 index 00000000000..bcc840e6c9e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vlr.xht @@ -0,0 +1,77 @@ +<!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 Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-lr; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + + 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="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/table-progression-004-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vrl.xht new file mode 100644 index 00000000000..9bb5a65cfdf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/table-progression-004-vrl.xht @@ -0,0 +1,76 @@ +<!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 Test: vertical-rl upright orientation Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-rl; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/text-baseline-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht index 5d2268830bd..49d091a3384 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-007.xht @@ -3,9 +3,8 @@ <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-02-20 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-007-ref.xht" /> + <link rel="match" href="reference/text-baseline-006-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> <meta name="flags" content="ahem" /> <style type="text/css"><![CDATA[ @@ -33,7 +32,7 @@ <body> - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-008.xht deleted file mode 100644 index 93b735c2950..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-008.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-02-20 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-009.xht deleted file mode 100644 index 14b3f8f5c29..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-baseline-009.xht +++ /dev/null @@ -1,41 +0,0 @@ -<!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 Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-02-20 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-sideways-right - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; - writing-mode: vertical-lr; - text-orientation: sideways-right; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways-right">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-003.xht index 406e394caf2..4046251e9c8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-003.xht @@ -16,7 +16,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-005.xht index 6b5f54eed4f..2c874362d74 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-005.xht @@ -16,7 +16,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-007.xht index 1d8493bf835..b2465c807fd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-007.xht @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-009.xht index 853539122b1..0f0ded18c28 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-009.xht @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-011.xht index 445c58d7a3b..e5ef9fd23e9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-011.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-011.xht @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-013.xht index 85cc28e0c13..c1504296979 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-013.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-013.xht @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-015.xht index 0b686cad80f..60fb10f9f7d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-015.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-015.xht @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-017.xht index be541bfae6c..aa9c800dfe0 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-017.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vlr-017.xht @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-002.xht index 48e5e323f36..02398feedd8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-002.xht @@ -17,7 +17,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-004.xht index 2c50ec5beb1..6e45897fc08 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-004.xht @@ -16,7 +16,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-006.xht index 65d2d879d7b..c9724ae3bd2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-006.xht @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-008.xht index 4027e20fcc3..d5395f8d233 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-008.xht @@ -16,7 +16,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-010.xht index 2b76537a030..bc4df1b6a75 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-010.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-010.xht @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-012.xht index 3cd01af1fac..87734fa7ca8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-012.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-012.xht @@ -21,7 +21,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-014.xht index bf26957e8bb..e501555f466 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-014.xht @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-016.xht index 82b26c1a9b3..cd83250492b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-016.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-indent-vrl-016.xht @@ -21,7 +21,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht index a7746542aa6..dc8746dd85c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-001.xht @@ -19,10 +19,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht index 4021aaa6552..6ec48b6c90f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-sideways-right-001.xht @@ -19,10 +19,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-upright-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-upright-001.xht index a4c3bb8e7c2..4950fa07367 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-upright-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/text-orientation-upright-001.xht @@ -19,10 +19,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht index 2cb05ededb4..8c26f28062c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(164 Tests)</td></tr> + <td>(172 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(84 Tests)</td></tr> + <td>(90 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Inline-level Alignment</a></th> - <td>(34 Tests)</td></tr> + <td>(31 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Introduction to Vertical Text Layout</a></th> - <td>(25 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht index 064a2f7e5d9..cf853a1987d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-2.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline Direction and Bidirectionality (164 tests)</h2> + <h2>Inline Direction and Bidirectionality (172 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -1102,7 +1102,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s2.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#direction">2.1 Specifying Directionality: the direction property</a></th></tr> - <!-- 22 tests --> + <!-- 30 tests --> <tr id="direction-001-2.1" class="primary"> <td><strong> <a href="direction-001.xht">direction-001</a></strong></td> @@ -1345,6 +1345,98 @@ </ul> </td> </tr> + <tr id="table-progression-001-vlr-2.1" class=""> + <td> + <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-001-vrl-2.1" class=""> + <td> + <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vlr-2.1" class=""> + <td> + <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vrl-2.1" class=""> + <td> + <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vlr-2.1" class=""> + <td> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-2.1" class=""> + <td> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-2.1" class=""> + <td> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-2.1" class=""> + <td> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s2.1.#propdef-direction"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht index b0db598fed4..2c67433470d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (84 tests)</h2> + <h2>Introduction to Vertical Text (90 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,7 +40,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 68 tests --> + <!-- 74 tests --> <tr id="block-flow-direction-001-3.1" class="primary ahem"> <td><strong> <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> @@ -748,22 +748,92 @@ <tr id="table-progression-001-vlr-3.1" class="primary"> <td><strong> <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></strong></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td></td> <td>vertical-lr Table Row/Rowgroup/Cell Ordering <ul class="assert"> <li>This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> </ul> </td> </tr> <tr id="table-progression-001-vrl-3.1" class="primary"> <td><strong> <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></strong></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td></td> <td>vertical-rl Table Row/Rowgroup/Cell Ordering <ul class="assert"> <li>This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-002-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'.</li> + <li>This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></strong></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></strong></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-3.1" class="primary"> + <td><strong> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-3.1" class="primary"> + <td><strong> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></strong></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht index e51dd69afff..ab467fc9288 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-4.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Inline-level Alignment (34 tests)</h2> + <h2>Inline-level Alignment (31 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -49,7 +49,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.2">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines">4.2 Text Baselines</a></th></tr> - <!-- 10 tests --> + <!-- 8 tests --> <tr id="central-baseline-alignment-002-4.2" class="primary ahem"> <td><strong> <a href="central-baseline-alignment-002.xht">central-baseline-alignment-002</a></strong></td> @@ -130,33 +130,11 @@ <tr id="text-baseline-007-4.2" class="primary ahem"> <td><strong> <a href="text-baseline-007.xht">text-baseline-007</a></strong></td> - <td><a href="reference/text-baseline-007-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> - <tr id="text-baseline-008-4.2" class="primary ahem"> - <td><strong> - <a href="text-baseline-008.xht">text-baseline-008</a></strong></td> <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>text baseline alignment - alphabetical alignment with vertical layout <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> - <tr id="text-baseline-009-4.2" class="primary ahem"> - <td><strong> - <a href="text-baseline-009.xht">text-baseline-009</a></strong></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>text baseline alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> + <li>This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.</li> </ul> </td> </tr> @@ -171,7 +149,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s4.3">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines">4.3 Atomic Inline Baselines</a></th></tr> - <!-- 24 tests --> + <!-- 23 tests --> <tr id="baseline-inline-non-replaced-002-4.3" class="primary ahem"> <td><strong> <a href="baseline-inline-non-replaced-002.xht">baseline-inline-non-replaced-002</a></strong></td> @@ -296,7 +274,7 @@ <tr id="inline-block-alignment-007-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-007.xht">inline-block-alignment-007</a></strong></td> - <td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td> + <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> <td>inline block alignment - alphabetical alignment with vertical layout <ul class="assert"> @@ -315,17 +293,6 @@ </ul> </td> </tr> - <tr id="inline-block-alignment-009-4.3" class="primary ahem"> - <td><strong> - <a href="inline-block-alignment-009.xht">inline-block-alignment-009</a></strong></td> - <td><a href="reference/inline-block-alignment-009-ref.xht">=</a> </td> - <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - <td>inline block alignment - alphabetical alignment with vertical layout - <ul class="assert"> - <li>This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline.</li> - </ul> - </td> - </tr> <tr id="inline-block-alignment-orthogonal-vlr-003-4.3" class="primary ahem"> <td><strong> <a href="inline-block-alignment-orthogonal-vlr-003.xht">inline-block-alignment-orthogonal-vlr-003</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht index f30bd707b69..a6512290c2c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-5.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text Layout (25 tests)</h2> + <h2>Introduction to Vertical Text Layout (29 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -55,7 +55,51 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s5.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation">5.1 Orienting Text: the text-orientation property</a></th></tr> - <!-- 25 tests --> + <!-- 29 tests --> + <tr id="table-progression-003-vlr-5.1" class=""> + <td> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-003-vrl-5.1" class=""> + <td> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vlr-5.1" class=""> + <td> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-lr upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> + <tr id="table-progression-004-vrl-5.1" class=""> + <td> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td></td> + <td>vertical-rl upright orientation Table Column/Colgroup Ordering + <ul class="assert"> + <li>This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright.</li> + </ul> + </td> + </tr> <tr id="text-orientation-010-5.1" class="primary ahem font"> <td><strong> <a href="text-orientation-010.xht">text-orientation-010</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht index 86dc2e1cb38..c4203c3076f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-007.xht @@ -12,16 +12,15 @@ } </style> <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-007-ref.xht" /> + <link rel="match" href="reference/inline-block-alignment-006-ref.xht" /> <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> <meta name="flags" content="ahem" /> <style type="text/css"><![CDATA[ div#lr-sideways { - color: aqua; + color: fuchsia; font: 60px/1 Ahem; /* computes to 60px/60px */ height: 4em; writing-mode: vertical-lr; @@ -59,7 +58,7 @@ <body> - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> <div id="lr-sideways">É<div id="inline-block"> <span class="block-descendant">B</span> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-009.xht deleted file mode 100644 index d1c77d2af7c..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-009.xht +++ /dev/null @@ -1,70 +0,0 @@ -<!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 Writing Modes Test: inline block alignment - alphabetical alignment with vertical layout</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 inline-block-alignment-009"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <link rel="help" title="CSS3 Writing modes: 4.3. Atomic Inline Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" /> - <link rel="help" title="CSS2.1 9.2.2 Inline-level elements and inline boxes" href="http://www.w3.org/TR/CSS21/visuren.html#inline-boxes" /> - <link rel="match" href="reference/inline-block-alignment-009-ref.xht" /> - <meta name="assert" content="This test checks the generation of inline-block baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-sideways-right - { - color: olive; - font: 60px/1 Ahem; /* computes to 60px/60px */ - height: 4em; - writing-mode: vertical-lr; - text-orientation: sideways-right; - } - - div#inline-block - { - display: inline-block; - padding-left: 0.5em; /* computes to 60px */ - font-size: 2em; /* computes to 120px */ - /* - such padding-left declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - - span.block-descendant - { - display: block; - } - - span#fuchsia30 - { - padding-right: 4em; /* computes to 120px */ - font-size: 0.5em; /* computes to 30px */ - /* - such padding-right declaration is arbitrary and only serve to make the - test a bit more challenging. - */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways-right">p<div id="inline-block"> - <span class="block-descendant">B</span> - <span class="block-descendant last-line-box">p</span> - </div><span id="fuchsia30">p</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-003.xht index db43e30af8a..ac07b7802f1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-003.xht @@ -22,7 +22,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-005.xht index cb55b4916fb..47b58bb2a67 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vlr-005.xht @@ -22,7 +22,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-002.xht index 05b4df54877..b82efed28ca 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-002.xht @@ -22,7 +22,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-004.xht index ac5baea2e5e..75f0d288c4d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/inline-block-alignment-orthogonal-vrl-004.xht @@ -22,7 +22,7 @@ div#horiz-tb { color: orange; - font: 3.75em/1 Ahem; /* computes to 60px/60px */ + font: 60px/1 Ahem; /* computes to 60px/60px */ writing-mode: horizontal-tb; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vlr-003.xht index 5012948927d..4f1abf13667 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vlr-003.xht @@ -44,7 +44,7 @@ .inner { background-color: yellow; - height: 50px; /* necessary, otherwise inner blocks must grow as tall as the height of viewport */ + height: 50px; width: 50px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht index b6beec4d485..6597685b98b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht @@ -44,7 +44,7 @@ .inner { background-color: yellow; - height: 50px; /* necessary, otherwise inner blocks must grow as tall as the height of viewport */ + height: 50px; width: 50px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/inline-block-alignment-007-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/inline-block-alignment-007-ref.xht deleted file mode 100644 index 1305fb05c98..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/inline-block-alignment-007-ref.xht +++ /dev/null @@ -1,51 +0,0 @@ -<!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 inline-block-alignment-007-ref"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - img - { - vertical-align: top; - } - - img - { - padding-left: 228px; /* 60 px (padding-left) + 120px (first line-block width) + 48px (the position difference of box) */ - } - - img + br + img - { - padding-left: 60px; /* 60 px (padding-left) */ - } - - img + br + img + br + img - { - padding-left: 252px; /* 60 px (padding-left) + 120px (first line-block width) + 72px (the position difference of box) */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div> - <img src="support/swatch-aqua.png" width="48" height="60" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-aqua.png" width="216" height="120" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-aqua.png" width="24" height="30" 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/xhtml1print/reference/inline-block-alignment-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/inline-block-alignment-009-ref.xht deleted file mode 100644 index c33e65bb8b3..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/inline-block-alignment-009-ref.xht +++ /dev/null @@ -1,51 +0,0 @@ -<!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 inline-block-alignment-009-ref"; } - @bottom-right { content: counter(page); } - } -</style> - <link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com" /> - <link rel="reviewer" title="Gerard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-07-21 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - img - { - vertical-align: top; - } - - img - { - padding-left: 192px; /* 60 px (padding-left) + 120px (width of inline-block) + 12px (the position difference of box) */ - } - - img + br + img - { - padding-left: 60px; /* 60 px (padding-left) */ - } - - img + br + img + br + img - { - padding-left: 198px; /* 60 px (padding-left) + 120px (width of inline-block)+ 18px (the position difference of box) */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div> - <img src="support/swatch-olive.png" width="12" height="60" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-olive.png" width="144" height="120" alt="Image download support must be enabled" /><br /><!-- - --><img src="support/swatch-olive.png" width="6" height="30" 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/xhtml1print/reference/table-progression-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht deleted file mode 100644 index 527b6273f7b..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-001-ref.xht +++ /dev/null @@ -1,93 +0,0 @@ -<!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; - } - - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { 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="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -<table> - <tbody><tr> - <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -<table> - <tbody><tr> - <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> - </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> - </td></tr><tr> - <td class="c"> - </td><td colspan="2" rowspan="2"> - </td><td rowspan="2"> - </td></tr><tr> - <td class="d"> - </td><td class="e"> -</td></tr></tbody></table> - -</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-007-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-007-ref.xht deleted file mode 100644 index 4e49fe23159..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-007-ref.xht +++ /dev/null @@ -1,45 +0,0 @@ -<!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 text-baseline-007-ref"; } - @bottom-right { content: counter(page); } - } -</style> - <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-01-29 --> - <meta name="flags" content="image" /> - <style type="text/css"><![CDATA[ - - img - { - padding-left: 78px; - vertical-align: top; - } - - img + br + img - { - padding-left: 30px; - } - - img + br + img + br + img - { - padding-left: 102px; - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div><img src="support/swatch-fuchsia.png" width="48" height="60" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="96" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-fuchsia.png" width="24" height="30" 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/xhtml1print/reference/text-indent-vlr-011-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-011-ref.xht index 84e76d57896..5d823921c01 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-011-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-011-ref.xht @@ -21,7 +21,7 @@ <style type="text/css"><![CDATA[ div { - margin-left: 0.5em; + margin-left: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-013-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-013-ref.xht index 991fecd2822..26c370a1f26 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-013-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vlr-013-ref.xht @@ -21,7 +21,7 @@ <style type="text/css"><![CDATA[ div { - margin-left: 0.5em; + margin-left: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-010-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-010-ref.xht index 47b94d7a521..633a4a56523 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-010-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-010-ref.xht @@ -26,7 +26,7 @@ div { - margin-right: 0.5em; + margin-right: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-012-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-012-ref.xht index 475d597fa06..e7f39d25e65 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-012-ref.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-indent-vrl-012-ref.xht @@ -26,7 +26,7 @@ div { - margin-right: 0.5em; + margin-right: 8px; } img diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht index 5856ad23274..d0569d960c8 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht @@ -4428,7 +4428,7 @@ <tr> <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> <a href="inline-block-alignment-007.xht">inline-block-alignment-007</a></td> - <td><a href="reference/inline-block-alignment-007-ref.xht">=</a> </td> + <td><a href="reference/inline-block-alignment-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> @@ -4440,14 +4440,6 @@ <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> </tbody> - <tbody id="inline-block-alignment-009" class="ahem"> - <tr> - <td rowspan="1" title="inline block alignment - alphabetical alignment with vertical layout"> - <a href="inline-block-alignment-009.xht">inline-block-alignment-009</a></td> - <td><a href="reference/inline-block-alignment-009-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> <tbody id="inline-block-alignment-orthogonal-vlr-003" class="ahem"> <tr> <td rowspan="1" title="text baseline alignment of inline-block in orthogonal flow"> @@ -5068,7 +5060,7 @@ <tr> <td rowspan="1" title="vertical-lr Table Row/Rowgroup/Cell Ordering"> <a href="table-progression-001-vlr.xht">table-progression-001-vlr</a></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5076,7 +5068,55 @@ <tr> <td rowspan="1" title="vertical-rl Table Row/Rowgroup/Cell Ordering"> <a href="table-progression-001-vrl.xht">table-progression-001-vrl</a></td> - <td><a href="reference/table-progression-001-ref.xht">=</a> </td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-002-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr Table Column/Colgroup Ordering"> + <a href="table-progression-002-vlr.xht">table-progression-002-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-002-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl Table Column/Colgroup Ordering"> + <a href="table-progression-002-vrl.xht">table-progression-002-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-003-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-003-vlr.xht">table-progression-003-vlr</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-003-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering"> + <a href="table-progression-003-vrl.xht">table-progression-003-vrl</a></td> + <td><a href="table-progression-001-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-004-vlr" class=""> + <tr> + <td rowspan="1" title="vertical-lr upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-004-vlr.xht">table-progression-004-vlr</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> + <td rowspan="1"></td> + </tr> + </tbody> + <tbody id="table-progression-004-vrl" class=""> + <tr> + <td rowspan="1" title="vertical-rl upright orientation Table Column/Colgroup Ordering"> + <a href="table-progression-004-vrl.xht">table-progression-004-vrl</a></td> + <td><a href="table-progression-002-ref.orngtml">=</a> </td> <td rowspan="1"></td> </tr> </tbody> @@ -5268,22 +5308,6 @@ <tr> <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> <a href="text-baseline-007.xht">text-baseline-007</a></td> - <td><a href="reference/text-baseline-007-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="text-baseline-008" class="ahem"> - <tr> - <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-008.xht">text-baseline-008</a></td> - <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> - <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> - </tr> - </tbody> - <tbody id="text-baseline-009" class="ahem"> - <tr> - <td rowspan="1" title="text baseline alignment - alphabetical alignment with vertical layout"> - <a href="text-baseline-009.xht">text-baseline-009</a></td> <td><a href="reference/text-baseline-006-ref.xht">=</a> </td> <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> </tr> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list index 2ed3eb1cc82..d096d1035ab 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list @@ -549,9 +549,8 @@ inline-block-alignment-003.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-004.xht == reference/inline-block-alignment-002-ref.xht inline-block-alignment-005.xht == reference/inline-block-alignment-003-ref.xht inline-block-alignment-006.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-007.xht == reference/inline-block-alignment-007-ref.xht +inline-block-alignment-007.xht == reference/inline-block-alignment-006-ref.xht inline-block-alignment-008.xht == reference/inline-block-alignment-006-ref.xht -inline-block-alignment-009.xht == reference/inline-block-alignment-009-ref.xht inline-block-alignment-orthogonal-vlr-003.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vlr-005.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht inline-block-alignment-orthogonal-vrl-002.xht == reference/inline-block-alignment-orthogonal-vrl-002-ref.xht @@ -629,8 +628,14 @@ table-column-order-002.xht == reference/block-flow-direction-001-ref.xht table-column-order-003.xht == reference/block-flow-direction-001-ref.xht table-column-order-004.xht == reference/block-flow-direction-001-ref.xht table-column-order-005.xht == reference/block-flow-direction-001-ref.xht -table-progression-001-vlr.xht == reference/table-progression-001-ref.xht -table-progression-001-vrl.xht == reference/table-progression-001-ref.xht +table-progression-001-vlr.xht == table-progression-001-ref.orngtml +table-progression-001-vrl.xht == table-progression-001-ref.orngtml +table-progression-002-vlr.xht == table-progression-002-ref.orngtml +table-progression-002-vrl.xht == table-progression-002-ref.orngtml +table-progression-003-vlr.xht == table-progression-001-ref.orngtml +table-progression-003-vrl.xht == table-progression-001-ref.orngtml +table-progression-004-vlr.xht == table-progression-002-ref.orngtml +table-progression-004-vrl.xht == table-progression-002-ref.orngtml text-align-vlr-003.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-005.xht == reference/ref-filled-green-100px-square.xht text-align-vlr-007.xht == reference/ref-filled-green-100px-square.xht @@ -654,9 +659,7 @@ text-baseline-003.xht == reference/text-baseline-002-ref.xht text-baseline-004.xht == reference/text-baseline-002-ref.xht text-baseline-005.xht == reference/text-baseline-002-ref.xht text-baseline-006.xht == reference/text-baseline-006-ref.xht -text-baseline-007.xht == reference/text-baseline-007-ref.xht -text-baseline-008.xht == reference/text-baseline-006-ref.xht -text-baseline-009.xht == reference/text-baseline-006-ref.xht +text-baseline-007.xht == reference/text-baseline-006-ref.xht text-combine-upright-decorations-001.xht == reference/text-combine-upright-decorations-001.xht text-combine-upright-inherit-all-001.xht == reference/text-combine-upright-inherit-all-001.xht text-combine-upright-inherit-all-002.xht == reference/text-combine-upright-inherit-all-002.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vlr.xht index 5f4df1d4530..4f2ef3415d1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vlr.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vlr.xht @@ -1,14 +1,19 @@ <!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 Test: vertical-lr Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="reference/table-progression-001-ref.xht" rel="match" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> <meta content="This test checks that vertical-lr tables order rows/rowgroups left to right and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> <style> .test { writing-mode: vertical-lr; } + [dir=rtl] { + direction: rtl; + } table { border-spacing: 0; @@ -20,14 +25,33 @@ border: solid gray; } - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { background: orange } + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: vertical-rl; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } </style> </head><body><p>Test passes if the following three tables look identical. @@ -35,54 +59,54 @@ </p><table class="test"> <thead> <tr> - <td colspan="2"> - </td><td class="c"> - </td><td class="d"> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> </td></tr></thead><tfoot> <tr> - <td class="a"> - </td><td class="b"> + <td class="navy"> + </td><td class="blue"> </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> - <td class="h"> + <td class="orng"> </td><td colspan="3"> </td></tr></tbody><tbody> <tr> <td rowspan="3"> - </td><td class="g"> + </td><td class="yllw"> </td><td colspan="2" rowspan="2"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td></tr><tr> <td colspan="2"> - </td><td class="e"> + </td><td class="purp"> </td></tr></tbody></table> <table class="test" dir="rtl"> <thead> <tr> - <td class="d"> - </td><td class="c"> - </td><td colspan="2"> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> </td></tr></thead><tfoot> <tr> <td colspan="2"> - </td><td class="b"> - </td><td class="a"> + </td><td class="blue"> + </td><td class="navy"> </td></tr></tfoot><tbody> <tr> <td colspan="3"> - </td><td class="h"> + </td><td class="orng"> </td></tr></tbody><tbody> <tr> <td colspan="2" rowspan="2"> - </td><td class="g"> + </td><td class="yllw"> </td><td rowspan="3"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td></tr><tr> - <td class="e"> + <td class="purp"> </td><td colspan="2"> </td></tr></tbody></table> @@ -90,22 +114,23 @@ <table class="reference"> <tbody><tr> <td rowspan="2"> - </td><td class="h"> + </td><td class="orng"> </td><td colspan="3"> - </td><td class="a"> + </td><td class="navy"> + </td></tr><tr> <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> + </td><td class="yllw"> + </td><td class="pink"> </td><td rowspan="2"> - </td><td class="b"> + </td><td class="blue"> </td></tr><tr> - <td class="c"> + <td class="aqua"> </td><td colspan="2" rowspan="2"> </td><td rowspan="2"> </td></tr><tr> - <td class="d"> - </td><td class="e"> + <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/xhtml1print/table-progression-001-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vrl.xht index 0f243e8f0e4..da278075005 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vrl.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-001-vrl.xht @@ -1,14 +1,19 @@ <!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 Test: vertical-rl Table Row/Rowgroup/Cell Ordering</title> <link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> -<link href="reference/table-progression-001-ref.xht" rel="match" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> <meta content="This test checks that vertical-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table rows and row groups." name="assert" /> <link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> <style> .test { writing-mode: vertical-rl; } + [dir=rtl] { + direction: rtl; + } table { border-spacing: 0; @@ -20,14 +25,32 @@ border: solid gray; } - .a { background: navy} - .b { background: blue } - .c { background: aqua } - .d { background: teal } - .e { background: purple } - .f { background: fuchsia } - .g { background: yellow } - .h { background: orange } + .navy { background: navy} + .blue { background: blue } + .aqua { background: aqua } + .teal { background: teal } + .purp { background: purple } + .pink { background: fuchsia } + .yllw { background: yellow } + .orng { background: orange } + + /* These rules must have no effect. */ + .test thead, + .test tfoot, + .test tbody, + .test tr, + .test td { + writing-mode: horizontal-tb; /* For UAs not supporting vertical-rl */ + writing-mode: vertical-lr; + direction: rtl; + } + .test[dir=rtl] thead, + .test[dir=rtl] tfoot, + .test[dir=rtl] tbody, + .test[dir=rtl] tr, + .test[dir=rtl] td { + direction: ltr; + } </style> </head><body><p>Test passes if the following three tables look identical. @@ -35,27 +58,27 @@ </p><table class="test"> <thead> <tr> - <td class="a"> - </td><td class="b"> + <td class="navy"> + </td><td class="blue"> </td><td colspan="2"> </td></tr></thead><tfoot> <tr> - <td colspan="2"> - </td><td class="c"> - </td><td class="d"> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> </td></tr></tfoot><tbody> <tr> <td rowspan="3"> </td><td colspan="2"> - </td><td class="e"> + </td><td class="purp"> </td></tr><tr> - <td class="f"> + <td class="pink"> </td><td colspan="2" rowspan="2"> </td></tr><tr> - <td class="g"> + <td class="yllw"> </td></tr></tbody><tbody> <tr> - <td class="h"> + <td class="orng"> </td><td colspan="3"> </td></tr></tbody></table> @@ -63,48 +86,48 @@ <thead> <tr> <td colspan="2"> - </td><td class="b"> - </td><td class="a"> + </td><td class="blue"> + </td><td class="navy"> </td></tr></thead><tfoot> <tr> - <td class="d"> - </td><td class="c"> - </td><td colspan="2"> + <td class="teal"> + </td><td class="aqua"> + </td><td colspan="2"> </td></tr></tfoot><tbody> <tr> - <td class="e"> + <td class="purp"> </td><td colspan="2"> </td><td rowspan="3"> </td></tr><tr> <td colspan="2" rowspan="2"> - </td><td class="f"> + </td><td class="pink"> </td></tr><tr> - <td class="g"> + <td class="yllw"> </td></tr></tbody><tbody> <tr> <td colspan="3"> - </td><td class="h"> + </td><td class="orng"> </td></tr></tbody></table> <table class="reference"> <tbody><tr> <td rowspan="2"> - </td><td class="h"> - </td><td colspan="3"> - </td><td class="a"> + </td><td class="orng"> + </td><td colspan='3"'> + </td><td class="navy"> </td></tr><tr> - <td rowspan="3"> - </td><td class="g"> - </td><td class="f"> - </td><td rowspan="2"> - </td><td class="b"> + <td rowspan='3"'> + </td><td class="yllw"> + </td><td class="pink"> + </td><td rowspan='2"'> + </td><td class="blue"> </td></tr><tr> - <td class="c"> + <td class="aqua"> </td><td colspan="2" rowspan="2"> </td><td rowspan="2"> </td></tr><tr> - <td class="d"> - </td><td class="e"> + <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/xhtml1print/table-progression-002-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vlr.xht new file mode 100644 index 00000000000..4ea3b3fb4f0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vlr.xht @@ -0,0 +1,88 @@ +<!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 Test: vertical-lr Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-lr tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: vertical-lr; + } + [dir=rtl] { + direction: rtl; + } + + + 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 } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: vertical-rl; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/xhtml1print/table-progression-002-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vrl.xht new file mode 100644 index 00000000000..933f6539936 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-002-vrl.xht @@ -0,0 +1,87 @@ +<!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 Test: vertical-rl Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'." name="assert" /> +<meta content="This test checks that 'writing-mode' and 'direction' do not apply to table columns and column groups." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> + +<style> + .test { + writing-mode: vertical-rl; + } + [dir=rtl] { + direction: rtl; + } + + 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 } + + /* These declarations must have no effect. */ + .test col, + .test colgroup { + writing-mode: horizontal-tb; + writing-mode: vertical-lr; + direction: rtl; + } + .test[dir=rtl] col, + .test[dir=rtl] colgroup { + direction: ltr; + } +</style> + +</head><body><p>Test passes if the following patterned boxes all look identical. + +</p><table class="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="aqua" /> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="aqua"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="navy" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/xhtml1print/table-progression-003-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vlr.xht new file mode 100644 index 00000000000..83b7dc8241b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vlr.xht @@ -0,0 +1,116 @@ +<!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 Test: vertical-lr upright orientation Table Row/Rowgroup/Cell Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-lr tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-lr; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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 } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="test"> + <thead> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></thead><tfoot> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></tfoot><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> + </td></tr></tbody><tbody> + <tr> + <td rowspan="3"> + </td><td class="yllw"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="pink"> + </td></tr><tr> + <td colspan="2"> + </td><td class="purp"> +</td></tr></tbody></table> + +<table class="reference"> + <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/xhtml1print/table-progression-003-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vrl.xht new file mode 100644 index 00000000000..1ec2a45c556 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-003-vrl.xht @@ -0,0 +1,116 @@ +<!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 Test: vertical-rl upright orientation Table Row/Rowgroup/Cell Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-001-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order rows/rowgroups right to left and cells top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-rl; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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 } +</style> + +</head><body><p>Test passes if the following three tables look identical. + +</p><table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="test"> + <thead> + <tr> + <td class="navy"> + </td><td class="blue"> + </td><td colspan="2"> + </td></tr></thead><tfoot> + <tr> + <td colspan="2"> + </td><td class="aqua"> + </td><td class="teal"> + </td></tr></tfoot><tbody> + <tr> + <td rowspan="3"> + </td><td colspan="2"> + </td><td class="purp"> + </td></tr><tr> + <td class="pink"> + </td><td colspan="2" rowspan="2"> + </td></tr><tr> + <td class="yllw"> + </td></tr></tbody><tbody> + <tr> + <td class="orng"> + </td><td colspan="3"> +</td></tr></tbody></table> + +<table class="reference"> + <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/xhtml1print/table-progression-004-vlr.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vlr.xht new file mode 100644 index 00000000000..bcc840e6c9e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vlr.xht @@ -0,0 +1,77 @@ +<!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 Test: vertical-lr upright orientation Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-lr tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-lr; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + + 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="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/xhtml1print/table-progression-004-vrl.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vrl.xht new file mode 100644 index 00000000000..9bb5a65cfdf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/table-progression-004-vrl.xht @@ -0,0 +1,76 @@ +<!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 Test: vertical-rl upright orientation Table Column/Colgroup Ordering</title> +<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" /> +<link href="table-progression-002-ref.orngtml" rel="match" /> +<meta content="This test checks that vertical-rl tables, whether LTR or RTL, order columns top-to-bottom when text-orientation is upright." name="assert" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#direction" rel="help" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#text-orientation" rel="help" /> + +<style> + .test { + writing-mode: vertical-rl; + text-orientation: upright; + } + [dir=rtl] { + direction: rtl; + } + + 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="test"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> + +<table class="test" dir="rtl"> + <colgroup><col span="2" class="navy" /> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup><tbody><tr><td></td><td></td><td></td><td></td><td> +</td></tr></tbody></table> +<table class="test" dir="rtl"> + <colgroup span="2" class="navy"></colgroup> + <colgroup> + <col class="blue" /> + <col span="2" class="aqua" /> + </colgroup> + <tbody><tr><td></td><td></td><td></td><td></td><td> +</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/xhtml1print/text-baseline-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht index 6d35b00ede4..acff5d7373a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-007.xht @@ -12,9 +12,8 @@ } </style> <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-02-20 --> <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-007-ref.xht" /> + <link rel="match" href="reference/text-baseline-006-ref.xht" /> <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline." /> <meta name="flags" content="ahem" /> <style type="text/css"><![CDATA[ @@ -42,7 +41,7 @@ <body> - <p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p> + <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> <div id="lr-sideways">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-008.xht deleted file mode 100644 index 541c63551f0..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-008.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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 Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-baseline-008"; } - @bottom-right { content: counter(page); } - } -</style> - <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-02-20 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#rl-sideways-right - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; - writing-mode: vertical-rl; - text-orientation: sideways-right; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="rl-sideways-right">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-009.xht deleted file mode 100644 index bad9aaa9293..00000000000 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-baseline-009.xht +++ /dev/null @@ -1,50 +0,0 @@ -<!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 Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout</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-baseline-009"; } - @bottom-right { content: counter(page); } - } -</style> - <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-02-20 --> - <link rel="help" title="4.2. Text Baseline" href="http://www.w3.org/TR/css-writing-modes-3/#text-baselines" /> - <link rel="match" href="reference/text-baseline-006-ref.xht" /> - <meta name="assert" content="This test checks the generation of text baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'sideways-right', then the alphabetical baseline is used as the dominant baseline." /> - <meta name="flags" content="ahem" /> - <style type="text/css"><![CDATA[ - div#lr-sideways-right - { - color: fuchsia; - font: 60px/1.5 Ahem; /* computes to 60px/90px */ - height: 4em; - writing-mode: vertical-lr; - text-orientation: sideways-right; - } - - span#fuchsia120 - { - font-size: 2em; /* computes to 120px */ - } - - span#fuchsia30 - { - font-size: 0.5em; /* computes to 30px */ - } - ]]></style> - - </head> - - <body> - - <p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p> - - <div id="lr-sideways-right">É<span id="fuchsia120">É</span><span id="fuchsia30">É</span></div> - - </body> -</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-003.xht index a5a283170dd..4e47f60464b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-003.xht @@ -25,7 +25,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-005.xht index 859f3c1a93f..9870036516b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-005.xht @@ -25,7 +25,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-007.xht index 1088eb4a329..d301c381a74 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-007.xht @@ -25,7 +25,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-009.xht index 01a9f9bdef4..62c6b82d32b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-009.xht @@ -25,7 +25,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-011.xht index ba0a6e1b034..6ed69bcccb2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-011.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-011.xht @@ -30,7 +30,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-013.xht index b93f6dca887..ed94af43f46 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-013.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-013.xht @@ -30,7 +30,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-015.xht index 5002f72bf8e..c10d4210e69 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-015.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-015.xht @@ -30,7 +30,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-017.xht index 3b9307212de..18706825a6b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-017.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vlr-017.xht @@ -30,7 +30,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-002.xht index b4789bd988c..aa8624fb17a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-002.xht @@ -26,7 +26,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-004.xht index 5da7a7c2537..a91ea32e100 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-004.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-004.xht @@ -25,7 +25,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-006.xht index 6306c5a481d..215cdc5ec82 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-006.xht @@ -25,7 +25,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-008.xht index bacebdd72a4..8fa5ee20744 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-008.xht @@ -25,7 +25,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-010.xht index d148b1dac65..ae45b0aee3d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-010.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-010.xht @@ -30,7 +30,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-012.xht index 3c3606c3cf3..5f0bb9a275a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-012.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-012.xht @@ -30,7 +30,7 @@ div { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 320px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-014.xht index dbba4268901..46280aabf3f 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-014.xht @@ -30,7 +30,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-016.xht index 7384c9ac28d..283b591a985 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-016.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-indent-vrl-016.xht @@ -30,7 +30,7 @@ div#containing-block { color: green; - font: 5em/1 Ahem; /* computes to 80px/80px */ + font: 80px/1 Ahem; /* computes to 80px/80px */ height: 320px; width: 160px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht index e7026e4d5ab..62a0daed6d5 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-001.xht @@ -28,10 +28,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht index e0b16a0481d..d4c7906087e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-sideways-right-001.xht @@ -28,10 +28,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-upright-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-upright-001.xht index 47cea914f76..d6e930d494a 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-upright-001.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/text-orientation-upright-001.xht @@ -28,10 +28,10 @@ float: left; color: blue; font-family: "DejaVuSerifBook"; - font-size: 1.875em; /* equivalent to 30px */ + font-size: 30px; line-height: 1.4; /* equivalent to 42px: - so that top-half-leading is 6px - and bottom-half-leading is 6px */ + so that top-half-leading outside content is 6px + and bottom-half-leading outside content is 6px */ margin: 10px; } diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht index 2cb05ededb4..8c26f28062c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht @@ -27,22 +27,22 @@ <tbody id="s2"> <tr><th><a href="chapter-2.xht">Chapter 2 - Inline Direction and Bidirectionality</a></th> - <td>(164 Tests)</td></tr> + <td>(172 Tests)</td></tr> </tbody> <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(84 Tests)</td></tr> + <td>(90 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - Inline-level Alignment</a></th> - <td>(34 Tests)</td></tr> + <td>(31 Tests)</td></tr> </tbody> <tbody id="s5"> <tr><th><a href="chapter-5.xht">Chapter 5 - Introduction to Vertical Text Layout</a></th> - <td>(25 Tests)</td></tr> + <td>(29 Tests)</td></tr> </tbody> <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - |