diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/CSS2/bidi-text | |
| parent | Initial commit. (diff) | |
| download | firefox-upstream.tar.xz firefox-upstream.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/bidi-text')
180 files changed, 5834 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht new file mode 100644 index 0000000000..099ceedeef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001-ref.xht @@ -0,0 +1,42 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + color: blue; + line-height: 3em; + } + + span.top-left-bottom + { + border-style: solid none solid solid; + padding: 0.4em 0 0.4em 1em; + } + + span.top-right-bottom + { + border-style: solid solid solid none; + padding: 0.4em 1em 0.4em 0; + } + ]]></style> + + </head> + + <body> + + <p>The following two lines should be identical. (Force bidi: א)</p> + + <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span>JJJKKKLLL</p> + + <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span>JJJKKKLLL</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht new file mode 100644 index 0000000000..57d630ea78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-001.xht @@ -0,0 +1,35 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary</title> + <meta name="assert" + content="Tests that RLO + closing inline element boundary + PDF + reorders text, splitting inline and rendering borders and padding appropriately."/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/001.html" type="text/html"/> + + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + + <link rel="match" href="bidi-001-ref.xht" /> + + <style type="text/css"> + .test { border: solid; padding: 0.4em 1em; line-height: 3em; color: blue; } + .control { line-height: 3em; color: blue; } + .control.a { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; } + .control.b { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; } + </style> + </head> + <body> + <p> The following two lines should be identical. (Force bidi: א) </p> + <p> <span class="control a">AAABBBCCC</span>DDDEEEFFF<span class="control b">GGGHHHIII</span>JJJKKKLLL </p> + <p> <span class="test"> AAABBBCCC‮IIIHHHGGG</span>FFFEEEDDD‬JJJKKKLLL </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht new file mode 100644 index 0000000000..831cdee909 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002-ref.xht @@ -0,0 +1,54 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: #FFC; + border: solid; + color: black; + margin: 1em; + padding: 0.5em; + width: 17em; + } + + span + { + color: navy; + line-height: 3em; + } + + span.top-left-bottom + { + border-style: solid none solid solid; + padding: 0.4em 0 0.4em 1em; + } + + span.top-right-bottom + { + border-style: solid solid solid none; + padding: 0.4em 1em 0.4em 0; + } + ]]></style> + + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span> JJJKKKLLLMMMNNNOOO</p> + + <p><span class="top-left-bottom">AAABBBCCC</span>DDDEEEFFF<span class="top-right-bottom">GGGHHHIII</span> JJJKKKLLLMMMNNNOOO</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht new file mode 100644 index 0000000000..518a55958e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-002.xht @@ -0,0 +1,45 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary + soft line break</title> + <meta name="assert" + content="Tests that RLO + closing inline element boundary + soft line break + PDF + reorders text, placing text correctly on each line + while also splitting inline and rendering borders and padding appropriately."/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/002.html" type="text/html"/> + + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/> + + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + + <link rel="match" href="bidi-002-ref.xht" /> + + <style type="text/css"> + div p { width: 17em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; } + .test { border: solid; padding: 0.4em 1em; line-height: 3em; color: navy; } + .control { line-height: 3em; color: navy; } + .control.a { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; } + .control.b { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p> + <span class="control a">AAABBBCCC</span>DDDEEEFFF<span class="control b">GGGHHHIII</span> + JJJKKKLLLMMMNNNOOO + </p> + <p> + <span class="test">AAABBBCCC‮IIIHHHGGG</span>FFFEEEDDD + LLLKKKJJJ‬MMMNNNOOO + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht new file mode 100644 index 0000000000..6e4d51a4fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003-ref.xht @@ -0,0 +1,65 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: #FFC; + border: solid; + margin: 1em; + padding: 0.5em; + white-space: nowrap; + } + + span {line-height: 3em;} + + span.top-left-bottom + { + border-style: solid none solid solid; + padding: 0.4em 0 0.4em 1em; + } + + .navy {color: navy;} + + .orange {color: orange;} + + span.top-right-bottom + { + border-style: solid solid solid none; + padding: 0.4em 1em 0.4em 0; + } + ]]></style> + + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p> + <span class="top-left-bottom navy"> aaa bbb ccc </span> + <span class="top-left-bottom orange"> ddd eee fff </span> + ggg hhh iii + <span class="top-right-bottom navy"> jjj kkk lll </span> + <span class="top-right-bottom orange"> mmm nnn ooo </span> + </p> + + <p> + <span class="top-left-bottom navy"> aaa bbb ccc </span> + <span class="top-left-bottom orange"> ddd eee fff </span> + ggg hhh iii + <span class="top-right-bottom navy"> jjj kkk lll </span> + <span class="top-right-bottom orange"> mmm nnn ooo </span> + </p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht new file mode 100644 index 0000000000..22b3207014 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-003.xht @@ -0,0 +1,48 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: RLO/PDF bidi reordering across closing inline element boundary + opening inline boundary</title> + <meta name="assert" + content="Tests that RLO + closing inline element boundary + opening inline element boundary + PDF + reorders text, splitting inlines and rendering their borders and padding appropriately."/> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/003.html" type="text/html"/> + + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + + <link rel="match" href="bidi-003-ref.xht" /> + + <style type="text/css"> + div p { white-space: nowrap; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; } + .test { border: solid; padding: 0.4em 1em; line-height: 3em; } + .control { line-height: 3em; } + .control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; } + .control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; } + .a { color: navy; } + .b { color: orange; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p> + <span class="control a start"> aaa bbb ccc </span> + <span class="control b start"> ddd eee fff </span> + ggg hhh iii + <span class="control a end"> jjj kkk lll </span> + <span class="control b end"> mmm nnn ooo </span> + </p> + <p> + <span class="test a"> aaa bbb ccc ‮ lll kkk jjj </span> iii hhh ggg <span class="test b"> fff eee ddd ‬ mmm nnn ooo </span> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht new file mode 100644 index 0000000000..b8bb0563b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004-ref.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <meta name="flags" content="ahem"/> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div p { width: 28em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; font: 1em/1 Ahem; } + .control { line-height: 3em; } + .control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; } + .control.middle { border-style: solid none solid none; padding: 0.4em 0 0.4em 0; } + .control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; } + .a { color: navy; } + .b { color: orange; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p> + <span class="control a start">pppp pppX ppXp ppXX pXpp</span><br + /><span class="control b start">pXpX</span> pXXp pXXX Xppp<span class="control a end"> XppX</span><br + /><span class="control b end">XpXp XpXX XXpp XXpX XXXp</span> + </p> + <p> + <span class="control a start">pppp pppX ppXp ppXX pXpp</span><br + /><span class="control b start">pXpX</span> pXXp pXXX Xppp<span class="control a end"> XppX</span><br + /><span class="control b end">XpXp XpXX XXpp XXpX XXXp</span> + </p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht new file mode 100644 index 0000000000..3ebd0eb146 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-004.xht @@ -0,0 +1,47 @@ +<!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" lang="en"> + <head> + <title>CSS Test: The bidi algorithm and inlines in CSS</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#white-space-rules"/> + <!-- Spaces are collapsed, then reordered, then trimmed. --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="help" href="http://www.w3.org/TR/html5/rendering.html#phrasing-content-0"/> <!-- <br> is a bidi paragraph separator --> + <link rel="match" href="bidi-004-ref.xht" /> + + <meta name="flags" content="may21 ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div p { width: 28em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; font: 1em/1 Ahem; } + .test { border: solid; padding: 0.4em 1em; line-height: 3em; } + .control { line-height: 3em; } + .control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; } + .control.middle { border-style: solid none solid none; padding: 0.4em 0 0.4em 0; } + .control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; } + .a { color: navy; } + .b { color: orange; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p> + <span class="control a start">pppp pppX ppXp ppXX pXpp</span><br + /><span class="control b start">pXpX</span> pXXp pXXX Xppp<span class="control a end"> XppX</span><br + /><span class="control b end">XpXp XpXX XXpp XXpX XXXp</span> + </p> + <p> + <!-- (note that everything between the RLO to the PDF is backwards) --> + <!-- line 1...................--> <!-- line 2........................................--> <!-- line 3...................--> + <span class="test a"> pppp pppX ppXp ‮ ppXp XXpp XppX </span> pppX XXXp pXXp <span class="test b"> XpXp ppXX XXpX pXpX ‬ XXpX XXXp </span> + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht new file mode 100644 index 0000000000..a094282ac1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a-ref.xht @@ -0,0 +1,60 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: black; + color: yellow; + font: 2em/1 serif; + margin: 1em; + padding: 0.75em; + white-space: pre; + } + + .c, .j, .e {color: aqua;} + + .b, .d, .i, .k {color: fuchsia;} + + .b, .c + { + border-style: solid none solid solid; + padding: 0.1em 0 0.1em 0; + margin-left: 0.5em; + } + + .j, .k + { + border-style: solid solid solid none; + padding: 0.1em 0 0.1em 0; + margin-right: 0.5em; + } + + .d, .e, .i + { + border-style: solid none solid none; + padding: 0.1em 0 0.1em 0; + } + ]]></style> + + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht new file mode 100644 index 0000000000..c6bf5d2558 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005a.xht @@ -0,0 +1,34 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: pre; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-005a-ref.xht" /> + + <style type="text/css"> + div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; } + .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; } + .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; } + .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht new file mode 100644 index 0000000000..19338a981f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b-ref.xht @@ -0,0 +1,40 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: black; + color: yellow; + font: 2em/1 serif; + letter-spacing: 1em; + margin: 1em; + padding: 0.75em; + white-space: pre; + } + + .c, .j, .e {color: aqua;} + + .i, .d, .k, .b {color: fuchsia;} + ]]></style> + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht new file mode 100644 index 0000000000..39cdab5ee2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-005b.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: pre; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="match" href="bidi-005b-ref.xht" /> + + <style type="text/css"> + div p { white-space: pre; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht new file mode 100644 index 0000000000..a12eb99d9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006a.xht @@ -0,0 +1,34 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-005a-ref.xht" /> + + <style type="text/css"> + div p { white-space: nowrap; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; } + .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; } + .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; } + .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht new file mode 100644 index 0000000000..7645ff0f0d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-006b.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and white-space: nowrap; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-005b-ref.xht" /> + + <style type="text/css"> + div p { white-space: nowrap; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht new file mode 100644 index 0000000000..5c5e167da3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a-ref.xht @@ -0,0 +1,62 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: black; + clear: left; + color: yellow; + float: left; + font: 2em/1 serif; + margin: 0.5em 1em; + padding: 0.75em; + white-space: pre; + } + + .c, .j, .e {color: aqua;} + + .b, .d, .i, .k {color: fuchsia;} + + .b, .c + { + border-style: solid none solid solid; + padding: 0.1em 0 0.1em 0; + margin-left: 0.5em; + } + + .j, .k + { + border-style: solid solid solid none; + padding: 0.1em 0 0.1em 0; + margin-right: 0.5em; + } + + .d, .e, .i + { + border-style: solid none solid none; + padding: 0.1em 0 0.1em 0; + } + ]]></style> + + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht new file mode 100644 index 0000000000..f09e90ba28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007a.xht @@ -0,0 +1,33 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-007a-ref.xht" /> + + <style type="text/css"> + div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; } + .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; } + .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; } + .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht new file mode 100644 index 0000000000..c588b08af9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b-ref.xht @@ -0,0 +1,41 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: black; + clear: left; + color: yellow; + float: left; + font: 2em/1 serif; + letter-spacing: 1em; + margin: 0.5em 1em; + padding: 0.75em; + } + + .c, .j, .e {color: aqua;} + + .i, .d, .k, .b {color: fuchsia;} + ]]></style> + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht new file mode 100644 index 0000000000..17de94046f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-007b.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and float: left; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-007b-ref.xht" /> + + <style type="text/css"> + div p { float: left; clear: left; margin: 0.5em 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht new file mode 100644 index 0000000000..7feeed9443 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a-ref.xht @@ -0,0 +1,60 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: black; + color: yellow; + display: table; + font: 2em/1 serif; + margin: 1em; + padding: 0.75em; + } + + .c, .j, .e {color: aqua;} + + .b, .d, .i, .k {color: fuchsia;} + + .b, .c + { + border-style: solid none solid solid; + padding: 0.1em 0 0.1em 0; + margin-left: 0.5em; + } + + .j, .k + { + border-style: solid solid solid none; + padding: 0.1em 0 0.1em 0; + margin-right: 0.5em; + } + + .d, .e, .i + { + border-style: solid none solid none; + padding: 0.1em 0 0.1em 0; + } + ]]></style> + + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht new file mode 100644 index 0000000000..b433001352 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008a.xht @@ -0,0 +1,33 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/008.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-008a-ref.xht" /> + + <style type="text/css"> + div p { display: table; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; } + .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; } + .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; } + .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht new file mode 100644 index 0000000000..4995432864 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b-ref.xht @@ -0,0 +1,40 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div > p + { + background-color: black; + color: yellow; + display: table; + font: 2em/1 serif; + letter-spacing: 1em; + margin: 1em; + padding: 0.75em; + } + + .c, .j, .e {color: aqua;} + + .i, .d, .k, .b {color: fuchsia;} + ]]></style> + </head> + + <body> + + <p>The following two blocks should be identical, including overflow. (Force bidi: א)</p> + + <div> + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + + <p>a<span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span>fgh<span class="i">i</span><span class="j">j</span><span class="k">k</span>lm</p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht new file mode 100644 index 0000000000..aad9aabcd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-008b.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/008.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-008b-ref.xht" /> + + <style type="text/css"> + div p { display: table; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht new file mode 100644 index 0000000000..9a6f629486 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009a.xht @@ -0,0 +1,37 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table-row; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/009.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-005a-ref.xht" /> + + <style type="text/css"> + div { margin: 1em; padding: 0.75em; background: black; color: yellow; + font: 2em/1 serif; } + div p { display: table-row; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; } + .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; } + .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; } + .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + </div> + <div> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht new file mode 100644 index 0000000000..8de198c602 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-009b.xht @@ -0,0 +1,31 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and display: table-row; </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/009.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-005b-ref.xht" /> + + <style type="text/css"> + div { margin: 1em; padding: 0.75em; background: black; color: yellow; + letter-spacing: 1em; font: 2em/1 serif; } + div p { display: table-row; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + </div> + <div> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht new file mode 100644 index 0000000000..4b59622d03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010a.xht @@ -0,0 +1,36 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and position: absolute </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/010.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-007a-ref.xht" /> + + <style type="text/css"> + div { position: relative; } + .reference { top: -.5em; } + .test { top: 3em; } + div p { position: absolute; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + .one, .two { border: solid; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0.5em; } + .c, .b { border-style: solid none solid solid; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0.5em; } + .j, .k { border-style: solid solid solid none; padding: 0.1em 0 0.1em 0; margin: 0 0.5em 0 0; } + .e, .i, .d { border-style: solid none solid none; padding: 0.1em 0 0.1em 0; margin: 0 0 0 0; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht new file mode 100644 index 0000000000..eb10d8cb7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-010b.xht @@ -0,0 +1,33 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS: embed levels and position: absolute </title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/010.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#letter-spacing-property"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-007b-ref.xht" /> + + <style type="text/css"> + div { position: relative; } + .reference { top: -.5em; } + .test { top: 3em; } + div p { position: absolute; margin: 1em; padding: 0.75em; background: black; color: yellow; font: 2em/1 serif; letter-spacing: 1em; } + .one, .c, .j, .e { color: aqua; } + .two, .i, .d, .k, .b { color: fuchsia; } + </style> + </head> + <body> + <p> The following two blocks should be identical, including overflow. (Force bidi: א) </p> + <div> + <p class="reference"><span class="a">a</span><span class="b">b</span><span class="c">c</span><span class="d">d</span><span class="e">e</span><span class="f">f</span><span class="g">g</span><span class="h">h</span><span class="i">i</span><span class="j">j</span><span class="k">k</span><span class="l">l</span><span class="m">m</span></p> + <p class="test">a‮l‭<span class="one">c‮j‭e‮</span>h‭g‬f<span class="two">‬i‬d‬k‬b</span>‬m</p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht new file mode 100644 index 0000000000..25821d4235 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011-ref.xht @@ -0,0 +1,40 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: black solid; + color: navy; + font: 2em monospace; + margin: 1em; + padding: 1em; + } + + span + { + background-color: yellow; + border: orange solid; + margin: 0.1em 1em; + padding: 0.1em 1em; + } + ]]></style> + </head> + + <body> + + <p>The following two lines should be identical. (Force bidi: א)</p> + + <div>TEST<span>TEST</span></div> + + <div>TEST<span>TEST</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht new file mode 100644 index 0000000000..6370e11483 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-011.xht @@ -0,0 +1,28 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: The bidi algorithm and inlines in CSS wrapping bidi formatting characters</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-01 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/inline/bidi/011.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://unicode.org/reports/tr9/"/> + <link rel="match" href="bidi-011-ref.xht" /> + + <style type="text/css"> + div div { border: solid black; color: navy; margin: 1em; padding: 1em; font: 2em monospace; } + span { border: solid orange; padding: 0.1em 1em; margin: 0.1em 1em; background: yellow; } + </style> + </head> + <body> + <p> The following two lines should be identical. (Force bidi: א) </p> + <div> + <div class="test">TE<span>‮TSET</span>‭ST </div> + <div class="reference">TEST<span>TEST</span></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht new file mode 100644 index 0000000000..0872f42f37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-alt-001.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: unicode-bidi: bidi-override in alt text</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <meta name="assert" content="If alt text is not treated as replaced content, then unicode-bidi applies to image alt text."/> + <style type="text/css"><![CDATA[ + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + img { + color:blue; + width: 0; /* If alt text is treated as replaced content, then this makes it invisible. */ + /* (The rendering of replaced content is out-of-scope for CSS.) */ + display: inline; + } + ]]></style> + </head> + + <body> + + <p>The three lines below should be <strong>identical</strong>.</p> + + <p>Three lines of <img src="" alt="readable" width="0"/> text</p> + <p>Three lines of <span class="rtol"><img src="" alt="elbadaer" width="0"/></span> text</p> + <p>Three lines of <img src="" alt="elbadaer" class="rtol" width="0"/> text</p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht new file mode 100644 index 0000000000..33a6d048a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001-ref.xht @@ -0,0 +1,31 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + span + { + border-color: orange purple teal yellow; + border-style: solid; + border-width: 5px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + + <p>First <span>Second</span></p> + + <p>First <span>Second</span></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht new file mode 100644 index 0000000000..e489e63240 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-001.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on inline in normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-001-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + span { + border: 5px solid gray; + border-color: orange purple teal yellow; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p> + First <span>Second</span> + </p> + <p class="rtol"> + First <span>Second</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht new file mode 100644 index 0000000000..4bb1a15e59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-002.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on inline in embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-001-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + span { + border: 5px solid gray; + border-color: orange purple teal yellow; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + p {text-align: left;} + ]]></style> +</head> + +<body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p> + First <span>Second</span> + </p> + <p class="rtol"> + First <span>Second</span> + </p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht new file mode 100644 index 0000000000..e62a34778f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-003.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on inline in bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-001-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + span { + border: 5px solid gray; + border-color: orange purple teal yellow; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p> + First <span>Second</span> + </p> + <p class="rtol"> + <span>dnoceS</span> tsriF + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht new file mode 100644 index 0000000000..4e4f8204ac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-004.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on normal inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-001-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + span { + border: 5px solid gray; + border-color: orange purple teal yellow; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p> + First <span>Second</span> + </p> + <p> + First <span class="rtol">Second</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht new file mode 100644 index 0000000000..c04dc983c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-005.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on embed inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-001-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + span { + border: 5px solid gray; + border-color: orange purple teal yellow; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + p {text-align: left;} + ]]></style> +</head> + +<body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p> + First <span>Second</span> + </p> + <p> + First <span class="rtol">Second</span> + </p> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht new file mode 100644 index 0000000000..b78acf3647 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-006.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on bidi-override inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-001-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + span { + border: 5px solid gray; + border-color: orange purple teal yellow; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p> + First <span>Second</span> + </p> + <p> + First <span class="rtol">dnoceS</span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht new file mode 100644 index 0000000000..d330cbc23a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007-ref.xht @@ -0,0 +1,33 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border-color: orange purple teal yellow; + border-style: solid; + border-width: 5px; + margin-bottom: 1em; + width: 10em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + + <div>Text</div> + + <div>Text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht new file mode 100644 index 0000000000..1c49616bc0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-007.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-007-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + div { + border: 5px solid gray; + border-color: orange purple teal yellow; + text-align: left; + width: 10em; + margin-bottom: 1em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht new file mode 100644 index 0000000000..ea17c6b5af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-008.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-007-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + div { + border: 5px solid gray; + border-color: orange purple teal yellow; + text-align: left; + width: 10em; + margin-bottom: 1em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht new file mode 100644 index 0000000000..fc2a6f8307 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-009.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - borders on bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-007-ref.xht" /> + + <meta name="assert" content="Border sides should be unaffected by directionality"/> + <style type="text/css"><![CDATA[ + div { + border: 5px solid gray; + border-color: orange purple teal yellow; + text-align: left; + width: 10em; + margin-bottom: 1em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + txeT + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht new file mode 100644 index 0000000000..41703fbbf0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010-ref.xht @@ -0,0 +1,32 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + line-height: 1.25em; + margin-bottom: 1.25em; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + + <div><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="60" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="60" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht new file mode 100644 index 0000000000..cb2d8900c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-010.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on bidi-override inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + text-align: left; + font: 1.25em/1 Ahem; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">dnoceS</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht new file mode 100644 index 0000000000..870ff0b284 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-011.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on normal inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht new file mode 100644 index 0000000000..38de262547 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-012.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on embed inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht new file mode 100644 index 0000000000..3facbbc284 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-013.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on inline in bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + <span>dnoceS</span> tsriF + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht new file mode 100644 index 0000000000..fbe1ca1bd8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-014.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on inline in normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + font: 1.25em/1 Ahem; + text-align: left; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht new file mode 100644 index 0000000000..fa76c17dfc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-015.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on inline in embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht new file mode 100644 index 0000000000..abd4d41b12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016-ref.xht @@ -0,0 +1,33 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + line-height: 1.25em; + margin-bottom: 1.25em; + margin-left: 2.5em; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p> + + <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht new file mode 100644 index 0000000000..3f177630a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-016.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-016-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + text-align: left; + width: 10em; + margin-left: 2em; + margin-bottom: 1em; + background: navy; + font: 1.25em/1 Ahem; + color: orange; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p> + <div> + Text + </div> + <div class="rtol"> + txeT + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht new file mode 100644 index 0000000000..108574185a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-017.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-016-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: left; + width: 10em; + margin-bottom: 1em; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht new file mode 100644 index 0000000000..369e7f68cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-018.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-left on embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-016-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: left; + width: 10em; + margin-bottom: 1em; + margin-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong> with identical left margin.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht new file mode 100644 index 0000000000..d42ce6105e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019-ref.xht @@ -0,0 +1,32 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + line-height: 1.25em; + margin-bottom: 1.25em; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + + <div><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="100" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="120" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht new file mode 100644 index 0000000000..3ea26af3ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-019.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on bidi-override inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">dnoceS</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht new file mode 100644 index 0000000000..932e16613f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-020.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on normal inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht new file mode 100644 index 0000000000..848cfd6d96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-021.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on embed inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht new file mode 100644 index 0000000000..564a271101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-022.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on inline in bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + <span>dnoceS</span> tsriF + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht new file mode 100644 index 0000000000..27c9deb88e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-023.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on inline in normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + text-align: right; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht new file mode 100644 index 0000000000..81d3cb695f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-024.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on inline in embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + margin-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + text-align: right; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht new file mode 100644 index 0000000000..e5f95b193a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025-ref.xht @@ -0,0 +1,35 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + line-height: 1.25em; + margin-bottom: 1.25em; + margin-right: 6.25em; + text-align: right; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p> + + <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht new file mode 100644 index 0000000000..a312a161c6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-025.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + text-align: right; + margin-right: 5em; + margin-bottom: 1em; + background: navy; + font: 1.25em/1 Ahem; + color: orange; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + ]]></style> + </head> + + <body> + <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p> + <div> + Text + </div> + <div class="rtol"> + txeT + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht new file mode 100644 index 0000000000..16482ac89c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-026.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: right; + margin-bottom: 1em; + margin-right: 5em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht new file mode 100644 index 0000000000..74acda04c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-027.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - margin-right on embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-025-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side margins should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: right; + margin-bottom: 1em; + margin-right: 5em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + p {text-align: left;} + ]]></style> + </head> + + <body> + <p>Test passes if the 2 wide bicolored stripes are <strong>identical</strong> with identical right margin.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht new file mode 100644 index 0000000000..a4cc157ced --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-028.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on bidi-override inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + text-align: left; + font: 1.25em/1 Ahem; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">dnoceS</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht new file mode 100644 index 0000000000..e1fcc74e75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-029.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on inline in normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht new file mode 100644 index 0000000000..53846c900f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-030.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on inline in embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht new file mode 100644 index 0000000000..d9c7bb6dad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-031.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on inline in bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + <span>dnoceS</span> tsriF + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht new file mode 100644 index 0000000000..f6ecf77ccf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-032.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on normal inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + font: 1.25em/1 Ahem; + text-align: left; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht new file mode 100644 index 0000000000..f35dc1ab9a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-033.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on embed inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-010-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + text-align: left; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht new file mode 100644 index 0000000000..96b7530437 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034-ref.xht @@ -0,0 +1,32 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + line-height: 1.25em; + margin-bottom: 1.25em; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + + <div><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/1x1-navy.png" width="40" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /><img src="support/1x1-navy.png" width="120" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht new file mode 100644 index 0000000000..9b4eb05eaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-034.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-034-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + text-align: left; + width: 10em; + padding-left: 2em; + margin-bottom: 1em; + background: navy; + font: 1.25em/1 Ahem; + color: orange; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + txeT + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht new file mode 100644 index 0000000000..99ba45be03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-035.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-034-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: left; + width: 10em; + margin-bottom: 1em; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht new file mode 100644 index 0000000000..fce96d2757 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-036.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-left on embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-034-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: left; + width: 10em; + margin-bottom: 1em; + padding-left: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht new file mode 100644 index 0000000000..8b2007757c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-037.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on bidi-override inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">dnoceS</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht new file mode 100644 index 0000000000..a820aabe05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-038.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on inline in normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht new file mode 100644 index 0000000000..9f32397752 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-039.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on inline in embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + First <span>Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht new file mode 100644 index 0000000000..54be629e33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-040.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on inline in bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + div { + font: 1.25em/1 Ahem; + text-align: right; + width: 20em; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div class="rtol"> + <span>dnoceS</span> tsriF + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht new file mode 100644 index 0000000000..fb2e92b92b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-041.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on normal inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + + div { + text-align: right; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht new file mode 100644 index 0000000000..9b12479b7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-042.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on embed inline</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model" /> + <link rel="match" href="bidi-box-model-019-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + span { + color: orange; + padding-right: 2em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + + div { + text-align: right; + width: 20em; + font: 1.25em/1 Ahem; + background: navy; + color: teal; + margin-bottom: 1em; + } + ]]></style> +</head> + +<body> + <p>Test passes if the 2 multi-colored stripes are <strong>identical</strong>.</p> + <div> + First <span>Second</span> + </div> + <div> + First <span class="rtol">Second</span> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht new file mode 100644 index 0000000000..ff5cc84d75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043-ref.xht @@ -0,0 +1,36 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: navy; + line-height: 1.25em; + margin-bottom: 1.25em; + padding-right: 6.25em; + text-align: right; + width: 25em; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + + <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" width="80" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht new file mode 100644 index 0000000000..0c71b3829a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-043.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on bidi-override block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-043-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + width: 20em; + text-align: right; + padding-right: 5em; + margin-bottom: 1em; + background: navy; + font: 1.25em/1 Ahem; + color: orange; + } + + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + txeT + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht new file mode 100644 index 0000000000..6a0ec6cc90 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-044.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on normal block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-043-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + width: 20em; + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: right; + margin-bottom: 1em; + padding-right: 5em; + } + + .rtol { + direction: rtl; + unicode-bidi: normal; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht new file mode 100644 index 0000000000..0e481a0619 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-box-model-045.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: bidirection box model - padding-right on embed block</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-box-model"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model"/> + <link rel="match" href="bidi-box-model-043-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Side padding should be unaffected by directionality"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div { + width: 20em; + background: navy; + color: orange; + font: 1.25em/1 Ahem; + text-align: right; + margin-bottom: 1em; + padding-right: 5em; + } + + .rtol { + direction: rtl; + unicode-bidi: embed; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 bicolored stripes are <strong>identical</strong>.</p> + <div> + Text + </div> + <div class="rtol"> + Text + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht new file mode 100644 index 0000000000..c722fb5199 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001-ref.xht @@ -0,0 +1,103 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + .set {border-top: solid orange;} + + .set + { + border-bottom: solid orange; + clear: both; + float: left; + } + + .control + { + border: silver solid; + color: blue; + float: left; + font: bold larger monospace; + margin: 1em; + padding: 0.25em; + } + + /* ensure BDO processing */ + bdo + { + direction: ltr; + unicode-bidi: bidi-override; + } + ]]></style> + + </head> + + <body> + + <p>In each pair of silver boxes below, the two patterns must be identical.</p> + + <!-- + א א is hebrew letter alef + ת ת is hebrew letter tav + --> + + <!-- control for bidi support --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + </div> + + <!-- sibling boxes --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- anonymous boxes --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- anonymous boxes --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> +<!-- +PS 
 Paragraph separator +LS 
 Line separator +--> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht new file mode 100644 index 0000000000..85871418ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-001.xht @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Bidi paragraph boundaries: Blocks</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-12 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="match" href="bidi-breaking-001-ref.xht" /> + + <meta name="assert" content="Block boundaries break bidi paragraphs."/> + <style type="text/css"><![CDATA[ + /* Make test easier to read */ + .test, .control { + color: blue; + font: bold larger monospace; + margin: 1em; + padding: 0.25em; + border: solid silver; + float: left; + } + .set { + clear: both; + float: left; + border-bottom: solid orange; + } + p + .set { + border-top: solid orange; + } + + /* ensure BDO processing */ + bdo { + unicode-bidi: bidi-override; + direction: ltr; + } + ]]></style> +</head> +<body> + <p>In each pair of silver boxes below, the two patterns must be identical.</p> + + <!-- + א א is hebrew letter alef + ת ת is hebrew letter tav + --> + + <!-- control for bidi support --> + <div class="set"> + <div class="test"> + <div>‏ + - × ÷ א</div> + <div>ת + - × ÷ ‏</div> + </div> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + </div> + + <!-- sibling boxes --> + <div class="set"> + <div class="test"> + <div>א + - × ÷ </div> + <div> + - × ÷ ת</div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- anonymous boxes --> + <div class="set"> + <div class="test"> + <div>א + - × ÷ </div> + + - × ÷ ת + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- anonymous boxes --> + <div class="set"> + <div class="test"> + א + - × ÷ + <div></div> + + - × ÷ ת + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> +<!-- +PS 
 Paragraph separator +LS 
 Line separator +--> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht new file mode 100644 index 0000000000..354c16d374 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002-ref.xht @@ -0,0 +1,75 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + .set {border-top: solid orange;} + + .set + { + border-bottom: solid orange; + clear: both; + float: left; + } + + .control + { + border: silver solid; + color: blue; + float: left; + font: bold larger monospace; + margin: 1em; + padding: 0.25em; + } + + /* ensure BDO processing */ + bdo + { + direction: ltr; + unicode-bidi: bidi-override; + } + ]]></style> + + </head> + + <body> + + <p>In each pair of silver boxes below, the two patterns must be identical.</p> + + <!-- + א א is hebrew letter alef + ת ת is hebrew letter tav + --> + + <!-- control for bidi support --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + </div> + + <!-- preserved source line break breaks bidi paragraph --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht new file mode 100644 index 0000000000..b95c668aac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-002.xht @@ -0,0 +1,92 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Bidi paragraph boundaries: Forced Line Breaks</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="match" href="bidi-breaking-002-ref.xht" /> + + <meta name="assert" content="Forced line breaks of class B (but not class WS) + break bidi paragraphs."/> + <style type="text/css"><![CDATA[ + /* Make test easier to read */ + .test, .control { + color: blue; + font: bold larger monospace; + margin: 1em; + padding: 0.25em; + border: solid silver; + float: left; + } + .set { + clear: both; + float: left; + border-bottom: solid orange; + } + p + .set { + border-top: solid orange; + } + + /* ensure BDO processing */ + bdo { + unicode-bidi: bidi-override; + direction: ltr; + } + + /* Enable preservation of source line breaks + (and PS and LS for certain nonconformant ws-collapsing implementations) */ + .pre { + white-space: pre; white-space: pre-lines; + } + ]]></style> +</head> +<body> + <p>In each pair of silver boxes below, the two patterns must be identical.</p> + + <!-- + א א is hebrew letter alef + ת ת is hebrew letter tav + --> + + <!-- control for bidi support --> + <div class="set"> + <div class="test"> + <div>‏ + - × ÷ א</div> + <div>ת + - × ÷ ‏</div> + </div> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + </div> + + <!-- preserved source line break breaks bidi paragraph --> + <div class="set"> + <div class="test"> + <div class="pre">א + - × ÷ + + - × ÷ ת</div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- <br> on shaky ground since HTML4 said it's an LS, but HTML5 will + likely side with PS due to better bidi safety; test below as PS for now; + move to a separate file when this is resolved in HTML5 + <div class="set"> + <div class="test"> + א + - × ÷ <br/> + + - × ÷ ת + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + --> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.xht new file mode 100644 index 0000000000..0ae7bbc284 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p + .set {border-top: solid orange;} + + .set + { + border-bottom: solid orange; + clear: both; + float: left; + } + + .control + { + border: silver solid; + color: blue; + float: left; + font: bold larger monospace; + margin: 1em; + padding: 0.25em; + } + + /* ensure BDO processing */ + bdo + { + direction: ltr; + unicode-bidi: bidi-override; + } + ]]></style> + + </head> + + <body> + + <p>In each pair of silver boxes below, the two patterns must be identical.</p> + + <!-- + א א is hebrew letter alef + ת ת is hebrew letter tav + --> + + <!-- control for bidi support --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + </div> + + <!-- paragraph separator breaks bidi paragraph --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- line separator does not break bidi paragraph --> + <div class="set"> + <div class="control"> + <div><bdo dir="ltr"> ÷ × - + א</bdo></div> + <div><bdo dir="ltr">ת ÷ × - + </bdo></div> + </div> + <div class="control"> + <div><bdo dir="ltr"> ÷ × - + א</bdo></div> + <div><bdo dir="ltr">ת ÷ × - + </bdo></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht new file mode 100644 index 0000000000..ffc64873a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-breaking-003.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" + "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> + <title>CSS Test: Bidi paragraph boundaries: Forced Line Breaks (Unicode)</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"/> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="match" href="bidi-breaking-003-ref.xht" /> + + <meta name="flags" content="may"/> + <meta name="assert" content="Forced line breaks of class B (but not class WS) + break bidi paragraphs."/> + <style type="text/css"><![CDATA[ + /* Make test easier to read */ + .test, .control { + color: blue; + font: bold larger monospace; + margin: 1em; + padding: 0.25em; + border: solid silver; + float: left; + } + .set { + clear: both; + float: left; + border-bottom: solid orange; + } + p + .set { + border-top: solid orange; + } + + /* ensure BDO processing */ + bdo { + unicode-bidi: bidi-override; + direction: ltr; + } + + /* Enable preservation of source line breaks + (and PS and LS for certain nonconformant ws-collapsing implementations) */ + .pre { + white-space: pre; white-space: pre-lines; + } + ]]></style> +</head> +<body> + <p>In each pair of silver boxes below, the two patterns must be identical.</p> + + <!-- + א א is hebrew letter alef + ת ת is hebrew letter tav + --> + + <!-- control for bidi support --> + <div class="set"> + <div class="test"> + <div>‏ + - × ÷ א</div> + <div>ת + - × ÷ ‏</div> + </div> + <div class="control"> + <div><bdo dir="ltr">א ÷ × - + </bdo></div> + <div><bdo dir="ltr"> ÷ × - + ת</bdo></div> + </div> + </div> + + <!-- paragraph separator breaks bidi paragraph --> + <div class="set"> + <div class="test"> + <div class="pre">א + - × ÷ 
 + - × ÷ ת</div> + </div> + <div class="control"> + <div><bdo dir="ltr">א + - × ÷ </bdo></div> + <div><bdo dir="ltr"> + - × ÷ ת</bdo></div> + </div> + </div> + + <!-- line separator does not break bidi paragraph --> + <div class="set"> + <div class="test"> + <div class="pre">א + - × ÷ 
 + - × ÷ ת</div> + </div> + <div class="control"> + <div><bdo dir="ltr"> ÷ × - + א</bdo></div> + <div><bdo dir="ltr">ת ÷ × - + </bdo></div> + </div> + </div> + +<!-- +PS 
 Paragraph separator +LS 
 Line separator +--> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht new file mode 100644 index 0000000000..e54fd147f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001-ref.xht @@ -0,0 +1,26 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + p.control {text-align: right;} + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + + <p class="control">a b (c d).</p> + + <p class="control">a b (c d).</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht new file mode 100644 index 0000000000..6e92d90a86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-001.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: unicode-bidi: bidi-override - glyph mirroring</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://unicode.org/reports/tr9/#Mirroring"/> + <link rel="match" href="bidi-glyph-mirroring-001-ref.xht" /> + + <meta name="assert" content="Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed when unicode-bidi: bidi-override is applied"/> + <style type="text/css"><![CDATA[ + .control { + text-align: right; + } + div { + direction: rtl; + unicode-bidi: bidi-override; + } + ]]></style> + </head> + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p class="control">a b (c d).</p> + + <div> + .(d c) b a + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht new file mode 100644 index 0000000000..7b9bceea11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002-ref.xht @@ -0,0 +1,22 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + + <p>(a b א) c d</p> + + <p>(a b א) c d</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht new file mode 100644 index 0000000000..1290273e09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-glyph-mirroring-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: unicode-bidi: bidi-override - glyph mirroring</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="help" href="http://unicode.org/reports/tr9/#Mirroring"/> + <link rel="match" href="bidi-glyph-mirroring-002-ref.xht" /> + + <meta name="assert" content="Glyph mirroring of characters with unicode Bidi_Mirrored property should be performed direction:rtl is applied"/> + <style type="text/css"><![CDATA[ + div { + direction:rtl; + text-align: left; + } + ]]></style> + </head> + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p>(a b א) c d</p> + + <div> + c d (א a b) + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht new file mode 100644 index 0000000000..05d5676a98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001-ref.xht @@ -0,0 +1,22 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + + <p>Readable</p> + + <p>Readable</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht new file mode 100644 index 0000000000..8a735f4913 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: unicode-bidi: bidi-override on inline - rtl</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="match" href="bidi-inline-001-ref.xht" /> + + <meta name="assert" content="bidi-override should be applied to inlines with no interruptions to surrounding text"/> + <style type="text/css"><![CDATA[ + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p>Readable</p> + <p>Re<span class="rtol">bada</span>le</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht new file mode 100644 index 0000000000..860eb6e555 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/bidi-inline-002.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: unicode-bidi: bidi-override on inline - nested</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#bidi-algo"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> + <link rel="match" href="bidi-inline-001-ref.xht" /> + + <meta name="assert" content="Nested bidi-override should be applied to inlines with no interruptions to surrounding text"/> + <style type="text/css"><![CDATA[ + .rtol { + direction: rtl; + unicode-bidi: bidi-override; + } + .ltor { + direction: ltr; + unicode-bidi: bidi-override; + } + ]]></style> + </head> + + <body> + <p>Test passes if the 2 lines are <strong>identical</strong>.</p> + <p>Readable</p> + <p><span class="rtol">ba<span class="ltor">ad</span>eR</span>le</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht new file mode 100644 index 0000000000..22ed58fd15 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001-ref.xht @@ -0,0 +1,24 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {border: blue solid 2px;} + ]]></style> + + </head> + + <body> + + <p>Test passes if "Filler Text" is inside and aligned to the <strong>left side</strong> of hollow blue rectangle.</p> + + <div>Filler Text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht new file mode 100644 index 0000000000..36a2ec8138 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-001.xht @@ -0,0 +1,31 @@ +<!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: Direction set to 'ltr'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-001-ref.xht" /> + + <meta name="assert" content="The 'direction' property set to 'ltr' sets the direction of an element to left-to-right." /> + <style type="text/css"> + #wrapper + { + direction: rtl; + } + div div + { + direction: ltr; + border: 2px solid blue; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" is inside and aligned to the <strong>left side</strong> of hollow blue rectangle.</p> + <div id="wrapper"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht new file mode 100644 index 0000000000..f531244fcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002-ref.xht @@ -0,0 +1,28 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: blue solid 2px; + text-align: right; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p> + + <div>Filler Text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht new file mode 100644 index 0000000000..bddc48b7d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-002.xht @@ -0,0 +1,25 @@ +<!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: Direction set to 'rtl'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-002-ref.xht" /> + + <meta name="assert" content="The 'direction' property set to 'rtl' sets the direction of an element to right-to-left." /> + <style type="text/css"> + div + { + direction: rtl; + border: 2px solid blue; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht new file mode 100644 index 0000000000..10c87ed07f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-003.xht @@ -0,0 +1,35 @@ +<!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: Direction set to 'inherit' sets a value that is inherited from parent element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-002-ref.xht" /> + + <meta name="assert" content="The 'direction' property set to 'inherit' sets a direction value to the same as the parent element." /> + <style type="text/css"> + div + { + direction: ltr; + } + div div + { + direction: inherit; + border: 2px solid blue; + } + #wrapper + { + direction: rtl; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p> + <div id="wrapper"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht new file mode 100644 index 0000000000..ec6168b598 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001-ref.xht @@ -0,0 +1,31 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: orange; + height: 100px; + width: 100px; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + + <div><img src="support/black15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht new file mode 100644 index 0000000000..c6ece60ae7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-001.xht @@ -0,0 +1,61 @@ +<!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: Direction applied to element with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-row-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + background: orange; + direction: rtl; + display: table-row-group; + font: 50px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 50px; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht new file mode 100644 index 0000000000..5b5e9abe80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-002.xht @@ -0,0 +1,61 @@ +<!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: Direction applied to element with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-header-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + background: orange; + direction: rtl; + display: table-header-group; + font: 50px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 50px; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht new file mode 100644 index 0000000000..0e6fe5a34c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-003.xht @@ -0,0 +1,61 @@ +<!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: Direction applied to element with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-footer-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + background: orange; + direction: rtl; + display: table-footer-group; + font: 50px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 50px; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + + <div id="table"> + + <div id="test"> + + <div class="row"> + <div class="cell">a</div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht new file mode 100644 index 0000000000..7592e170e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-004.xht @@ -0,0 +1,54 @@ +<!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: Direction applied to element with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-row'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test + { + background: orange; + direction: rtl; + display: table-row; + font: 50px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + + .cell + { + display: table-cell; + height: 50px; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + + <div id="table"> + + <div class="test"> + <div class="cell">a</div><div class="cell"></div> + </div> + + <div class="test"> + <div class="cell"></div><div class="cell"></div> + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht new file mode 100644 index 0000000000..bed1cbe714 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-005.xht @@ -0,0 +1,49 @@ +<!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: Direction applied to element with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-column-group'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + background: orange; + direction: rtl; + display: table-column-group; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + font: 50px/1em Ahem; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht new file mode 100644 index 0000000000..217d6f15de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-006.xht @@ -0,0 +1,49 @@ +<!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: Direction applied to element with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property does not apply to elements with a display of 'table-column'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + background: orange; + direction: rtl; + display: table-column; + } + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + font: 50px/1em Ahem; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-left corner</strong> of the orange square.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht new file mode 100644 index 0000000000..c738501173 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007-ref.xht @@ -0,0 +1,32 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: orange; + height: 100px; + text-align: right; + width: 100px; + } + + img {vertical-align: top;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + + <div><img src="support/black15x15.png" width="50" height="50" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht new file mode 100644 index 0000000000..cc0ca43ee3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-007.xht @@ -0,0 +1,44 @@ +<!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: Direction applied to element with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property applies to elements with a display of 'table-cell'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + display: table; + table-layout: fixed; + width: 100px; + } + #row + { + display: table-row; + } + #cell + { + background: orange; + direction: rtl; + display: table-cell; + font: 50px/1em Ahem; + height: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + <div id="table"> + <div id="row"> + <div id="cell">X</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht new file mode 100644 index 0000000000..9e6844ba73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008-ref.xht @@ -0,0 +1,20 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there are the words "PASS PASS".</p> + + <div>PASS PASS</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht new file mode 100644 index 0000000000..0f0f6f5a52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-008.xht @@ -0,0 +1,26 @@ +<!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: Direction applied to element with 'display' set to inline</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'direction' property applies to elements with a display of inline as it can set the direction of embeddings and overrides." /> + <style type="text/css"> + div + { + direction: rtl; + display: inline; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div>SSAP SSAP</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht new file mode 100644 index 0000000000..ea4f001f19 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-009.xht @@ -0,0 +1,33 @@ +<!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: Direction applied to element with 'display' set to block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-01 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property applies to elements with a display of block." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background: orange; + direction: rtl; + display: block; + font: 50px/1em Ahem; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + <div> + <span>X</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht new file mode 100644 index 0000000000..2b43ed1bbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-010.xht @@ -0,0 +1,33 @@ +<!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: Direction applied to element with 'display' set to list-item</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property applies to elements with a display of list-item." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 1em; + } + div + { + background: orange; + direction: rtl; + display: list-item; + font: 50px/1em Ahem; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the upper-right corner of an orange square and a marker bullet on the right-hand side of both squares.</p> + <div>X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht new file mode 100644 index 0000000000..95a0947bb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-012.xht @@ -0,0 +1,33 @@ +<!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: Direction applied to element with 'display' set to inline-block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property applies to elements with a display of inline-block." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: orange; + direction: rtl; + display: inline-block; + font: 50px/1em Ahem; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + + <div>X</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht new file mode 100644 index 0000000000..4f8879bf54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-013.xht @@ -0,0 +1,51 @@ +<!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: Direction applied to element with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property can apply to elements with a display of 'table' as it specifies the direction of table column layout." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + background: orange; + direction: rtl; + display: table; + table-layout: fixed; + font: 50px/1em Ahem; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 50px; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">X</div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht new file mode 100644 index 0000000000..a74c343853 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-014.xht @@ -0,0 +1,51 @@ +<!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: Direction applied to element with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property can apply to elements with a display of 'inline-table' as it specifies the direction of table column layout." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #table + { + background: orange; + direction: rtl; + display: inline-table; + table-layout: fixed; + font: 50px/1em Ahem; + width: 100px; + } + .row + { + display: table-row; + } + .cell + { + display: table-cell; + height: 50px; + vertical-align: top; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + + <div id="table"> + <div class="row"> + <div class="cell">X</div><div class="cell"></div> + </div> + + <div class="row"> + <div class="cell"></div><div class="cell"></div> + </div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht new file mode 100644 index 0000000000..053ee7855e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/direction-applies-to-015.xht @@ -0,0 +1,48 @@ +<!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: Direction applied to element with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property applies to elements with a display of 'table-caption'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #caption + { + background: orange; + direction: rtl; + display: table-caption; + font: 50px/1em Ahem; + height: 100px; + width: 100px; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a black square in the <strong>upper-right corner</strong> of the orange square.</p> + <div id="table"> + <div id="caption">X</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht new file mode 100644 index 0000000000..ced37606f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001-ref.xht @@ -0,0 +1,36 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: green; + font: 1.25em/1 Ahem; + margin: 1em 0; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>.</p> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht new file mode 100644 index 0000000000..f02f5423a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-001.xht @@ -0,0 +1,38 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: Line breaking and the bidi algorithm</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/line-breaking/bidi/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing" /> + <link rel="match" href="line-breaking-bidi-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { color: green; background: red; font: 1.25em/1 Ahem; white-space: normal; } + </style> + </head> + <body> + + <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>.</p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + + <!-- +Char +name Unicode Function Equivalent Markup +LRE U+202A Left-to-Right Embedding DIR attribute e.g. DIR="LTR" +RLE U+202B Right-to-Left Embedding DIR attribute e.g. DIR="RTL" +PDF U+202C Pop Directional Format No Equivalent </BDO> ends override +LRO U+202D Left-to-Right Override BDO Element e.g. <BDO dir="LTR"> +RLO U+202E Right-to-Left Override BDO Element e.g. <BDO dir="RTL"> + --> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht new file mode 100644 index 0000000000..3b09c41bf6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002-ref.xht @@ -0,0 +1,36 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: green; + font: 1.25em/1 Ahem; + margin: 1em 0; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>. (Force bidi: א)</p> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + +<div>123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht new file mode 100644 index 0000000000..29662558a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-002.xht @@ -0,0 +1,38 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: Line breaking and the bidi algorithm (with hebrew character)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/line-breaking/bidi/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing" /> + <link rel="match" href="line-breaking-bidi-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { color: green; background: red; font: 1.25em/1 Ahem; white-space: normal; } + </style> + </head> + <body> + + <p>Test passes if there are only 4 very long green bars and <strong>no red</strong>. (Force bidi: א)</p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‪xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‫xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‭xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + <p class="test"> xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx‮xxxxxxxxxxxxxxxxxxxx‬xxxxxxxxxxxxxxxxxxxx </p> + + <!-- +Char +name Unicode Function Equivalent Markup +LRE U+202A Left-to-Right Embedding DIR attribute e.g. DIR="LTR" +RLE U+202B Right-to-Left Embedding DIR attribute e.g. DIR="RTL" +PDF U+202C Pop Directional Format No Equivalent </BDO> ends override +LRO U+202D Left-to-Right Override BDO Element e.g. <BDO dir="LTR"> +RLO U+202E Right-to-Left Override BDO Element e.g. <BDO dir="RTL"> + --> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht new file mode 100644 index 0000000000..ec8545c5b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003-ref.xht @@ -0,0 +1,31 @@ +<!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 Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: lime; + border: solid; + font-size: 2.5em; + height: 1em; + width: 17em; + } + ]]></style> + + </head> + + <body> + + <p>There should be no red below, just one unbroken bar of green. (Force bidi: א)</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht new file mode 100644 index 0000000000..9726f32636 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/line-breaking-bidi-003.xht @@ -0,0 +1,36 @@ +<!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" lang="en"> + <head> + + <title>CSS Test: Line breaking and the bidi algorithm (no breaks)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/line-breaking/bidi/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing" /> + <link rel="match" href="line-breaking-bidi-003-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 40px/1 Ahem; border: solid; width: 17em; background: red; } + .test > span { background: lime; } + </style> + </head> + <body> + + <p> There should be no red below, just one unbroken bar of green. (Force bidi: א) </p> + <div class="test"><span> ‮ ‭ ‮ ‭ ‮ ‭ ‬ <span> </span>‬ ‬ ‬ ‬ ‬ </span></div> + + <!-- +Char +name Unicode Function Equivalent Markup +LRE U+202A Left-to-Right Embedding DIR attribute e.g. DIR="LTR" +RLE U+202B Right-to-Left Embedding DIR attribute e.g. DIR="RTL" +PDF U+202C Pop Directional Format No Equivalent </BDO> ends override +LRO U+202D Left-to-Right Override BDO Element e.g. <BDO dir="LTR"> +RLO U+202E Right-to-Left Override BDO Element e.g. <BDO dir="RTL"> + --> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css b/testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css b/testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.png Binary files differnew file mode 100644 index 0000000000..b1bbef2cd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/black15x15.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css b/testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/cat.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.png Binary files differnew file mode 100644 index 0000000000..9b88fbd811 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.png Binary files differnew file mode 100644 index 0000000000..fcf4f3fd7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.png Binary files differnew file mode 100644 index 0000000000..d454e3a630 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/ring.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.png Binary files differnew file mode 100644 index 0000000000..0293ce89de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-teal.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.png b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht new file mode 100644 index 0000000000..ab1a497a6a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-001.xht @@ -0,0 +1,26 @@ +<!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: Unicode-bidi set to 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-002-ref.xht" /> + + <meta name="assert" content="The property 'unicode-bidi' set to 'normal' doesn't modify the directionality of text." /> + <style type="text/css"> + div + { + direction: rtl; + unicode-bidi: normal; + border: 2px solid blue; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht new file mode 100644 index 0000000000..012c1ebaae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002-ref.xht @@ -0,0 +1,28 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + border: blue solid 2px; + text-align: right; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the letters below are in alphabetic order.</p> + + <div>AB C DEF GH IJ K</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht new file mode 100644 index 0000000000..f3eb0d09fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-002.xht @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Unicode-bidi set to 'embed'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="unicode-bidi-002-ref.xht" /> + + <meta name="assert" content="The property 'unicode-bidi' set to 'embed' opens a new level of embedding in the Unicode bi-directional algorithm." /> + <style type="text/css"> + span + { + unicode-bidi: embed; + } + div + { + border: 2px solid blue; + direction: rtl; + } + </style> + </head> + <body> + <p>Test passes if the letters below are in alphabetic order.</p> + <div>IJ K <span>DEF GH</span> AB C</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht new file mode 100644 index 0000000000..0f2395ce9d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-003.xht @@ -0,0 +1,26 @@ +<!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: Unicode-bidi set to 'bidi-override'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-002-ref.xht" /> + + <meta name="assert" content="The property 'unicode-bidi' set to 'bidi-override' overrides the directionality of text." /> + <style type="text/css"> + div + { + direction: rtl; + unicode-bidi: bidi-override; + border: 2px solid blue; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p> + <div>txeT relliF</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht new file mode 100644 index 0000000000..a01c1618fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-004.xht @@ -0,0 +1,32 @@ +<!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: Unicode-bidi set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-002-ref.xht" /> + + <meta name="assert" content="The property 'unicode-bidi' set to 'inherit' sets a value the same as parent element's value." /> + <style type="text/css"> + #div1 + { + unicode-bidi: bidi-override; + } + div div + { + direction: rtl; + unicode-bidi: inherit; + border: 2px solid blue; + } + </style> + </head> + <body> + <p>Test passes if "Filler Text" is inside and aligned to the <strong>right side</strong> of hollow blue rectangle.</p> + <div id="div1"> + <div>txeT relliF</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht new file mode 100644 index 0000000000..882cbd5442 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-001.xht @@ -0,0 +1,44 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-row-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-row-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-row-group; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht new file mode 100644 index 0000000000..3abdbcb434 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-002.xht @@ -0,0 +1,44 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-header-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-header-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-header-group; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht new file mode 100644 index 0000000000..afc468ecb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-003.xht @@ -0,0 +1,44 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-footer-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-footer-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-footer-group; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht new file mode 100644 index 0000000000..df78d22a8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-004.xht @@ -0,0 +1,38 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-row'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-row'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-row; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test"> + <div id="cell">PASS PASS</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht new file mode 100644 index 0000000000..2d6eb77370 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-005.xht @@ -0,0 +1,43 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-column-group'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-column-group'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-column-group; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht new file mode 100644 index 0000000000..12cb2a9124 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-006.xht @@ -0,0 +1,43 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-column'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table-column'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-column; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht new file mode 100644 index 0000000000..46dd1dad09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-007.xht @@ -0,0 +1,38 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-cell'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of 'table-cell'." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #test + { + direction: rtl; + display: table-cell; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="row"> + <div id="test">SSAP SSAP</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht new file mode 100644 index 0000000000..07b669445c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-008.xht @@ -0,0 +1,26 @@ +<!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: Unicode-bidi applied to element with 'display' set to inline</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of inline." /> + <style type="text/css"> + div + { + direction: rtl; + display: inline; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div>SSAP SSAP</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht new file mode 100644 index 0000000000..c1f0dc6b78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009-ref.xht @@ -0,0 +1,24 @@ +<!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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div {text-align: right;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there are the words "PASS PASS" on the right-hand side of the page.</p> + + <div>PASS PASS</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht new file mode 100644 index 0000000000..d9d72de67b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-009.xht @@ -0,0 +1,28 @@ +<!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: Unicode-bidi applied to element with 'display' set to block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="unicode-bidi-applies-to-009-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of block." /> + <style type="text/css"> + span + { + direction: rtl; + display: block; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS" on the right-hand side of the page.</p> + <div> + <span>SSAP SSAP</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht new file mode 100644 index 0000000000..9cd7b9be09 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-010.xht @@ -0,0 +1,28 @@ +<!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: Unicode-bidi applied to element with 'display' set to list-item</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of list-item." /> + <style type="text/css"> + body + { + margin-right: 50px; + } + div + { + direction: rtl; + display: list-item; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS" with a marker bullet on its right-hand side.</p> + <div>SSAP SSAP</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht new file mode 100644 index 0000000000..95745c1e30 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-012.xht @@ -0,0 +1,26 @@ +<!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: Unicode-bidi applied to element with 'display' set to inline-block</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-14 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of inline-block." /> + <style type="text/css"> + div + { + direction: rtl; + display: inline-block; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div>SSAP SSAP</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht new file mode 100644 index 0000000000..c463057125 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-013.xht @@ -0,0 +1,38 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table; + unicode-bidi: bidi-override; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="test"> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht new file mode 100644 index 0000000000..c120375ccd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-014.xht @@ -0,0 +1,38 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'inline-table'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property does not apply to elements with a display of 'inline-table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants." /> + <style type="text/css"> + #test + { + direction: rtl; + display: inline-table; + unicode-bidi: bidi-override; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="test"> + <div id="row"> + <div id="cell">PASS PASS</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht new file mode 100644 index 0000000000..62ce16feb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/bidi-text/unicode-bidi-applies-to-015.xht @@ -0,0 +1,43 @@ +<!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: Unicode-bidi applied to element with 'display' set to 'table-caption'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-12-03 --> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <link rel="match" href="direction-applies-to-008-ref.xht" /> + + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of 'table-caption'." /> + <style type="text/css"> + #test + { + direction: rtl; + display: table-caption; + unicode-bidi: bidi-override; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS".</p> + <div id="table"> + <div id="test">SSAP SSAP</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> |
