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/text | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.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/text')
751 files changed, 26520 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html new file mode 100644 index 0000000000..f1ea3145d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<style>*{padding:0;margin:0;border-collapse:collapse;vertical-align:baseline;}</style> +<body> + <table><tbody><tr> + <td>לום</td><td>🇱🇮</td> + </tr></tbody></table> +</body> + diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html new file mode 100644 index 0000000000..d6c92b903c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-02.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Correct support of emoji flag following rtl run</title> +<style>*{padding:0;margin:0}</style> +<link rel="help" href="https://drafts.csswg.org/css-writing-modes/#text-direction"> +<link rel="match" href="bidi-flag-emoji-02-ref.html"> + +<body>לום🇱🇮</body> + diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html new file mode 100644 index 0000000000..84585a264f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<body> + <div>לום<span style="unicode-bidi: isolate">🇱🇮</span></div> +</body> + diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html new file mode 100644 index 0000000000..a184db2659 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-flag-emoji.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Correct support of emoji flag following rtl run</title> +<link rel="help" href="https://drafts.csswg.org/css2/visuren.html"> +<link rel="match" href="bidi-flag-emoji-ref.html"> +<body> + <div>לום🇱🇮</div> +</body> + diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html new file mode 100644 index 0000000000..594847b128 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-001-ref.html @@ -0,0 +1,9 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<body> + <div>אבג</div> + <div>אבג</div> + <div>אבג</div> + <div>אבג</div> + <div>אבג</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-001.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-001.html new file mode 100644 index 0000000000..b645a2b548 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-001.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test: Inline boxes should not affect bidi reordering</title> +<link rel="match" href="bidi-span-001-ref.html"> +<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<body> + <div>א<span></span>בג</div> + <div>א<span style="background: white"></span>בג</div> + <div>א<span>ב</span>ג</div> + <div>א<span style="background: white">ב</span>ג</div> + <div>אבג</div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html new file mode 100644 index 0000000000..6cc72c208a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-002-ref.html @@ -0,0 +1,2 @@ +<!DOCTYPE html> +<body>()</body> diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-002.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-002.html new file mode 100644 index 0000000000..d4fc6de070 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-002.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<title>CSS Test: Inline boxes should not affect bidi reordering</title> +<link rel="match" href="bidi-span-002-ref.html"> +<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<style> +body { + text-align: left; + direction: rtl; +} + +.c1:before { + content: '('; +} + +.c1:after { + content: ')'; +} + +.c2:after { + content: ''; +} +</style> +<body><span class="c1"><span class="c2"></span></span></body> diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html new file mode 100644 index 0000000000..4cebcb90bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-003-ref.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<style> +.container { + width: 300px; + background: pink; +} +div { + margin-bottom: 10px; + text-align: right; +} +.purple { + border: purple solid 5px; +} +.orange { + background: orange; +} +</style> +<body> + <div class="container"> + <div> + <span class="purple">inspect</span><span class="orange">pause</span> + </div> + <div> + <span class="purple">inspect</span> <span class="orange">pause</span> + </div + <div> + <span class="purple">inspect<span class="orange">pause</span></span> + </div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-span-003.html b/testing/web-platform/tests/css/CSS2/text/bidi-span-003.html new file mode 100644 index 0000000000..92a90d529c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-span-003.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<title>CSS Test: Bidi reordering with inline boxes</title> +<link rel="match" href="bidi-span-003-ref.html"> +<link rel="help" href="https://drafts.csswg.org/css2/visuren.html#direction"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<style> +.container { + width: 300px; + background: pink; +} +div { + margin-bottom: 10px; +} +.purple { + border: purple solid 5px; +} +.orange { + background: orange; +} +</style> +<body> + <div class="container"> + <div dir=rtl> + <span class="purple">inspect</span><span class="orange">pause</span> + </div> + <div dir=rtl> + <span class="purple">inspect</span> <span class="orange">pause</span> + </div> + <div dir=rtl> + <span class="purple">inspect<span class="orange">pause</span></span> + </div> + </div> +</body> diff --git a/testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht b/testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht new file mode 100644 index 0000000000..bc52be8262 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/bidi-text-decoration-underline-001.xht @@ -0,0 +1,26 @@ +<!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: text-decoration: none and bidi reordering</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/> + <meta name="assert" content="Underline should span the entire line and not + be affected by bidi reordering or no text-decoration on children"/> + <style type="text/css"><![CDATA[ + a { + text-decoration: underline; + } + span { + text-decoration: none; + } + ]]></style> + </head> + + <body> + <p> + There should be an unbroken underline under the entire line: + </p> + <p><a href="#">abc <span>def ليص</span> افت</a></p> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/combining-characters-002.xht b/testing/web-platform/tests/css/CSS2/text/combining-characters-002.xht new file mode 100644 index 0000000000..4226e5c0cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/combining-characters-002.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 Test: Combining characters and styling</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#ctrlchars" /> + <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#first-letter-pseudo"/> + <meta name="assert" content="The combined characters are styled as one character. + (according to css3, the styling of a typographical ccharacter unit split by an element boundary is undefined. + However, this test is still fine because ::first-letter selects the whole character unit.)" /> + <style type="text/css"> + div:first-letter + { + text-transform: uppercase; + } + </style> + </head> + <body> + <p>Test passes if the character below is an uppercase 'o' with an accent above it.</p> + <div>o<span>́</span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/control-characters-002.xht b/testing/web-platform/tests/css/CSS2/text/control-characters-002.xht new file mode 100644 index 0000000000..c546ea3b60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/control-characters-002.xht @@ -0,0 +1,59 @@ +<!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: Control Characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/> + <meta name="assert" content="Handling and processing of control characters." /> + <style type="text/css"> + div + { + border: 1px solid black; + height: 1.2em; + padding-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only a single character in each box below or the box is empty.</p> + <!-- C0 Control Characters --> + <div>	</div> + <div>
</div> + <div>
</div> + <div></div> + <!-- C1 Control Characters --> + <div>€</div> + <div></div> + <div>‚</div> + <div>ƒ</div> + <div>„</div> + <div>…</div> + <div>†</div> + <div>‡</div> + <div>ˆ</div> + <div>‰</div> + <div>Š</div> + <div>‹</div> + <div>Œ</div> + <div></div> + <div>Ž</div> + <div></div> + <div></div> + <div>‘</div> + <div>’</div> + <div>“</div> + <div>”</div> + <div>•</div> + <div>–</div> + <div>—</div> + <div>˜</div> + <div>™</div> + <div>š</div> + <div>›</div> + <div>œ</div> + <div></div> + <div>ž</div> + <div>Ÿ</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html b/testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html new file mode 100644 index 0000000000..b701d2b568 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/crashtests/bidi-inline-fragment-oof-crash.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<link rel="author" href="mailto:mstensho@chromium.org"> +<link rel="help" href="https://crbug.com/1229999"> +<div style="direction:rtl; width:500px"> + <span style="border:solid"> + <span style="position:relative"> + <div style="display:inline-block; width:1000%; height:10px"></div> + <span dir="ltr"> + <div style="position:absolute"></div> + </span> + </span> + </span> +</div> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht new file mode 100644 index 0000000000..14f8a5fa70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004-ref.xht @@ -0,0 +1,17 @@ +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title>CSS Reftest Reference</title> +<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com"/> +<meta name="flags" content="ahem"/> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<style type="text/css"><![CDATA[ +div { + font: 24px/1em Ahem; +} +]]></style> +</head> +<body> +<p>Test passes if there is only one box below (with no jagged edges).</p> +<div>xx</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht new file mode 100644 index 0000000000..ff85e03f75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-004.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht new file mode 100644 index 0000000000..b89ab05edd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-005.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using pixels with a zero value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht new file mode 100644 index 0000000000..05dcadf4f0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-006.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht new file mode 100644 index 0000000000..b61d9defb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>Test Reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1, + #span2 + { + margin-left: 96px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div> + <span>x</span><span id="span2">x</span> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-007.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007.xht new file mode 100644 index 0000000000..03e0aa8c37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-007.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"> + <head> + <title>CSS Test: Letter-spacing using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 96px; + } + #test + { + letter-spacing: 96px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-008.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-008.xht new file mode 100644 index 0000000000..f3f565d304 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-008.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"> + <head> + <title>CSS Test: Letter-spacing using pixels with a nominal value with a plus sign, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in pixels with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 96px; + } + #test + { + letter-spacing: +96px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht new file mode 100644 index 0000000000..ae5e20cdcd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-016.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht new file mode 100644 index 0000000000..31f74f4fc9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-017.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using points with a zero value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht new file mode 100644 index 0000000000..4aeadbc58c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-018.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-019.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-019.xht new file mode 100644 index 0000000000..be0005ff5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-019.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"> + <head> + <title>CSS Test: Letter-spacing using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 72pt; + } + #test + { + letter-spacing: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-020.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-020.xht new file mode 100644 index 0000000000..81bbc601ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-020.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"> + <head> + <title>CSS Test: Letter-spacing using points with a nominal value with a plus sign, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in points with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 72pt; + } + #test + { + letter-spacing: +72pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht new file mode 100644 index 0000000000..c870581c69 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-028.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht new file mode 100644 index 0000000000..7a6e2e7418 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-029.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using picas with a zero value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-030.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-030.xht new file mode 100644 index 0000000000..e8235d8019 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-030.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: Letter-spacing using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-031.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-031.xht new file mode 100644 index 0000000000..9bde6686e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-031.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"> + <head> + <title>CSS Test: Letter-spacing using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 6pc; + } + #test + { + letter-spacing: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-032.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-032.xht new file mode 100644 index 0000000000..522703fd6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-032.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"> + <head> + <title>CSS Test: Letter-spacing using picas with a nominal value with a plus sign, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in picas with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 6pc; + } + #test + { + letter-spacing: +6pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht new file mode 100644 index 0000000000..2fd455096b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-040.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht new file mode 100644 index 0000000000..a46e272070 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-041.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using centimeters with a zero value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht new file mode 100644 index 0000000000..c414cf33b7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-042.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-043.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-043.xht new file mode 100644 index 0000000000..e878faed25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-043.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"> + <head> + <title>CSS Test: Letter-spacing using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 2.54cm; + } + #test + { + letter-spacing: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-044.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-044.xht new file mode 100644 index 0000000000..90a162443a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-044.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"> + <head> + <title>CSS Test: Letter-spacing using centimeters with a nominal value with a plus sign, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in centimeters with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 2.54cm; + } + #test + { + letter-spacing: +2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht new file mode 100644 index 0000000000..5165ac8f76 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-052.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht new file mode 100644 index 0000000000..de646f4818 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-053.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using millimeters with a zero value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht new file mode 100644 index 0000000000..a270f01615 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-054.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-055.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-055.xht new file mode 100644 index 0000000000..dfe0e85edf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-055.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"> + <head> + <title>CSS Test: Letter-spacing using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 25.4mm; + } + #test + { + letter-spacing: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-056.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-056.xht new file mode 100644 index 0000000000..4af2a1a43d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-056.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"> + <head> + <title>CSS Test: Letter-spacing using millimeters with a nominal value with a plus sign, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in millimeters with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 25.4mm; + } + #test + { + letter-spacing: +25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht new file mode 100644 index 0000000000..03e45ca3c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-064.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht new file mode 100644 index 0000000000..6fd4912d3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-065.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using inches with a zero value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht new file mode 100644 index 0000000000..4493a67c6b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-066.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-067.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-067.xht new file mode 100644 index 0000000000..02b81df92d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-067.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"> + <head> + <title>CSS Test: Letter-spacing using inches with a nominal value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 1in; + } + #test + { + letter-spacing: 1in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-068.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-068.xht new file mode 100644 index 0000000000..a057b7eb36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-068.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"> + <head> + <title>CSS Test: Letter-spacing using inches with a nominal value with a plus sign, +1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in inches with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 1in; + } + #test + { + letter-spacing: +1in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht new file mode 100644 index 0000000000..c288610e78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-076.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht new file mode 100644 index 0000000000..1b90dfd51f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-077.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using 'em' units with a zero value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht new file mode 100644 index 0000000000..2ec940493e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-078.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht new file mode 100644 index 0000000000..ec24b9871d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1, + #span2 + { + margin-left: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div> + <span>x</span><span id="span2">x</span> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-079.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079.xht new file mode 100644 index 0000000000..31d5612b62 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-079.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"> + <head> + <title>CSS Test: Letter-spacing using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-079-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 6em; + } + #test + { + letter-spacing: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-080.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-080.xht new file mode 100644 index 0000000000..642497e9f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-080.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"> + <head> + <title>CSS Test: Letter-spacing using 'em' units with a nominal value with a plus sign, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'em' units with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 6em; + } + #test + { + letter-spacing: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht new file mode 100644 index 0000000000..b159cb5adb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-088.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht new file mode 100644 index 0000000000..56ea784aef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-089.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using 'ex' units with a zero value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht new file mode 100644 index 0000000000..5d0159532a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-090.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht new file mode 100644 index 0000000000..7d485ac65c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1, + #span2 + { + margin-left: 12ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div> + <span>x</span><span id="span2">x</span> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-091.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091.xht new file mode 100644 index 0000000000..e444b75033 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-091.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"> + <head> + <title>CSS Test: Letter-spacing using 'ex' units with a nominal value, 12ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-091-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 12ex; + } + #test + { + letter-spacing: 12ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-092.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-092.xht new file mode 100644 index 0000000000..1e3856aac4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-092.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"> + <head> + <title>CSS Test: Letter-spacing using 'ex' units with a nominal value with a plus sign, +12ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-091-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a nominal length value in 'ex' units with a plus sign." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 12ex; + } + #test + { + letter-spacing: +12ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht new file mode 100644 index 0000000000..01b2317c7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-097.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing sets a negative zero value with no units, -0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a negative zero length value with no units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: -0; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht new file mode 100644 index 0000000000..20d456aa12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-098.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing sets a zero value with no units, 0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a zero length value with no units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: 0; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht new file mode 100644 index 0000000000..bef4b12835 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-099.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing sets a positive zero value with no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property sets a positive zero length value with no units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: +0; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht new file mode 100644 index 0000000000..cee3f3f375 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-100.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Letter-spacing set to 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property set to 'normal' sets the typical spacing for letters based on the font." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 24px/1em Ahem; + } + div div + { + letter-spacing: normal; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below (with no jagged edges).</p> + <div> + <div>xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-101.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-101.xht new file mode 100644 index 0000000000..af1e89d5f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-101.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: Letter-spacing set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' set to 'inherit' uses its parents' value for the spacing of letters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + margin-left: 1in; + } + #div1 + { + letter-spacing: 1in; + } + #div1 div + { + letter-spacing: 0; + letter-spacing: inherit; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div id="div1"> + <div>xx</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht new file mode 100644 index 0000000000..b4c7e9baf7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102-ref.xht @@ -0,0 +1,14 @@ +<!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>test reference</title> + <style type="text/css"> + #test, #control { color: blue; font-weight: bold; border: solid silver thick; letter-spacing: 7em; } + </style> + </head> + <body> + <p>The contents of the two silver boxes must be identical.</p> + <p id="control">ab cd ef gh i j</p> + <p id="test">ab cd ef gh i j</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-102.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102.xht new file mode 100644 index 0000000000..10dbe4609e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-102.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" lang="en"> + <head> + <title>CSS Test: Dynamic letter-spacing changes</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/letter-spacing/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-102-ref.xht" /> + <meta name="flags" content="dom"/> + <style type="text/css"> + #test, #control { color: blue; font-weight: bold; border: solid silver thick; } + #control { letter-spacing: 7em; } + </style> + </head> + <body onload="document.getElementById('alter').style.letterSpacing = '7em'"> + <p>The contents of the two silver boxes must be identical.</p> + <p id="control">ab cd ef gh i j</p> + <p id="test"> + <span id="alter"><span>ab cd ef gh i j</span></span> + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-001.xht new file mode 100644 index 0000000000..a37396710a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-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"> + <head> + <title>CSS Test: Letter-spacing application on a 'display: inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: inline; + letter-spacing: 1em; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div id="div1">XXXXXX</div> + <div id="div2"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-002.xht new file mode 100644 index 0000000000..6930c23814 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-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"> + <head> + <title>CSS Test: Letter-spacing application on a 'display: block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: block; + letter-spacing: 1em; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div> + <span>XXXXXX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-ref.xht new file mode 100644 index 0000000000..d4129086d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 3em; + } + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: list-item; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes above a blue box, the last black box ends where the blue box ends and there is a marker bullet on the left-hand side of the left most black box.</p> + <div id="div1">X X X X X X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.xht new file mode 100644 index 0000000000..3e481c8f25 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-003.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 Test: Letter-spacing application on a 'display: list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-applies-to-003-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: list-item' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 3em; + } + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: list-item; + letter-spacing: 1em; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes above a blue box, the last black box ends where the blue box ends and there is a marker bullet on the left-hand side of the left most black box.</p> + <div id="div1">XXXXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.xht new file mode 100644 index 0000000000..7bc6fe3936 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005-ref.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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: inline-block; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="div1">X X X X X X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.xht new file mode 100644 index 0000000000..02d9882d5d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-005.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 Test: Letter-spacing application on a 'display: inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-applies-to-005-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: inline-block; + letter-spacing: 1em; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="div1">XXXXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.xht new file mode 100644 index 0000000000..4ed48828bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-006.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: Letter-spacing application on a 'display: table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-ref.xht new file mode 100644 index 0000000000..cb01bd4ce0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">X X X X X X</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.xht new file mode 100644 index 0000000000..40667d8957 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-007.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: Letter-spacing application on a 'display: inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-applies-to-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.xht new file mode 100644 index 0000000000..2cc52bf39d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-008.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: Letter-spacing application on a 'display: table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-row-group; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.xht new file mode 100644 index 0000000000..e857ad99c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-009.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: Letter-spacing application on a 'display: table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-header-group; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.xht new file mode 100644 index 0000000000..606a0ef1d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-010.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: Letter-spacing application on a 'display: table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-footer-group; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.xht new file mode 100644 index 0000000000..ed77a6ec75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-011.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: Letter-spacing application on a 'display: table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #row + { + display: table-row; + letter-spacing: 1em; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht new file mode 100644 index 0000000000..d50a1664da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012-ref.xht @@ -0,0 +1,46 @@ +<!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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht new file mode 100644 index 0000000000..54ec3074c2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-012.xht @@ -0,0 +1,53 @@ +<!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: Letter-spacing application on a 'display: table-column-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-applies-to-012-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property does not apply to 'display: table-column-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column-group; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht new file mode 100644 index 0000000000..bfa6e025f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-013.xht @@ -0,0 +1,53 @@ +<!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: Letter-spacing application on a 'display: table-column' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="letter-spacing-applies-to-012-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property does not apply to 'display: table-column' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same width.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.xht new file mode 100644 index 0000000000..5660b911b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-014.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: Letter-spacing application on a 'display: table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + letter-spacing: 1em; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht new file mode 100644 index 0000000000..f329cae7fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-applies-to-015.xht @@ -0,0 +1,53 @@ +<!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: Letter-spacing application on a 'display: table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #caption + { + display: table-caption; + letter-spacing: 1em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="caption">XXXXXX</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.xht new file mode 100644 index 0000000000..c11cb34257 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001-ref.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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + width: 6em; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div id="div1">X X X X X X X X X X X X</div> + <div id="div2"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001.xht b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-001.xht new file mode 100644 index 0000000000..db70f3d548 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/letter-spacing-justify-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"> + <head> + <title>CSS Test: Letter-spacing and 'text-align: justify'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-justify-property"/> + <link rel="match" href="letter-spacing-justify-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The letter-spacing is not changed when combined with 'text-align: justify'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + letter-spacing: 1em; + line-height: 1em; + text-align: justify; + width: 6em; + } + #div2 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div id="div1">XXXXXX XXXXXX</div> + <div id="div2"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001-ref.xht new file mode 100644 index 0000000000..bec88a5a9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-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: green; + height: 40px; + position: relative; + top: 160px; + width: 400px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thick green bar and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.xht b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.xht new file mode 100644 index 0000000000..9c01cbaa18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/painting-order-underline-001.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: 'underline' decoration painting order and descender</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/zindex.html#painting-order" title="E.2 Painting order" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="match" href="painting-order-underline-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="This test checks that underlining painting is done before glyphs are painted; therefore, if the underlining crosses the descenders (glyphs like 'g', 'j', 'p', 'q', 'y' have a descender), then the descender part must overlap the underline." name="assert" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + color: red; + font: 12.5em/1 Ahem; /* computes to 200px/200px */ + text-decoration: underline; + } + + span + { + color: green; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a thick green bar and <strong>no red</strong>.</p> + + <div><span>pp</span></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/text/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/text/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/a-green.css b/testing/web-platform/tests/css/CSS2/text/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/text/support/b-green.css b/testing/web-platform/tests/css/CSS2/text/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/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/text/support/black15x15.png b/testing/web-platform/tests/css/CSS2/text/support/black15x15.png Binary files differnew file mode 100644 index 0000000000..b1bbef2cd5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/black15x15.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/blue15x15.png b/testing/web-platform/tests/css/CSS2/text/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/blue15x15.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/c-red.css b/testing/web-platform/tests/css/CSS2/text/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/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/text/support/cat.png b/testing/web-platform/tests/css/CSS2/text/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/diamond.png b/testing/web-platform/tests/css/CSS2/text/support/diamond.png Binary files differnew file mode 100644 index 0000000000..51112efc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/diamond.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/green15x15.png b/testing/web-platform/tests/css/CSS2/text/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/green15x15.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rgr-grg.png b/testing/web-platform/tests/css/CSS2/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/text/support/pattern-grg-rgr-grg.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-grg-rrg-rgg.png b/testing/web-platform/tests/css/CSS2/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/text/support/pattern-grg-rrg-rgg.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-rgr-grg-rgr.png b/testing/web-platform/tests/css/CSS2/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/text/support/pattern-rgr-grg-rgr.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/pattern-tr.png b/testing/web-platform/tests/css/CSS2/text/support/pattern-tr.png Binary files differnew file mode 100644 index 0000000000..8b4b25364e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/pattern-tr.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/ring.png b/testing/web-platform/tests/css/CSS2/text/support/ring.png Binary files differnew file mode 100644 index 0000000000..061bb94eba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/ring.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/square-purple.png b/testing/web-platform/tests/css/CSS2/text/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/square-teal.png b/testing/web-platform/tests/css/CSS2/text/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/square-white.png b/testing/web-platform/tests/css/CSS2/text/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.png Binary files differnew file mode 100644 index 0000000000..dd47e28665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-aqua.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-teal.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-teal.png Binary files differnew file mode 100644 index 0000000000..0293ce89de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-teal.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-bl.png b/testing/web-platform/tests/css/CSS2/text/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-br.png b/testing/web-platform/tests/css/CSS2/text/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-outer.png b/testing/web-platform/tests/css/CSS2/text/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-tl.png b/testing/web-platform/tests/css/CSS2/text/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/text/support/test-tr.png b/testing/web-platform/tests/css/CSS2/text/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/support/test-tr.png diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-001.xht new file mode 100644 index 0000000000..c5015f8170 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-001.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 Test: Text-align set to 'left'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property set to 'left' on a block element aligns the text to the left." /> + <style type="text/css"> + div + { + border: 1px solid blue; + text-align: left; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below are aligned to the left, inside the blue box.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-002.xht new file mode 100644 index 0000000000..66b6826a4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-002.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 Test: Text-align set to 'right'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property set to 'right' on a block element aligns the text to the right." /> + <style type="text/css"> + div + { + border: 1px solid blue; + text-align: right; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below are aligned to the right, inside the blue box.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-003.xht new file mode 100644 index 0000000000..0dafac950d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-003.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 Test: Text-align set to 'center'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property set to 'center' on a block element aligns the text in the center." /> + <style type="text/css"> + div + { + border: 1px solid blue; + text-align: center; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below are aligned in the center, inside the blue box.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-004.xht b/testing/web-platform/tests/css/CSS2/text/text-align-004.xht new file mode 100644 index 0000000000..01d1e0f667 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-004.xht @@ -0,0 +1,23 @@ +<!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: Text-align set to 'justify'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align justify on a block element aligns the text on both the left and right sides." /> + <style type="text/css"> + div + { + border: 1px solid blue; + text-align: justify; + width: 150px; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" are justified and spaced out on the first two lines of text inside the blue box. The final line of text does not have to be justified but can be based on user agent implementation.</p> + <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-005.xht new file mode 100644 index 0000000000..f3c220f2de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-005.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: Text-align set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property set to a value of 'inherit' correctly inherits its value from the parent element." /> + <style type="text/css"> + body + { + text-align: right; + } + p + { + text-align: left; + } + div + { + border: 1px solid blue; + text-align: left; + text-align: inherit; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below are aligned to the right, inside the blue box.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht new file mode 100644 index 0000000000..eb22d6a55c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-001.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Text-align application on a 'display: inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is not applied to 'display: inline' element." /> + <style type="text/css"> + #parent + { + border: solid; + text-align: right; + width: 500px; + } + #test + { + display: inline; + text-align: left; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="parent"> + <div id="test">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-002.xht new file mode 100644 index 0000000000..7bd2dbc64c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-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: Text-align application on a 'display: block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: block' elements." /> + <style type="text/css"> + span + { + border: solid; + display: block; + text-align: right; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div> + <span>Filler Text Filler Text Filler Text Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.xht new file mode 100644 index 0000000000..557b3a5b31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-003.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: Text-align application on a 'display: list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: list-item' elements." /> + <style type="text/css"> + div + { + margin-left: 2em; + } + span + { + border: solid; + display: list-item; + text-align: right; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box and there is a marker bullet on the left-hand side of the box.</p> + <div> + <span>Filler Text Filler Text Filler Text Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.xht new file mode 100644 index 0000000000..749eff458d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-005.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: Text-align application on a 'display: inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: inline-block' elements." /> + <style type="text/css"> + span + { + border: solid; + display: inline-block; + text-align: right; + width: 100%; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div> + <span>Filler Text Filler Text Filler Text Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.xht new file mode 100644 index 0000000000..52f95c9f4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-006.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 Test: Text-align application on a 'display: table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: table; + text-align: right; + width: 100%;: + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.xht new file mode 100644 index 0000000000..60d285083f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-007.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 Test: Text-align application on a 'display: inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: inline-table' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: inline-table; + text-align: right; + width: 100%; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.xht new file mode 100644 index 0000000000..4d8bd69f7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-008.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 Test: Text-align application on a 'display: table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: table; + width: 100%; + } + #test + { + display: table-row-group; + text-align: right; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.xht new file mode 100644 index 0000000000..82e20ac967 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-009.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 Test: Text-align application on a 'display: table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: table; + width: 100%; + } + #test + { + display: table-header-group; + text-align: right; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.xht new file mode 100644 index 0000000000..32d30ceb3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-010.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 Test: Text-align application on a 'display: table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: table; + width: 100%; + } + #test + { + display: table-footer-group; + text-align: right; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.xht new file mode 100644 index 0000000000..2f891392ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-011.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 Test: Text-align application on a 'display: table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: table; + width: 100%; + } + #row + { + display: table-row; + text-align: right; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.xht new file mode 100644 index 0000000000..c667e5e068 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-012.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 Test: Text-align application on a 'display: table-column-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is not applied to a 'display: table-column-group' element." /> + <style type="text/css"> + #table + { + display: table; + width: 100%; + } + #test + { + display: table-column; + text-align: right; + } + #row + { + display: table-row; + } + #cell + { + border: solid black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the left side of the box.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.xht new file mode 100644 index 0000000000..fa17886b54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-013.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 Test: Text-align application on a 'display: table-column' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is not applied to a 'display: table-column' element." /> + <style type="text/css"> + #table + { + display: table; + width: 100%; + } + #test + { + display: table-column; + text-align: right; + } + #row + { + display: table-row; + } + #cell + { + border: solid black; + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the left side of the box.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.xht new file mode 100644 index 0000000000..cd53f543d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-014.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"> + <head> + <title>CSS Test: Text-align application on a 'display: table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + border: solid; + display: table; + table-layout: fixed; + width: 100%; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + text-align: right; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text Filler Text Filler Text Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.xht new file mode 100644 index 0000000000..e6c536116c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-applies-to-015.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 Test: Text-align application on a 'display: table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="The 'text-align' property is applied to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + display: table; + width: 100%; + } + #caption + { + border: solid; + display: table-caption; + text-align: right; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div id="table"> + <div id="caption">Filler Text Filler Text Filler Text Filler Text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht new file mode 100644 index 0000000000..f404f3fb72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-001.xht @@ -0,0 +1,21 @@ +<!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: Text-align and direction - left and rtl</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/> + <style type="text/css"><![CDATA[ + div { + text-align: left; + direction: rtl;} + ]]></style> + </head> + <body> + <div> + This text should be left-aligned + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht new file mode 100644 index 0000000000..0ac15c30cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-002.xht @@ -0,0 +1,22 @@ +<!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: Text-align and direction - nested center and rtl</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/> + <style type="text/css"><![CDATA[ + div {text-align: center;} + p {direction:rtl;} + ]]></style> + </head> + <body> + <div> + <p> + This text should be centered horizontally on the page + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht new file mode 100644 index 0000000000..45862fb06a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-003.xht @@ -0,0 +1,23 @@ +<!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: Text-align and direction - nested rtl, center and ltr</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/> + <style type="text/css"><![CDATA[ + body {direction: rtl;} + div {text-align: center;} + p {direction: ltr;} + ]]></style> + </head> + <body> + <div> + <p> + This text should be centered horizontally on the page + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht new file mode 100644 index 0000000000..75bfeadcac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-004.xht @@ -0,0 +1,22 @@ +<!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: Text-align and direction - nested center and ltr</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/> + <style type="text/css"><![CDATA[ + div {text-align: center;} + p {direction: ltr;} + ]]></style> + </head> + <body> + <div> + <p> + This text should be centered horizontally on the page + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht new file mode 100644 index 0000000000..357c0fa5a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-005.xht @@ -0,0 +1,22 @@ +<!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: Text-align and direction - nested rtl, right and ltr</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/> + <style type="text/css"><![CDATA[ + body {direction: rtl;} + div {text-align: right;} + p {direction: ltr;} + ]]></style> + </head> + <body> + <div> + <p> + This text should be right-aligned on the page + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht new file mode 100644 index 0000000000..08d68d0da7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-006.xht @@ -0,0 +1,22 @@ +<!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: Text-align and direction - nested left and rtl</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align property should override the default text-align change caused by a switch of direction"/> + <style type="text/css"><![CDATA[ + div {text-align: left;} + p {direction: rtl;} + ]]></style> + </head> + <body> + <div> + <p> + This text should be left-aligned on the page + </p> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht new file mode 100644 index 0000000000..58f84d941e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-007.xht @@ -0,0 +1,31 @@ +<!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: direction:rtl and text-align: left</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align should override default text-align in rtl context"/> + <style type="text/css"><![CDATA[ + body { + direction: rtl; + } + div { + width:20em; + text-align: left; + border: 1px solid black; + } + ]]></style> + + </head> + <body> + + <p>The text should be left-aligned inside the box below. The box itself should be right-aligned on the page</p> + + <div> + Text + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.xht new file mode 100644 index 0000000000..0603f85821 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-008.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: direction:rtl and text-align: justify</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Text-align should override default text-align in rtl context"/> + <style type="text/css"><![CDATA[ + body {direction: rtl;} + div { + width:10em; + text-align: justify; + border: 1px solid black + } + ]]></style> + + </head> + <body> + + <p> + The text in the box below should be justified: the text should line up with the box edges on both the left and right sides. + </p> + <div> + The text in this box should be justified. The text in this box should be justified. The text in this box should be justified. The text in this box should be justified + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht new file mode 100644 index 0000000000..5ce716cf1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-009.xht @@ -0,0 +1,34 @@ +<!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: text-align: justify - implicit rtl text</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Implicit rtl text should be justified by text-align: justify"/> + <style type="text/css"><![CDATA[ + body {direction: rtl;} + div { + width:10em; + text-align: justify; + border: 1px solid black + } + ]]></style> + + </head> + <body> + <p> + The text in the box below should be justified: the text should line up with the box edges on both the left and right sides + </p> + <div> + אבב אבב אבב + אבב אבבאב אבב + אבב אבב אבב + אבב אבב אבב + אבב אבב אבב + אבב אבב אבבא + אבב אבב אבב + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht new file mode 100644 index 0000000000..49d489a687 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-010.xht @@ -0,0 +1,32 @@ +<!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: text-align: justify - joined text</title> + <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Joined text should be justified by text-align: justify"/> + <style type="text/css"><![CDATA[ + body { + direction: rtl; + } + div { + width:10em; + text-align: justify; + border: 1px solid black + } + ]]></style> + + </head> + <body> + <p> + The text in the box below should be justified: the text should line up with the box edges on both the left and right sides. + </p> + <div> + بائعة فاكهة وخضر فى حى ألتو فى لاباز. وقد أخذت ثمانية قروض من بانكوسول على مدى أربع سنوات والقرض الأخير كان ٥٠ ضعف القرض الأول. + </div> + + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.xht new file mode 100644 index 0000000000..0e8b86f98b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011-ref.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"> + + <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[ + table + { + border-spacing: 0px; + padding-left: 10px; + } + + td {padding: 0px 10px 10px 0px;} + + img {vertical-align: bottom;} + ]]> + </style> + + </head> + + <body> + + <p>There should be a perfect 6×6 grid of squares below. (Force bidi: א)</p> + + <table> + + <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr> + + <tr><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td><td><img src="support/black15x15.png" width="40" height="40" alt="Image download support must be enabled" /></td></tr> + + </table> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.xht new file mode 100644 index 0000000000..32d8e81963 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-011.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: text-align and bidi (basic test)</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-06-28 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="match" href="text-align-bidi-011-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { margin: 1em; width: 29em; font: 0.625em/1 Ahem; } + .left { text-align: left; } + .right { text-align: right; } + .justify { text-align: justify; } + </style> + </head> + <body> + <p>There should be a perfect 6×6 grid of squares below. (Force bidi: א) </p> + <div class="test left">xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div> + <div class="test right">xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div> + <div class="test justify">xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div> + <div class="test left">‮xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div> + <div class="test right">‮xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div> + <div class="test justify">‮xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx abcd</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht new file mode 100644 index 0000000000..0477087cbd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-012.xht @@ -0,0 +1,50 @@ +<!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: text-align and bidi (basic test)</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <style type="text/css"> + p { color: blue; } + .test { margin: 1em; border: solid; width: 15em; font: 2em/1 monospace; text-align: justify; direction: rtl; } + </style> + </head> + <body> + <p>The text below should be justified to fit in the box (straight edges on all sides).</p> + <div class="test"> + א + א + א + אא + אאאא + אא + א + א + א + + אא + אא + אאא + אאא + אאא + אא + אא + + אאא + אאא + אאאא + אאאא + אאא + אאא + + אאאא + אאאא + אא + אא + אאאא + אבגד + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht new file mode 100644 index 0000000000..f92421ec47 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-bidi-013.xht @@ -0,0 +1,50 @@ +<!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: text-align and bidi</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <style type="text/css"> + p { color: blue; } + .test { margin: 1em; border: solid; width: 15em; font: 2em/1 monospace; text-align: justify; direction: rtl; } + </style> + </head> + <body> + <p>The text below should be justified to fit in the box (straight edges on all sides).</p> + <div class="test"> + א + א + X + אא + אאאא + XX + א + א + X + + XX + אא + XXX + אאא + אאא + אא + XX + + אאא + אאא + XXXX + אאאא + XXX + אאא + + XXXX + אאאא + אא + XX + אאאא + אבגד + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.xht new file mode 100644 index 0000000000..b76d70966c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-inherit-001.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 Test: Text-align inheritance on block level elements (spec example)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <meta name="assert" content="Ensure that block level elements inherit text-align values of parent elements." /> + <style type="text/css"> + div#important + { + text-align: center; + } + </style> + </head> + <body> + <p>Test passes if the "FillerText" below is centered across the page.</p> + <div> + <div id="important"> + <div>FillerText FillerText FillerText FillerText FillerText FillerText FillerText FillerText FillerText</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht new file mode 100644 index 0000000000..44dc0aabc9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <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: green; + height: 40px; + width: 280px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.xht new file mode 100644 index 0000000000..85d62902f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-001.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: Text-align set to 'justify' with 'white-space' set to 'pre'</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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="match" href="text-align-white-space-001-ref.xht" /> + + <meta name="flags" content="ahem may" /> <!-- "may" because level 3 makes it no longer mandatory --> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value." /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + width: 6em; + } + div div + { + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: pre; + + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span> <span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div> + <div id="test">xxxx xxxx xxxx +xxxx xxxx xxxx + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht new file mode 100644 index 0000000000..7ff7515baa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <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: green; + height: 80px; + width: 180px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht new file mode 100644 index 0000000000..4b2ce08ffc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-002.xht @@ -0,0 +1,52 @@ +<!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: Text-align set to 'justify' with 'white-space' set to 'pre-line'</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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="text-align-white-space-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', 'text-align' remains 'justified'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + width: 9em; + } + div div + { + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: pre-line; + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span> + <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span> + <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span> + <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span></div> + <div id="test">XXX XXX XXX XXX XXX XXX XXX XXX</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.xht new file mode 100644 index 0000000000..947e869223 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-003.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: Text-align set to 'justify' with 'white-space' set to 'pre-wrap'</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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="match" href="text-align-white-space-002-ref.xht" /> + + <meta name="flags" content="ahem may" /> <!-- "may" because level 3 makes it no longer mandatory --> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property" /> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre-wrap', text-align is computed to its initial value." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + width: 9em; + } + div div + { + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: pre-wrap; + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span> + <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span> + <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span> + <span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span><span class="green">xx</span></div> + <div id="test">XXX XXX XXX XXX XXX XXX XXX XXX</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht new file mode 100644 index 0000000000..0a8fea56cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head> + + <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: green; + height: 20px; + width: 280px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.xht new file mode 100644 index 0000000000..4d8f6b6f26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-004.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: Text-align set to 'justify' with 'white-space' set to 'nowrap'</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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="text-align-white-space-004-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + position: relative; + width: 16em; + } + div div + { + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: nowrap; + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div> + <div id="test">xxxx xxxx xxxx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-ref.xht new file mode 100644 index 0000000000..e5115bc33f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005-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: green; + height: 40px; + margin-left: 40px; + width: 280px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.xht new file mode 100644 index 0000000000..623a6cbd7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-005.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: Text-align set to 'justify' with 'white-space' set to 'pre' and '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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="match" href="text-align-white-space-005-ref.xht" /> + + <meta name="flags" content="ahem may" /> <!-- "may" because level 3 makes it no longer mandatory --> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property" /> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + direction: rtl; + font: 20px/1 Ahem; + margin-left: 4em; + position: relative; + width: 12em; + } + div div + { + margin: 0; + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: pre; + + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span> <span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div> + <div id="test">xxxx xxxx xxxx +xxxx xxxx xxxx + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht new file mode 100644 index 0000000000..0171dc8645 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-006.xht @@ -0,0 +1,53 @@ +<!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: Text-align set to 'justify' with 'white-space' set to 'pre-line' and '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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="text-align-white-space-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', 'text-align' remains 'justified'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + direction: rtl; + font: 20px/1 Ahem; + position: relative; + width: 9em; + } + div div + { + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: pre-line; + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span> + <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span> + <span class="red">xxx</span><span class="green">xxx</span><span class="red">xxx</span> + <span class="green">xx</span><span class="red">xxx</span><span class="green">x</span><span class="red">xxx</span></div> + <div id="test">XXX XXX XXX XXX XXX XXX XXX XXX</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-ref.xht new file mode 100644 index 0000000000..d800fd8fcf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008-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: green; + height: 20px; + margin-left: 220px; + width: 280px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht new file mode 100644 index 0000000000..410b551580 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-align-white-space-008.xht @@ -0,0 +1,52 @@ +<!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: Text-align set to 'justify' with 'white-space' set to 'nowrap' and '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-06-28 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="text-align-white-space-008-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + direction: rtl; + font: 20px/1 Ahem; + margin-left: 9em; + position: relative; + width: 16em; + } + div div + { + margin: 0; + position: absolute; + } + #test + { + color: green; + text-align: justify; + white-space: nowrap; + } + .red + { + color: red; + } + .green + { + color: green; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <div><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span><span class="green">x</span><span class="red">xxxx</span></div> + <div id="test">xxxx xxxx xxxx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-001.xht new file mode 100644 index 0000000000..291a1be4b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-001.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 Test: Text-decoration set to 'underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below have a line under it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-002.xht new file mode 100644 index 0000000000..d34c177305 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-002.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 Test: Text-decoration set to 'overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-003.xht new file mode 100644 index 0000000000..9a145bb570 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-003.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 Test: Text-decoration set to 'line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht new file mode 100644 index 0000000000..a01687a0cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-004.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" appear below. The user agent may allow the "Filler Text" below to blink on and off.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-005.xht new file mode 100644 index 0000000000..2d0977855a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-005.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 Test: Text-decoration set to 'underline overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Ensure that text-decoration underline, overline applied to paragraph element." /> + <style type="text/css"> + div + { + text-decoration: underline overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it and a line under it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-006.xht new file mode 100644 index 0000000000..20a1e83f7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-006.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 Test: Text-decoration set to 'underline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Ensure that text-decoration underline, line-through applied to paragraph element." /> + <style type="text/css"> + div + { + text-decoration: underline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht new file mode 100644 index 0000000000..7e8e5e0e02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-007.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="Ensure that text-decoration underline, blink is applied to an inline element." /> + <style type="text/css"> + div + { + text-decoration: underline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-008.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-008.xht new file mode 100644 index 0000000000..0698e793bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-008.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 Test: Text-decoration set to 'overline underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Ensure that text-decoration overline underline is applied to a paragraph element." /> + <style type="text/css"> + div + { + text-decoration: overline underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it and a line under it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-009.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-009.xht new file mode 100644 index 0000000000..8561da5b80 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-009.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 Test: Text-decoration set to 'overline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht new file mode 100644 index 0000000000..75238c61c7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-010.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-011.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-011.xht new file mode 100644 index 0000000000..195fcac326 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-011.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 Test: Text-decoration set to 'line-through underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-012.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-012.xht new file mode 100644 index 0000000000..c43abdca37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-012.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 Test: Text-decoration set to 'line-through overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht new file mode 100644 index 0000000000..335c49c95a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-013.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht new file mode 100644 index 0000000000..37fb15d388 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-014.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht new file mode 100644 index 0000000000..b142463f84 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-015.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht new file mode 100644 index 0000000000..3aea8aecb7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-016.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-017.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-017.xht new file mode 100644 index 0000000000..ff53f32b7d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-017.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 Test: Text-decoration set to 'underline overline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline overline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline overline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht new file mode 100644 index 0000000000..8001501692 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-018.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline overline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline overline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline overline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-019.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-019.xht new file mode 100644 index 0000000000..5ef1377d7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-019.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 Test: Text-decoration set to 'underline line-through overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline line-through overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline line-through overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht new file mode 100644 index 0000000000..d24983075f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-020.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline line-through blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline line-through blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline line-through blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht new file mode 100644 index 0000000000..73578dcdd9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-021.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline blink overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline blink overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline blink overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht new file mode 100644 index 0000000000..afedc1f6d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-022.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline blink line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline blink line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline blink line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-023.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-023.xht new file mode 100644 index 0000000000..a3c87f4e78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-023.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 Test: Text-decoration set to 'overline underline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline underline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline underline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht new file mode 100644 index 0000000000..3debf8ffe0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-024.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline underline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline underline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline underline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-025.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-025.xht new file mode 100644 index 0000000000..981f9a9412 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-025.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 Test: Text-decoration set to 'overline line-through underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline line-through underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline line-through underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht new file mode 100644 index 0000000000..fba87ac427 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-026.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline line-through blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline line-through blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline line-through blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht new file mode 100644 index 0000000000..e0842ecb2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-027.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline blink underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline blink underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline blink underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht new file mode 100644 index 0000000000..fa744cd0cd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-028.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline blink line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline blink line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline blink line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-029.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-029.xht new file mode 100644 index 0000000000..8f1d51cd8f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-029.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 Test: Text-decoration set to 'line-through underline overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through underline overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through underline overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht new file mode 100644 index 0000000000..6caf6382e2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-030.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through underline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through underline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through underline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-031.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-031.xht new file mode 100644 index 0000000000..530e3a5bad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-031.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 Test: Text-decoration set to 'line-through overline underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through overline underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through overline underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht new file mode 100644 index 0000000000..b3d43bf571 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-032.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through overline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through overline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through overline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht new file mode 100644 index 0000000000..1a66964879 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-033.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through blink underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through blink underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through blink underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht new file mode 100644 index 0000000000..bce12fb1d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-034.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through blink overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through blink overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through blink overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht new file mode 100644 index 0000000000..a3eb48e073 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-035.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink underline overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink underline overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink underline overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht new file mode 100644 index 0000000000..ee8d27eec4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-036.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink underline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink underline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink underline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht new file mode 100644 index 0000000000..4ebe90fdbf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-037.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink overline underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink overline underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink overline underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht new file mode 100644 index 0000000000..9798867e55 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-038.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink overline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink overline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink overline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht new file mode 100644 index 0000000000..d9c7376b3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-039.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink line-through underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink line-through underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink line-through underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht new file mode 100644 index 0000000000..0f5e58263c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-040.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink line-through overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink line-through overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink line-through overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line through it, and user agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht new file mode 100644 index 0000000000..1eb4e6ebcb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-041.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline overline line-through blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline overline line-through blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline overline line-through blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht new file mode 100644 index 0000000000..763f7b4b76 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-042.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline overline blink line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline overline blink line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline overline blink line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht new file mode 100644 index 0000000000..948fe05db5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-043.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline line-through overline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline line-through overline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline line-through overline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht new file mode 100644 index 0000000000..39a854f76c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-044.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline line-through blink overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline line-through blink overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline line-through blink overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht new file mode 100644 index 0000000000..5e79393554 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-045.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline blink overline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline blink overline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline blink overline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht new file mode 100644 index 0000000000..baeb991faa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-046.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline blink line-through overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline blink line-through overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: underline blink line-through overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht new file mode 100644 index 0000000000..8e01c5204d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-047.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline underline line-through blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline underline line-through blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline underline line-through blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht new file mode 100644 index 0000000000..6b0b7339dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-048.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline underline blink line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline underline blink line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline underline blink line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht new file mode 100644 index 0000000000..22f2740550 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-049.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline line-through underline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline line-through underline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline line-through underline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht new file mode 100644 index 0000000000..0813a286fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-050.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline line-through blink underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline line-through blink underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline line-through blink underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht new file mode 100644 index 0000000000..1cf4e55ec3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-051.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline blink underline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline blink underline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline blink underline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht new file mode 100644 index 0000000000..2088bab347 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-052.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'overline blink line-through underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline blink line-through underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: overline blink line-through underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht new file mode 100644 index 0000000000..c040a5c5d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-053.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through underline overline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through underline overline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through underline overline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht new file mode 100644 index 0000000000..83809fa9f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-054.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through underline blink overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through underline blink overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through underline blink overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht new file mode 100644 index 0000000000..b05cbed84c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-055.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through overline underline blink'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through overline underline blink' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through overline underline blink; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht new file mode 100644 index 0000000000..47c1a56efc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-056.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through overline blink underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through overline blink underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through overline blink underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht new file mode 100644 index 0000000000..28e09fdcda --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-057.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through blink underline overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through blink underline overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through blink underline overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht new file mode 100644 index 0000000000..9d28ab8e8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-058.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'line-through blink overline underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through blink overline underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: line-through blink overline underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht new file mode 100644 index 0000000000..b2c3586c36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-059.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink underline overline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink underline overline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink underline overline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht new file mode 100644 index 0000000000..ab49e853e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-060.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink underline line-through overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink underline line-through overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink underline line-through overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht new file mode 100644 index 0000000000..665f255a50 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-061.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink overline underline line-through'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink overline underline line-through' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink overline underline line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht new file mode 100644 index 0000000000..f50b5db67b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-062.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink overline line-through underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink overline line-through underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink overline line-through underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht new file mode 100644 index 0000000000..abc305e941 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-063.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink line-through underline overline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink line-through underline overline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink line-through underline overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht new file mode 100644 index 0000000000..3e320c4bbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-064.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'blink line-through overline underline'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' property set to 'blink line-through overline underline' renders the appropriate decorations." /> + <style type="text/css"> + div + { + text-decoration: blink line-through overline underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht new file mode 100644 index 0000000000..33f6794842 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-065.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'none' does not render any text decorations." /> + <style type="text/css"> + div + { + text-decoration: underline; + text-decoration: none; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below does not blink, has no line over it, has no line under it and has no line through it.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht new file mode 100644 index 0000000000..a350b495a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-066.xht @@ -0,0 +1,27 @@ +<!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: Text-decoration set to 'inherit', inheriting one value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." /> + <style type="text/css"> + #div1 + { + text-decoration: underline; + } + div div + { + text-decoration: overline; + text-decoration: inherit; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below only has a line under it.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht new file mode 100644 index 0000000000..3901e04ca7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-067.xht @@ -0,0 +1,27 @@ +<!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: Text-decoration set to 'inherit', inheriting two values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." /> + <style type="text/css"> + #div1 + { + text-decoration: underline overline; + } + div div + { + text-decoration: underline; + text-decoration: inherit; + } + </style> + </head> + <body> + <p>Test passes if the words "Filler Text" below have a line under it and a line over it.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht new file mode 100644 index 0000000000..2dcd8de49b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-068.xht @@ -0,0 +1,27 @@ +<!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: Text-decoration set to 'inherit', inheriting three values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." /> + <style type="text/css"> + #div1 + { + text-decoration: underline overline line-through; + } + div div + { + text-decoration: underline; + text-decoration: inherit; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-069.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-069.xht new file mode 100644 index 0000000000..f68c419d60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-069.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: Text-decoration set to 'inherit', inheriting four values</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="flags" content="may animated" /> + <meta name="assert" content="The 'text-decoration' set to 'inherit' on an element will inherit the text-decoration set on the div1 element." /> + <style type="text/css"> + #div1 + { + text-decoration: underline overline line-through blink; + } + div div + { + text-decoration: underline; + text-decoration: inherit; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line over it, a line under it and a line through it. User agents may also blink the text on and off the screen.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht new file mode 100644 index 0000000000..04610c2ebb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-070.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: 'text-decoration' - 'color' inheritance</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/> + <meta name="assert" content="The color of 'text-decoration' of ascendant must be applied to descendants even if descendant elements have different 'color' values"/> + <style type="text/css"> + #test{ + color:lime; + font-size:80px; + text-decoration:line-through; + } + span{ + color:blue; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must</strong> be a green line through the text below.</p> + <div id="test"> + <span>text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-071.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-071.xht new file mode 100644 index 0000000000..78bafa7181 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-071.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> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: 'text-decoration' - inheritance exception 1</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/> + <meta name="assert" content="'text-decoration' values must not be propagated to floating descendants"/> + <style type="text/css"> + #test{ + font-size:80px; + text-decoration:line-through; + } + span{ + float:left; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must not</strong> be a line through the text below.</p> + <div id="test"> + <span>text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-072.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-072.xht new file mode 100644 index 0000000000..b5811a385a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-072.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> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: 'text-decoration' - inheritance exception 2</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/> + <meta name="assert" content="'text-decoration' values must not be propagated to absolutely-positioned descendants"/> + <style type="text/css"> + #test{ + font-size:80px; + text-decoration:line-through; + } + span{ + position:absolute; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must not</strong> be a line through the text below.</p> + <div id="test"> + <span>text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-073.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-073.xht new file mode 100644 index 0000000000..e4c4280eb5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-073.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> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: 'text-decoration' - inheritance exception 3</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/> + <meta name="assert" content="'text-decoration' values must not be propagated to the contents of 'inline-table' descendants"/> + <style type="text/css"> + #test{ + font-size:80px; + text-decoration:line-through; + } + span{ + display:inline-table; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must not</strong> be a line through the text below.</p> + <div id="test"> + <span>text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-074.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-074.xht new file mode 100644 index 0000000000..770f2df6b3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-074.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> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: 'text-decoration' - inheritance exception 4</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props"/> + <meta name="assert" content="'text-decoration' values must not be propagated to the contents of 'inline-block' descendants"/> + <style type="text/css"> + #test{ + font-size:80px; + text-decoration:line-through; + } + span{ + display:inline-block; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must not</strong> be a line through the text below.</p> + <div id="test"> + <span>text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht new file mode 100644 index 0000000000..ddfe3baf03 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-081.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> + <head> + <title>CSS Test: text-decoration underlining and spaces</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + span { text-decoration: underline; color: orange; } + div { font-size: 3em; } + </style> + </head> + <body> + <p>There must be an <span>orange underline</span> in the space between + the two blue squares.</p> + <div><span><img src="support/swatch-blue.png" alt="X"/> <img src="support/swatch-blue.png" alt="X"/></span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht new file mode 100644 index 0000000000..42feb39746 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-082.xht @@ -0,0 +1,18 @@ +<!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: text-decoration underlining and images</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + span { text-decoration: underline; color: red; } + </style> + </head> + <body> + <p>There must be no red (and no underlines) on this page.</p> + <div><span><br/><img src="support/cat.png" alt="Image download support must be enabled"/><br/></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht new file mode 100644 index 0000000000..6042a4e7bb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-083.xht @@ -0,0 +1,17 @@ +<!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: text-decoration underlining and images</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { text-decoration: underline; color: red; } + </style> + </head> + <body> + <p>There must be no red (and no underlines) on this page.</p> + <div><br/><img src="support/cat.png" alt="Image download support must be enabled"/><br/></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht new file mode 100644 index 0000000000..26da5d1ebb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-084.xht @@ -0,0 +1,18 @@ +<!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: text-decoration underlining and images</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/004.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { width: 0; text-decoration: underline; color: orange; } + span { text-decoration: underline; color: orange; } + </style> + </head> + <body> + <p>Only the word <span>TEST</span>, not image, should be underlined.</p> + <div><span><img src="support/cat.png" alt="Image download support must be enabled"/>TEST</span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-085.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-085.xht new file mode 100644 index 0000000000..93ce0610e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-085.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" lang="en"> + <head> + <title>CSS Test: text-decoration with block children</title> + <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/text/decoration/005.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { color: blue; text-decoration: underline; position: relative; } + .block { display: block; } + .float { float: right; } + .pos { position: absolute; top: 4em; right: 0; } + </style> + </head> + <body> + <div> + <span class="test"> This text should be underlined. + <span class="block"> This text should be underlined. </span> + <span class="float"> This text should NOT be underlined. </span> + <span class="pos"> This text should NOT be underlined. </span> + </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-086.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-086.xht new file mode 100644 index 0000000000..d2c44fbba8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-086.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" lang="en"> + <head> + <title>CSS Test: text-decoration with block children</title> + <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/text/decoration/006.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { position: relative; } + .test { color: blue; text-decoration: underline; } + .block { display: block; } + .float { float: right; } + .pos { position: absolute; top: 4em; right: 0; } + </style> + </head> + <body> + <div> + <span class="test"> This text should be underlined. + <span class="block"> This text should be underlined. </span> + <span class="float"> This text should NOT be underlined. </span> + <span class="pos"> This text should NOT be underlined. </span> + </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht new file mode 100644 index 0000000000..4f2a4815ab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-087.xht @@ -0,0 +1,27 @@ +<!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: text-decoration with inline children</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { color: orange; text-decoration: underline; } + span { vertical-align: bottom; color: gray; } + .super { vertical-align: super; } + .up { vertical-align: 0.5em; } + </style> + </head> + <body> + <p>There should only be one solid orange line under the following + text. If the line is broken at any point, or if there are two + underlines anywhere, then the test has failed.</p> + <div> + <span> Test </span> + <span class="super"> test test test </span> + <span> test </span> + <span class="up"> test test </span> + <span> test. </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-088.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-088.xht new file mode 100644 index 0000000000..6298724f37 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-088.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" lang="en"> + <head> + <title>CSS Test: text-decoration with block children</title> + <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/text/decoration/008.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { position: relative; } + .test { color: blue; text-decoration: underline; } + .block { display: block; } + .float { float: right; } + .pos { position: absolute; top: 5em; right: 0; } + </style> + </head> + <body> + <div> + <a href="data:,PASS" class="test"> This text should be underlined. + <span class="block"> This text should be underlined. </span> + <span class="float"> This text should NOT be underlined. </span> + <span class="pos"> This text should NOT be underlined. </span> + </a> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-089.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-089.xht new file mode 100644 index 0000000000..1db33aaf56 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-089.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" lang="en"> + <head> + <title>CSS Test: text-decoration with inline children</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/decoration/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <style type="text/css"> + div { color: orange; text-decoration: underline; } + span { vertical-align: bottom; color: gray; } + .inline-block { display: inline-block; width: 5em; border: dotted blue; margin: 0.5em 0; } + </style> + </head> + <body> + <p>There should be a single orange line below, underneath the words + <em>LINE A</em> and <em>LINE B</em> that disappears within the dotted blue box. + If there are any lines under, inside, above, or on the blue box, then the + test has failed.</p> + <div> + <span>LINE A</span> + <span class="inline-block">CLEAR CLEAR CLEAR</span> + <span>LINE B</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht new file mode 100644 index 0000000000..80f2030c0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-a-element-001.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration set to 'underline' on a elements (spec example)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration set to 'underline' is applied to a elements." /> + <style type="text/css"> + a:visited, a:link + { + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div> + <a href="#">Filler Text</a> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.xht new file mode 100644 index 0000000000..e7d7d0d9db --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-001.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 Test: Text-decoration application on an 'inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to an 'inline' element." /> + <style type="text/css"> + div + { + display: inline; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.xht new file mode 100644 index 0000000000..39f1bb2fd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-002.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 Test: Text-decoration application on a 'block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'block' element." /> + <style type="text/css"> + span + { + display: block; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.xht new file mode 100644 index 0000000000..fa1d248794 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-003.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 Test: Text-decoration application on a 'list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property applies to a 'list-item' element." /> + <style type="text/css"> + div + { + display: list-item; + margin-left: 2em; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it and there is a marker bullet on the left-hand side of the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.xht new file mode 100644 index 0000000000..19517eea0f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-005.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 Test: Text-decoration application on an 'inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to an 'inline-block' element." /> + <style type="text/css"> + span + { + display: inline-block; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.xht new file mode 100644 index 0000000000..6861936cd0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-006.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"> + <head> + <title>CSS Test: Text-decoration application on a 'table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table' element." /> + <style type="text/css"> + #table + { + display: table; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.xht new file mode 100644 index 0000000000..686b7316e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-007.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"> + <head> + <title>CSS Test: Text-decoration application on an 'inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to an 'inline-table' element." /> + <style type="text/css"> + #table + { + display: inline-table; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.xht new file mode 100644 index 0000000000..e6b5252bfe --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-008.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 Test: Text-decoration application on a 'table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table-row-group' element." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-row-group; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.xht new file mode 100644 index 0000000000..78239024fb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-009.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 Test: Text-decoration application on a 'table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table-header-group' element." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-header-group; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.xht new file mode 100644 index 0000000000..72201cb602 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-010.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 Test: Text-decoration application on a 'table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table-footer-group' element." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-footer-group; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.xht new file mode 100644 index 0000000000..b174036da7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-011.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"> + <head> + <title>CSS Test: Text-decoration application on a 'table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table-row' element." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + text-decoration: underline; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.xht new file mode 100644 index 0000000000..d9b1eed112 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-012.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: Text-decoration application on a table-column-group element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property does not apply to a table-column-group element" /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-column-group; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below does not have a line under it.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-013.xht new file mode 100644 index 0000000000..a4692bc60d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-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: Text-decoration application on a table-column element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property does not apply to a table-column element" /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-column; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below does not have a line under it.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.xht new file mode 100644 index 0000000000..a3031ef2bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-014.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"> + <head> + <title>CSS Test: Text-decoration application on a 'table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table-cell' element." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.xht new file mode 100644 index 0000000000..b61b7b6570 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-applies-to-015.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 Test: Text-decoration application on a 'table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'table-caption' element." /> + <style type="text/css"> + #table + { + display: table; + width: 100% + } + #test + { + display: table-caption; + text-decoration: underline; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="table"> + <div id="test">Filler Text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.xht new file mode 100644 index 0000000000..8517022264 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-001.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 Test: Text-decoration set to 'underline' on 'border'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is not applied to 'border' in elements." /> + <style type="text/css"> + div + { + border: 10px; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.xht new file mode 100644 index 0000000000..977a62ad33 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-002.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 Test: Text-decoration set to 'overline' on 'border'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' is not applied to 'border' in elements." /> + <style type="text/css"> + div + { + border: 10px; + text-decoration: overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line above it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.xht new file mode 100644 index 0000000000..752833187c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-border-003.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 Test: Text-decoration set to 'line-through' on 'border'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' is not applied to 'border' in elements." /> + <style type="text/css"> + div + { + border: 10px; + text-decoration: line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.xht new file mode 100644 index 0000000000..deae2be7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-001.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 Test: Text-decoration with 'color'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is the color set on the element." /> + <style type="text/css"> + div + { + color: blue; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the line underneath the "Filler Text" below is blue.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.xht new file mode 100644 index 0000000000..f8cb5dbe11 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-color-002.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: Text-decoration and 'color' on parent elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'color' is equal to the color on the element with 'text-decoration' set on it, even if a descendent element has a different color." /> + <style type="text/css"> + div + { + color: orange; + text-decoration: underline; + } + span + { + color: blue; + } + </style> + </head> + <body> + <p>Test passes if the color of the line below the "Filler Text" is orange and the color of the "Filler Text" is blue.</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.xht new file mode 100644 index 0000000000..3c17fa0828 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-image-001.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 Test: Text-decoration on images</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="flags" content="image" /> + <meta name="assert" content="Text-decoration is not applied to images." /> + <style type="text/css"> + img + { + color: red; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div> + <img src="support/swatch-white.png" alt="white square image" /> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.xht new file mode 100644 index 0000000000..4946811b06 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-001.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 Test: Text-decoration set to 'underline' on 'margin'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is not applied to 'margin' in elements." /> + <style type="text/css"> + div + { + margin: 10px; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it which starts at the beginning of the text and continues until the end. It cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.xht new file mode 100644 index 0000000000..b369484667 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-002.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 Test: Text-decoration set to 'overline' on 'margin'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' is not applied to 'margin' in elements." /> + <style type="text/css"> + div + { + margin: 10px; + text-decoration: overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line above it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.xht new file mode 100644 index 0000000000..7f25b56419 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-margin-003.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 Test: Text-decoration set to 'line-through' on 'margin'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' is not applied to 'margin' in elements." /> + <style type="text/css"> + div + { + margin: 10px; + text-decoration: line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.xht new file mode 100644 index 0000000000..543b6df8ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-001.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 Test: Text-decoration set to 'underline' on 'padding'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is not applied to 'padding' in elements." /> + <style type="text/css"> + div + { + padding: 10px; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.xht new file mode 100644 index 0000000000..ab6c5361ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-002.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 Test: Text-decoration set to 'overline' on 'padding'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' is not applied to 'padding' in elements." /> + <style type="text/css"> + div + { + padding: 10px; + text-decoration: overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line above it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.xht new file mode 100644 index 0000000000..d76830a36c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-padding-003.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 Test: Text-decoration set to 'line-through' on 'padding'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' is not applied to 'padding' in elements." /> + <style type="text/css"> + div + { + padding: 10px; + text-decoration: line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it which starts at the beginning of the text and continues until the end. The line also cannot extend beyond the text.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.xht new file mode 100644 index 0000000000..aa9c3ca081 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-parent-child-001.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 Test: Text-decoration on ancestors</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration on a child does not affect the parent element's 'text-decoration'." /> + <style type="text/css"> + span + { + color: blue; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the black text below does not have an underline, and the blue text below has an underline.</p> + <div>Filler Text + <span>Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht new file mode 100644 index 0000000000..1c1675530c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-position-001.xht @@ -0,0 +1,46 @@ +<!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: text-decoration: overline - font-size</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + color: black; + font-size: 4em; + margin-left: 1em; + text-decoration: overline; + } + + span#wrapper {color: white;} + + span#very-big {font-size: 1em;} + + span#big {font-size: 0.5em;} + + span#medium {font-size: 0.25em;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p> + + <div> + <span id="wrapper"> + <span id="very-big">abc</span><span id="big">def</span><span id="medium">hik</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht new file mode 100644 index 0000000000..e5b7aeb548 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-001.xht @@ -0,0 +1,21 @@ +<!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: Text-decoration on inline elements with multiple boxes</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to all boxes within inline element (in this case, with different styles)." /> + <style type="text/css"> + span + { + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is underlined regardless of styles alternating within it.</p> + <div> + <span>Filler Text<b> Filler Text </b><i> Filler Text</i> Filler Text <b> Filler Text</b> Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht new file mode 100644 index 0000000000..2a7676fc6d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-002.xht @@ -0,0 +1,23 @@ +<!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: Text-decoration inheritance to inline elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is applied to anonymous inline element for block level elements with text not in inline element." /> + <style type="text/css"> + div + { + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if all the "Filler Text" below has a line under it.</p> + <div> + <span>Filler Text</span> + <span>Filler Text</span> + <span>Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.xht new file mode 100644 index 0000000000..a484c9f029 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-003.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 Test: Text-decoration inheritance to block level elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is inherited by block level elements from block level elements." /> + <style type="text/css"> + #div1 + { + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div id="div1"> + <span>Filler Text </span> + <span> Filler Text</span> + <span> Filler Text</span> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.xht new file mode 100644 index 0000000000..8c9df1963d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-004.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: Text-decoration on floated children</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is not propagated to children elements that are floated." /> + <style type="text/css"> + #div1 + { + text-decoration: underline; + } + div div + { + float: left; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below does not have a line under it.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.xht new file mode 100644 index 0000000000..acee51aff4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-005.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: Text-decoration on absolutely positioned children</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is not propagated to children elements that are absolutely positioned." /> + <style type="text/css"> + #div1 + { + text-decoration: underline; + } + div div + { + position: absolute; + left: 1in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below does not have a line under it.</p> + <div id="div"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.xht new file mode 100644 index 0000000000..2593b4697b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-006.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"> + <head> + <title>CSS Test: Text-decoration on 'inline-table' children</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is not propagated to children elements that are 'inline-tables'." /> + <style type="text/css"> + #div1 + { + text-decoration: underline; + } + #table + { + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below does not have a line under it.</p> + <div id="div1"> + <div id="table"> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.xht new file mode 100644 index 0000000000..1e5a0bbb0e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-propagation-007.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: Text-decoration on 'inline-block' children</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is not propagated to children elements that are 'inline-block'." /> + <style type="text/css"> + #div1 + { + text-decoration: underline; + } + div div + { + display: inline-block; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below does not have a line under it.</p> + <div id="div1"> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-relative-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-relative-001.xht new file mode 100644 index 0000000000..58e1ed8920 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-relative-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: Text-decoration on descendents with relative positioning</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Text-decoration is moved with relative positioned elements." /> + <style type="text/css"> + div + { + color: orange; + text-decoration: underline; + } + span + { + border: 1px solid blue; + } + #span1 + { + left: 75px; + position: relative; + } + </style> + </head> + <body> + <p>Test passes there is an orange line under only the words "Filler Text" below. Between the blue boxes, there cannot be any orange line.</p> + <div> + <span>Filler Text Filler Text</span><span id="span1">Filler Text Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht new file mode 100644 index 0000000000..4056a98d76 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-001.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Text-decoration set to 'underline' on white space</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to white space in elements." /> + <style type="text/css"> + div + { + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line below it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht new file mode 100644 index 0000000000..7cc1e370ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-002.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Text-decoration set to 'overline' on white space</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' is applied to white space in elements." /> + <style type="text/css"> + div + { + text-decoration: overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line above it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht new file mode 100644 index 0000000000..228f4cddd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-003.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Text-decoration set to 'line-through' on white space</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' is applied to white space in elements." /> + <style type="text/css"> + div + { + text-decoration: line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.xht new file mode 100644 index 0000000000..2f12c3cfb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-004.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 Test: Text-decoration set to 'underline' on 'letter-spacing'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to 'letter-spacing' in elements." /> + <style type="text/css"> + div + { + letter-spacing: 1em; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line below it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.xht new file mode 100644 index 0000000000..9aef658448 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-005.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 Test: Text-decoration set to 'overline' on 'letter-spacing'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' is applied to 'letter-spacing' in elements." /> + <style type="text/css"> + div + { + letter-spacing: 1em; + text-decoration: overline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line above it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.xht new file mode 100644 index 0000000000..4a3eac8e5a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-006.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 Test: Text-decoration set to 'line-through' on 'letter-spacing'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' is applied to 'letter-spacing' in elements." /> + <style type="text/css"> + div + { + letter-spacing: 1em; + text-decoration: line-through; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.xht new file mode 100644 index 0000000000..05dd1f6c85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-007.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 Test: Text-decoration set to 'underline' on 'word-spacing'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'underline' is applied to 'word-spacing' in elements." /> + <style type="text/css"> + div + { + text-decoration: underline; + word-spacing: 1em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line below it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.xht new file mode 100644 index 0000000000..0fc44f85dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-008.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 Test: Text-decoration set to 'overline' on 'word-spacing'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'overline' is applied to 'word-spacing' in elements." /> + <style type="text/css"> + div + { + text-decoration: overline; + word-spacing: 1em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line above it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.xht new file mode 100644 index 0000000000..4f253d7ab8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-space-009.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 Test: Text-decoration set to 'line-through' on 'word-spacing'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="The 'text-decoration' property set to 'line-through' is applied to 'word-spacing' in elements." /> + <style type="text/css"> + div + { + text-decoration: line-through; + word-spacing: 1em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line through it, spaces as well as characters.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-001.xht new file mode 100644 index 0000000000..40fb85e797 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-thickness-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"> + <head> + <title>CSS Test: Text-decoration underline across elements with different font sizes</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <meta name="assert" content="Thickness and baseline are the same for all children of elements with 'text-decoration' set." /> + <style type="text/css"> + div + { + text-decoration: underline; + } + #span1 + { + font-size: 50pt; + } + #span2 + { + font-size: 30pt; + } + #span3 + { + font-size: 20pt; + } + </style> + </head> + <body> + <p>Test passes if there is a contiguous line of the same thickness beneath all the "Filler Text" below.</p> + <div> + <span id="span1">Filler Text</span> + <span id="span2">Filler Text</span> + <span id="span3">Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.xht new file mode 100644 index 0000000000..b1743f1a4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001-ref.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"> + + <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 + { + color: black; + font: 3.75em/1 serif; + margin-left: 1em; + text-decoration: overline; + } + + span + { + color: white; + font-size: 0.4em; + vertical-align: -0.5em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p> + + <div><span>abcdefghijklmno</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.xht new file mode 100644 index 0000000000..0f911fc74c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-001.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: text-decoration: overline - vertical-align: <length></title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + <link rel="match" href="text-decoration-va-length-001-ref.xht" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + color: black; + font: 3.75em/1 serif; + margin-left: 1em; + text-decoration: overline; + } + + span#wrapper + { + color: white; + font-size: 0.4em; + } + + span#up {vertical-align: 0.5em;} + + span#baseline {vertical-align: 0em;} + + span#below {vertical-align: -0.5em;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p> + + <div> + <span id="wrapper"> + <span id="up">abcde</span><span id="baseline">fghij</span><span id="below">klmno</span> + </span> + </div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.xht new file mode 100644 index 0000000000..6b44915705 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002-ref.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 Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + color: black; + font: 3.75em/0.4 serif; + margin-left: 1em; + text-decoration: underline; + text-decoration-skip-ink: none; + } + + span + { + color: white; + font-size: 0.4em; + vertical-align: 1em; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p> + + <div><span>abcdefghijklmno</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht new file mode 100644 index 0000000000..1d1e0d6f13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-length-002.xht @@ -0,0 +1,52 @@ +<!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: text-decoration: underline - vertical-align: <length></title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + <link rel="match" href="text-decoration-va-length-002-ref.xht" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + color: black; + font: 3.75em/0.4 serif; + margin-left: 1em; + text-decoration: underline; + text-decoration-skip-ink: none; + } + + span#wrapper + { + color: white; + font-size: 0.4em; + } + + span#high {vertical-align: 1em;} + + span#up {vertical-align: 0.5em;} + + span#baseline {vertical-align: 0em;} + ]]></style> + + </head> + + <body> + + <p>Test passes if there is one <strong>and only one</strong> short straight horizontal black line.</p> + + <div> + <span id="wrapper"> + <span id="high">abcde</span><span id="up">fghij</span><span id="baseline">klmno</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.xht new file mode 100644 index 0000000000..a6cb2e6873 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-001.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: text-decoration: line-through - vertical-align: sub</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + font: 4em/0.5 serif; + margin-left: 1em; + } + + span#striken + { + color: black; + text-decoration: line-through; + } + + span#vertical-align-sub + { + color: orange; + font-size: 0.4em; + vertical-align: sub; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if "abcde" has a black line above it; "abcde" must <strong>not be crossed out</strong> by such black line.</p> + + <div> + <span id="striken"> + <span id="vertical-align-sub">abcde</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-002.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-002.xht new file mode 100644 index 0000000000..e3cfa87405 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-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: text-decoration: line-through - vertical-align: sub</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + font: 4em/0.5 serif; + margin-left: 1em; + } + + span#vertical-align-sub + { + font-size: 0.4em; + vertical-align: sub; + } + + span#striken {text-decoration: line-through;} + ]]></style> + + </head> + + <body> + + <p>Test passes if "vwxyz" has an black line across it; the black line must <strong>not be above</strong> "vwxyz".</p> + + <div> + <span id="vertical-align-sub"> + <span id="striken">vwxyz</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.xht new file mode 100644 index 0000000000..4629eaafd6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-003.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: text-decoration: line-through - vertical-align: super</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + font: 4em/1 serif; + margin-left: 1em; + } + + span#striken + { + color: black; + text-decoration: line-through; + } + + span#vertical-align-super + { + color: orange; + font-size: 0.4em; + vertical-align: super; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if "abcde" has a black line under it; "abcde" must <strong>not be crossed out</strong> by such black line.</p> + + <div> + <span id="striken"> + <span id="vertical-align-super">abcde</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.xht b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.xht new file mode 100644 index 0000000000..2406e65b3f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-decoration-va-sub-super-004.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: text-decoration: line-through - vertical-align: super</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" title="16.3.1 Underlining, overlining, striking, and blinking: the 'text-decoration' property" /> + <link rel="bookmark" href="https://bugzilla.mozilla.org/show_bug.cgi?id=695442" title="Mozilla Bug 695442: strike style not correctly applied to sub and sup elements" /> + + <meta content="The position of text decoration lines must be determined in relation to the same baseline and is not affected by 'vertical-align' applied on its descendants." name="assert" /> + + <style type="text/css"><![CDATA[ + div + { + font: 4em/1 serif; + margin-left: 1em; + } + + span#vertical-align-super + { + font-size: 0.4em; + vertical-align: super; + } + + span#striken {text-decoration: line-through;} + ]]></style> + + </head> + + <body> + + <p>Test passes if "vwxyz" has an black line across it; the black line must <strong>not be under</strong> "vwxyz".</p> + + <div> + <span id="vertical-align-super"> + <span id="striken">vwxyz</span> + </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht new file mode 100644 index 0000000000..8a2a55f87f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-004-ref.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-004.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-004.xht new file mode 100644 index 0000000000..b8195eff78 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-004.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: Text-indent using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property sets a negative zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0px; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-005.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-005.xht new file mode 100644 index 0000000000..791f62268b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-005.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: Text-indent using pixels with a zero value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0px adds 0px in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0px; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-006.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-006.xht new file mode 100644 index 0000000000..da3a2478b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-006.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: Text-indent using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0px adds 0px in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0px; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-007.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-007.xht new file mode 100644 index 0000000000..c957a782e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-007.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: Text-indent using pixels with a nominal value, 96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 96px adds 96px in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 96px; + } + #test + { + text-indent: 96px; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-008.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-008.xht new file mode 100644 index 0000000000..cf6e1aadb9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-008.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: Text-indent using pixels with a nominal value with a plus sign, +96px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +96px adds 96px in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 96px; + } + #test + { + text-indent: +96px; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht new file mode 100644 index 0000000000..6827888ede --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-010-ref.xht @@ -0,0 +1,12 @@ +<!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>test reference</title> + <style type="text/css"> + div { color: red; width: 10em; } + </style> + </head> + <body> + <p>You should not see any text below.</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-010.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-010.xht new file mode 100644 index 0000000000..ace9a11aaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-010.xht @@ -0,0 +1,32 @@ +<!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: CSS text-indent: Negative</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/indent/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-010-ref.xht" /> + <style type="text/css"> + div { color: red; width: 10em; } + .a { text-indent: -100em; } + .b { text-indent: -1000em; } + .c { text-indent: -100000em; } + .d { text-indent: -100000000em; } + .e { text-indent: -1000000000000em; } + </style> + </head> + <body> + <p>You should not see any text below.</p> + <div class="a">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div> + <div class="b">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div> + <div class="c">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div> + <div class="d">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div> + <div class="e">FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL + FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht new file mode 100644 index 0000000000..e4951ae399 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-011-ref.xht @@ -0,0 +1,13 @@ +<!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" lang="en"> + <head> + <title>test reference</title> + <style type="text/css"> + .wide { width: 16em; font: 30px/0 monospace; color: blue; text-indent: 8em; margin: 2em 0; } + </style> + </head> + <body> + <p>The word PASS must be written below.</p> + <div class="wide">PASS</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-011.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-011.xht new file mode 100644 index 0000000000..3ddd12dc9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-011.xht @@ -0,0 +1,19 @@ +<!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" lang="en"> + <head> + <title>CSS Test: CSS text-indent: Percentages</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/text-indent/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-011-ref.xht" /> + <style type="text/css"> + .wide { width: 16em; font: 30px/0 monospace; color: blue; text-indent: 8em; margin: 2em 0; } + .narrow { width: 4em; text-indent: 200%; } + </style> + </head> + <body> + <p>The word PASS must be written below.</p> + <div class="wide"> SS<div class="narrow">PA</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-012-ref.xht new file mode 100644 index 0000000000..9162d8abab --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-012-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[ + .control, .control2 + { + background-color: yellow; + border: black solid 2px; + height: 60px; + position: absolute; + width: 200px; + } + + .control {top: 75px;} + + .control2 {top: 175px;} + + .a, .b + { + background-color: orange; + height: 50px; + position: absolute; + width: 50px; + } + + .b {left: 150px;} + ]]> + </style> + + </head> + + <body> + + <p>The following two blocks should be identical.</p> + + <div class="control"> + <div class="a"></div> + <div class="b"></div> + </div> + + <div class="control2"> + <div class="a"></div> + <div class="b"></div> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-012.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-012.xht new file mode 100644 index 0000000000..3ae96bbb35 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-012.xht @@ -0,0 +1,37 @@ +<!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" lang="en"> + <head> + <title>CSS Test: CSS text-indent: Hyatt's Evil Test Which Mixes Lots Of Stuff</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-06-28 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/text-indent/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-012-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .control { background-color: yellow; position: absolute; top: 75px; height: 60px; width: 200px; border: 2px solid black; } + .control .a { background-color: orange; position: absolute; width: 50px; height: 50px; } + .control .b { background-color: orange; position: absolute; left: 150px; width: 50px; height: 50px; } + .test { background-color: yellow; text-indent: 100px; position: absolute; top: 175px; border: 2px solid black; font: 50px/1 Ahem; } + .test .a { background-color: orange; width: 50px; height: 50px; float: left; } + .test .b { background-color: orange; display: inline-block; width: 50px; height: 50px; } + </style> + </head> + <body> + <p>The following two blocks should be identical.</p> + <div class="control"> + <div class="a"></div> + <div class="b"></div> + </div> + <div class="test"> <!-- this should shrink wrap to the intrinsic, no-line-wrapping width --> + <div class="a"></div> <!-- that's a float. --> + <div class="b"></div> <!-- that's an inline-block. it should be text-indented 100px from the left edge of the float. --> + <!-- the inline-block should sit on top of the baseline, which should be 0.2em from the bottom of the + block, since the Ahem font has a 0.2em descender. font-size is 50px, so 0.2em is 10px. --> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht new file mode 100644 index 0000000000..883cd65785 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-013-ref.xht @@ -0,0 +1,15 @@ +<!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" lang="en"> + <head> + <title>test reference</title> + <style type="text/css"> + .indent { margin-left: 20em; color: black; } + .float { position: absolute; margin-left: -10em; width: 10em; } + .float span { background: black; } + </style> + </head> + <body> + <p>The word "PASS" should appear clearly on the next line (ignore the black bar).</p> + <div class="indent"><span class="float"><span>XXXXXXXX</span></span>PASS</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-013.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-013.xht new file mode 100644 index 0000000000..60f77d3cbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-013.xht @@ -0,0 +1,20 @@ +<!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" lang="en"> + <head> + <title>CSS Test: CSS text-indent: Floats</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/text-indent/003.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-013-ref.xht" /> + <style type="text/css"> + .indent { text-indent: 10em; color: black; } + .float { float: left; width: 10em; } + .float span { background: black; } + </style> + </head> + <body> + <p>The word "PASS" should appear clearly on the next line (ignore the black bar).</p> + <div class="indent"><span class="float"><span>XXXXXXXX</span></span>PASS</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht new file mode 100644 index 0000000000..d06337d34a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-014-ref.xht @@ -0,0 +1,31 @@ +<!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>test reference</title> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .container { + font: 20px/1 Ahem; + border: solid orange; + width: 12em; + } + ]]></style> +</head> +<body> + <p>There must be a 4-square checkerboard pattern in the orange box below + and no red present.</p> + <div class="container"> + <div class="outer"> + <div> + BlockA<br /> + BlockA<br /> + BlockA<br /> + BlockB<br /> + BlockB<br /> + BlockB + </div> + </div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-014.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-014.xht new file mode 100644 index 0000000000..b479e832cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-014.xht @@ -0,0 +1,64 @@ +<!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: text-indent on anonymous blocks</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-014-ref.xht"/> + <meta name="assert" content="text-indent affects only the first line of + a block container if that line is also the first formatted line of an + element."/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + .container { + font: 20px/1 Ahem; + border: solid orange; + width: 12em; + } + .outer { + text-indent: 6em; + } + .inner { + text-indent: 0; + } + .outer { + } + .outer:before { + content: "BlockA"; + display: block; + } + + .controlA, .controlB { + background: red; + height: 3em; + width: 6em; + } + .controlA { + margin-left: 6em; + margin-bottom: -3em; + } + .controlB { + margin-top: -3em; + } + ]]></style> +</head> +<body> + <p>There must be a 4-square checkerboard pattern in the orange box below + and no red present.</p> + <div class="container"> + <div class="controlA"></div> + <div class="outer"> + <div> + BlockA + <div>BlockA</div> + BlockB + <div class="inner">BlockB</div> + BlockB + </div> + </div> + <div class="controlB"></div> + </div> +</body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-016.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-016.xht new file mode 100644 index 0000000000..51abc502d6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-016.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: Text-indent using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 pt adds 0pt in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-017.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-017.xht new file mode 100644 index 0000000000..1a68e9f75f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-017.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: Text-indent using points with a zero value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0pt adds 0pt in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-018.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-018.xht new file mode 100644 index 0000000000..c7dfd95d08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-018.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: Text-indent using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0pt adds 0pt in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-019.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-019.xht new file mode 100644 index 0000000000..010209b44a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-019.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: Text-indent using points with a nominal value, 72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 72pt adds 72pt in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 72pt; + } + #test + { + text-indent: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-020.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-020.xht new file mode 100644 index 0000000000..02b5f639bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-020.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: Text-indent using points with a nominal value with a plus sign, +72pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +72pt adds 72pt in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 72pt; + } + #test + { + text-indent: +72pt; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-028.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-028.xht new file mode 100644 index 0000000000..ae39829362 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-028.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: Text-indent using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 pc adds 0pc in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-029.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-029.xht new file mode 100644 index 0000000000..f22d4d4cc0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-029.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: Text-indent using picas with a zero value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0pc adds 0pc in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-030.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-030.xht new file mode 100644 index 0000000000..dda2788c47 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-030.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: Text-indent using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0pc adds 0pc in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-031.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-031.xht new file mode 100644 index 0000000000..174be5d97c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-031.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: Text-indent using picas with a nominal value, 6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 6pc adds 6pc in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 6pc; + } + #test + { + text-indent: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-032.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-032.xht new file mode 100644 index 0000000000..7235309657 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-032.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: Text-indent using picas with a nominal value with a plus sign, +6pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +6pc adds 6pc in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 6pc; + } + #test + { + text-indent: +6pc; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-040.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-040.xht new file mode 100644 index 0000000000..0a7f2744cc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-040.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: Text-indent using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 cm adds 0cm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-041.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-041.xht new file mode 100644 index 0000000000..4e6525ebcd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-041.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: Text-indent using centimeters with a zero value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0cm adds 0cm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-042.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-042.xht new file mode 100644 index 0000000000..658496625f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-042.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: Text-indent using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0cm adds 0cm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-043.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-043.xht new file mode 100644 index 0000000000..9013b5cf6c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-043.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: Text-indent using centimeters with a nominal value, 2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 2.54cm adds 2.54cm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 2.54cm; + } + #test + { + text-indent: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-044.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-044.xht new file mode 100644 index 0000000000..bc2d405448 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-044.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: Text-indent using centimeters with a nominal value with a plus sign, +2.54cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +2.54cm adds 2.54cm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 2.54cm; + } + #test + { + text-indent: +2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-052.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-052.xht new file mode 100644 index 0000000000..0b2448abb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-052.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: Text-indent using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 mm adds 0mm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-053.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-053.xht new file mode 100644 index 0000000000..0acaf20f6e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-053.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: Text-indent using millimeters with a zero value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0mm adds 0mm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-054.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-054.xht new file mode 100644 index 0000000000..c2e1c35445 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-054.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: Text-indent using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0mm adds 0mm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-055.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-055.xht new file mode 100644 index 0000000000..485f9893d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-055.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: Text-indent using millimeters with a nominal value, 25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 25.4mm adds 25.4mm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 25.4mm; + } + #test + { + text-indent: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-056.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-056.xht new file mode 100644 index 0000000000..6b35739ca0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-056.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: Text-indent using millimeters with a nominal value with a plus sign, +25.4mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +25.4mm adds 25.4mm in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 25.4mm; + } + #test + { + text-indent: +25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-064.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-064.xht new file mode 100644 index 0000000000..a0ec365f01 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-064.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: Text-indent using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 in adds 0in in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0in; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-065.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-065.xht new file mode 100644 index 0000000000..5e135c3ded --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-065.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: Text-indent using inches with a zero value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0in adds 0in in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0in; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-066.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-066.xht new file mode 100644 index 0000000000..dad89538ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-066.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: Text-indent using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0in adds 0in in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0in; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-067.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-067.xht new file mode 100644 index 0000000000..442c2bffaf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-067.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: Text-indent using inches with a nominal value, 1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 1in adds 1in in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 1in; + } + #test + { + text-indent: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-068.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-068.xht new file mode 100644 index 0000000000..7831845305 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-068.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: Text-indent using inches with a nominal value with a plus sign, +1in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +1in adds 1in in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 1in; + } + #test + { + text-indent: +1in; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-076.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-076.xht new file mode 100644 index 0000000000..e066b6eac4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-076.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: Text-indent using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 em adds 0em in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-077.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-077.xht new file mode 100644 index 0000000000..ff0f8a78ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-077.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: Text-indent using 'em' units with a zero value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0em adds 0em in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-078.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-078.xht new file mode 100644 index 0000000000..162f1e7099 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-078.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: Text-indent using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0em adds 0em in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-079.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-079.xht new file mode 100644 index 0000000000..cbd6b76210 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-079.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: Text-indent using 'em' units with a nominal value, 6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 6em adds 6em in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 6em; + } + #test + { + text-indent: 6em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-080.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-080.xht new file mode 100644 index 0000000000..5ebef87970 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-080.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: Text-indent using 'em' units with a nominal value with a plus sign, +6em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +6em adds 6em in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 6em; + } + #test + { + text-indent: +6em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-088.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-088.xht new file mode 100644 index 0000000000..069cd99f45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-088.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: Text-indent using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-089.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-089.xht new file mode 100644 index 0000000000..c3c632b275 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-089.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: Text-indent using 'ex' units with a zero value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0ex adds 0ex in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-090.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-090.xht new file mode 100644 index 0000000000..7352c9313f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-090.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: Text-indent using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0ex adds 0ex in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.xht new file mode 100644 index 0000000000..5b087a93b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-091-ref.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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 12ex; + } + #test + { + margin-left: 12ex; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-091.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-091.xht new file mode 100644 index 0000000000..cac90dd708 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-091.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: Text-indent set to a nominal value for 'ex' units</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-091-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 12ex adds 12ex in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 12ex; + } + #test + { + text-indent: 12ex; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-092.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-092.xht new file mode 100644 index 0000000000..2e3d04f4d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-092.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: Text-indent set to a nominal value for 'ex' units with a plus sign</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-091-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +12ex adds 12ex in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + } + #reference + { + margin-left: 12ex; + } + #test + { + text-indent: +12ex; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-100.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-100.xht new file mode 100644 index 0000000000..977d32170e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-100.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: Text-indent using percentages with a negative zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property sets a negative zero length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + width: 400px; + } + #test + { + text-indent: -0%; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div>X</div> + <div id="test">X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-101.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-101.xht new file mode 100644 index 0000000000..35e155aea8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-101.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: Text-indent using percentages with a zero value, 0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property sets a zero length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + width: 400px; + } + #test + { + text-indent: 0%; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div>X</div> + <div id="test">X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-102.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-102.xht new file mode 100644 index 0000000000..a0352dea21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-102.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: Text-indent using percentages with a positive zero value, +0%</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property sets a positive zero length value in percentages." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + width: 400px; + } + #test + { + text-indent: +0%; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div>X</div> + <div id="test">X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-103-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-103-ref.xht new file mode 100644 index 0000000000..a2fa38c953 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-103-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + position: relative; + width: 400px; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="parent"> + X + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-103.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-103.xht new file mode 100644 index 0000000000..66b93897c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-103.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: Text-indent set to '50%'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-103-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 50% adds 50% of the containing block's width in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + position: relative; + width: 400px; + } + #reference + { + color: red; + left: 0; + position: absolute; + top: 0; + z-index: -1; + } + #test + { + text-indent: 50%; + margin-left: -50%; + margin-right: 50%; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="parent"> + <div id="reference">X</div> + <div id="test">X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-104.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-104.xht new file mode 100644 index 0000000000..10938498ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-104.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: Text-indent set to '+50%'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-103-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +50% adds 50% of its containing block's width in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + position: relative; + width: 400px; + } + #reference + { + color: red; + left: 0; + position: absolute; + top: 0; + z-index: -1; + } + #test + { + text-indent: +50%; + margin-left: -50%; + margin-right: 50%; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="parent"> + <div id="reference">X</div> + <div id="test">X</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-109.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-109.xht new file mode 100644 index 0000000000..02d2b83f8d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-109.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: Text-indent set to a negative zero value with no units, '0'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent -0 adds 0 in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: -0; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-110.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-110.xht new file mode 100644 index 0000000000..4592207f7b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-110.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: Text-indent set to a zero value with no units, '0'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent 0 adds 0 in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: 0; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-111.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-111.xht new file mode 100644 index 0000000000..e887d34afc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-111.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: Text-indent set to a positive zero value with no units, +0</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent +0 adds 0px in front of the text." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + text-indent: +0; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div>X</div> + <div id="test">X</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-112.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-112.xht new file mode 100644 index 0000000000..4babc6dc79 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-112.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: Text-indent set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/pass_if_box_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that text-indent with inherit uses its parent's value for text-indent." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #parent + { + font: 16px/1em Ahem; + text-indent: 96px; + } + #reference + { + margin-left: 96px; + text-indent: 0; + } + #test + { + text-indent: 0; + text-indent: inherit; + } + </style> + </head> + <body> + <p>Test passes if there is one black box on this page (with no jagged edges).</p> + <div id="parent"> + <div id="reference">xx</div> + <div id="test">xx</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht new file mode 100644 index 0000000000..174fa8b376 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-113-ref-margin.xht @@ -0,0 +1,14 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="mismatch" href="text-indent-114-ref.xht"/> +<style type="text/css"> +p { margin-left: 100px } +</style> +</head> +<body> +<p>text</p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-113.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-113.xht new file mode 100644 index 0000000000..d726f5e143 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-113.xht @@ -0,0 +1,16 @@ +<!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: text-indent test (single-line-100)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-113-ref-margin.xht"/> +<style type="text/css"> +p { text-indent: 100px } +</style> +</head> +<body> +<p>text</p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht new file mode 100644 index 0000000000..9c9fa56c3c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-114-ref.xht @@ -0,0 +1,13 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="mismatch" href="text-indent-113-ref-margin.xht"/> +<style type="text/css"> +</style> +</head> +<body> +<p>text</p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-114.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-114.xht new file mode 100644 index 0000000000..07e333a89c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-114.xht @@ -0,0 +1,16 @@ +<!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: text-indent test (single-line-0)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-114-ref.xht"/> +<style type="text/css"> +p { text-indent: 0px } +</style> +</head> +<body> +<p>text</p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht new file mode 100644 index 0000000000..4d7464123f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-block-margin.xht @@ -0,0 +1,15 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="match" href="text-indent-115-ref-inline-margin.xht"/> +<style type="text/css"> +p { margin-left: 100px } +span { background: yellow } +</style> +</head> +<body> +<p><span>text</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht new file mode 100644 index 0000000000..1834146314 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-115-ref-inline-margin.xht @@ -0,0 +1,14 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="match" href="text-indent-115-ref-block-margin.xht"/> +<style type="text/css"> +span { background: yellow; margin-left: 100px } +</style> +</head> +<body> +<p><span>text</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-115.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-115.xht new file mode 100644 index 0000000000..9eaa2161e3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-115.xht @@ -0,0 +1,17 @@ +<!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: text-indent test (single-line-indent-inline)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-115-ref-block-margin.xht"/> +<style type="text/css"> +p { text-indent: 100px } +span { background: yellow } +</style> +</head> +<body> +<p><span>text</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.xht new file mode 100644 index 0000000000..e4776c085c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001-ref.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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: inline; + } + #div2 + { + background: blue; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="div1">XXXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.xht new file mode 100644 index 0000000000..df859edb04 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-001.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 Test: Text-indent application on a 'display: inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is not applied to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: inline; + text-indent: 10em; + } + #div2 + { + background: blue; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="div1">XXXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-ref.xht new file mode 100644 index 0000000000..1aa29648dc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: block; + margin-left: 10em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div> + <span>XXXXX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.xht new file mode 100644 index 0000000000..04e97ccddd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-002.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 Test: Text-indent application on a 'display: block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: block; + text-indent: 10em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div> + <span>XXXXX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.xht new file mode 100644 index 0000000000..b708f014d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: list-item; + margin-left: 1em; + padding-left: 2em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 3em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box is directly above the blue box and there is a marker bullet on the left-hand side of the black box. (Note that the two boxes do not need to be touching.)</p> + <div> + <div>XXXXX</div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.xht new file mode 100644 index 0000000000..d913cfa433 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-003.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 Test: Text-indent application on a 'display: list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-003-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to display: list-item elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: list-item; + margin-left: 1em; + text-indent: 2em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 3em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box is directly above the blue box and there is a marker bullet on the left-hand side of the black box. (Note that the two boxes do not need to be touching.)</p> + <div> + <div>XXXXX</div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.xht new file mode 100644 index 0000000000..3016e795f5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-005.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 Test: Text-indent application on a 'display: inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: inline-block; + text-indent: 10em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div> + <span>XXXXX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-006.xht new file mode 100644 index 0000000000..4dbb6e02fd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-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: Text-indent application on a 'display: table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.xht new file mode 100644 index 0000000000..71c902b9a6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007-ref.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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + margin-left: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.xht new file mode 100644 index 0000000000..cbbb41290a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-007.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: Text-indent application on a 'display: inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht new file mode 100644 index 0000000000..c55d6a2136 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-008.xht @@ -0,0 +1,55 @@ +<!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: Text-indent application on a 'display: table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-row-group; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht new file mode 100644 index 0000000000..bc561f2ab1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-009.xht @@ -0,0 +1,55 @@ +<!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: Text-indent application on a 'display: table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-header-group; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht new file mode 100644 index 0000000000..1c4ee225ff --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-010.xht @@ -0,0 +1,55 @@ +<!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: Text-indent application on a 'display: table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-footer-group; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.xht new file mode 100644 index 0000000000..2e888c99d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-011.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: Text-indent application on a 'display: table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #row + { + display: table-row; + text-indent: 10em; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.xht new file mode 100644 index 0000000000..1932202bbb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + width: 100%; + } + #test + { + display: table-column-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.xht new file mode 100644 index 0000000000..491023c572 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-012.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: Text-indent application on a 'display: table-column-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-012-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is not applied to 'display: table-column-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + width: 100%; + } + #test + { + display: table-column-group; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht new file mode 100644 index 0000000000..71b98469de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-013.xht @@ -0,0 +1,55 @@ +<!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: Text-indent application on a 'display: table-column' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-012-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is not applied to 'display: table-column' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + width: 100%; + } + #test + { + display: table-column; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 6em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht new file mode 100644 index 0000000000..70b372f6c5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-014.xht @@ -0,0 +1,50 @@ +<!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: Text-indent application on a 'display: table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + table-layout: fixed; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + text-indent: 10em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.xht new file mode 100644 index 0000000000..aaf45bd4ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-applies-to-015.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: Text-indent application on a 'display: table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-applies-to-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #caption + { + display: table-caption; + text-indent: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div id="table"> + <div id="caption">XXXXX</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.xht new file mode 100644 index 0000000000..884001b509 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + margin-left: 10em; + } + div div + { + display: inline-block; + } + #div2 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div>XXXXX</div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.xht new file mode 100644 index 0000000000..352080f04b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-inherited-001.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 Test: Text-indent and inline-block level inheritance</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-inherited-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is inherited by inline-block level elements resulting in a double indent." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + text-indent: 5em; + } + div div + { + display: inline-block; + } + #div2 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div>XXXXX</div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-ref.xht new file mode 100644 index 0000000000..ef3f6ed278 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001-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>Test for intrinsic widths and text-indent</title> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +</style> +</head> +<body> + +<!-- test against inline margin --> +<div><span style="margin-left: 3em">X</span></div> + +<!-- test against block padding --> +<div style="padding-left: 3em;">X</div> + +<!-- test against block width --> +<div style="width: 4em;"></div> + +<div style="width: 4em;"></div> +<div style="width: 4em;"></div> +<div style="width: 6em;"></div> +<div style="width: 4em;"></div> +<div style="width: 6em;"></div> +<div style="width: 4em;"></div> +<div style="width: 6em;"></div> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.xht new file mode 100644 index 0000000000..66597fbee1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-001.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: Test for intrinsic widths and text-indent (intrinsic-min)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-intrinsic-001-ref.xht"/> +<style type="text/css"> + +body { font-size: 12px; width: 1px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +span { + display: inline-block; + height: 1em; + width: 1em; +} + +</style> +</head> +<body> + +<!-- test against inline margin --> +<div style="text-indent: 3em;">X</div> + +<!-- test against block padding --> +<div style="text-indent: 3em;">X</div> + +<!-- test against block width --> +<div style="text-indent: 3em;"><span></span></div> + +<div style="text-indent: 3em"><span style="width: 1em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span>​<span style="width: 2em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span>​<span style="width: 6em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 2em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 6em"></span></div> +<pre style="text-indent: 3em"><span style="width: 1em"></span> +<span style="width: 2em"></span></pre> +<pre style="text-indent: 3em"><span style="width: 1em"></span> +<span style="width: 6em"></span></pre> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-ref.xht new file mode 100644 index 0000000000..5a5d6ba332 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002-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>Test for intrinsic widths and text-indent</title> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +</style> +</head> +<body> + +<!-- test against inline margin --> +<div><span style="margin-left: 3em">X</span></div> + +<!-- test against block padding --> +<div style="padding-left: 3em;">X</div> + +<!-- test against block width --> +<div style="width: 4em;"></div> + +<div style="width: 4em;"></div> +<div style="width: 6em;"></div> +<div style="width: 10em;"></div> +<div style="width: 4em;"></div> +<div style="width: 6em;"></div> +<div style="width: 4em;"></div> +<div style="width: 6em;"></div> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.xht new file mode 100644 index 0000000000..73c1d91369 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-002.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: Test for intrinsic widths and text-indent (intrinsic-pref)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="match" href="text-indent-intrinsic-002-ref.xht"/> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +span { + display: inline-block; + height: 1em; + width: 1em; +} + +</style> +</head> +<body> + +<!-- test against inline margin --> +<div style="text-indent: 3em;">X</div> + +<!-- test against block padding --> +<div style="text-indent: 3em;">X</div> + +<!-- test against block width --> +<div style="text-indent: 3em;"><span></span></div> + +<div style="text-indent: 3em"><span style="width: 1em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span>​<span style="width: 2em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span>​<span style="width: 6em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 2em"></span></div> +<div style="text-indent: 3em"><span style="width: 1em"></span><br /><span style="width: 6em"></span></div> +<pre style="text-indent: 3em"><span style="width: 1em"></span> +<span style="width: 2em"></span></pre> +<pre style="text-indent: 3em"><span style="width: 1em"></span> +<span style="width: 6em"></span></pre> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.xht new file mode 100644 index 0000000000..5c021eb8a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003-ref.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>Test for intrinsic widths and text-indent</title> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +</style> +</head> +<body> + +<div style="width: 0"></div> +<div style="width: 2em"></div> +<div style="width: 0"></div> +<div style="width: 1em"></div> +<div style="width: 3em"></div> +<div style="width: 3em"></div> +<div style="width: 1em"></div> +<div style="width: 2em"></div> +<div style="width: 5em"></div> +<div style="width: 2em"></div> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.xht new file mode 100644 index 0000000000..2db0f2a452 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-003.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: Test for intrinsic widths and negative text-indent (negative-intrinsic-min)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="match" href="text-indent-intrinsic-003-ref.xht"/> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +span { + display: inline-block; + height: 1em; + width: 1em; +} + +</style> +</head> +<body style="width: 1px"> + +<div style="text-indent: -3em;"><span style="width: 1em"></span></div> +<div style="text-indent: -3em;"><span style="width: 5em"></span></div> + +<div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 1em"></span></div> +<div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 3em"></span></div> +<div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 3em"></span>​<span style="width: 3em"></span></div> +<div style="text-indent: -3em;"><span style="width: 4em"></span>​<span style="width: 3em"></span></div> +<div style="text-indent: -3em;"><span style="width: 1em"></span><br /><span style="width: 1em"></span></div> +<div style="text-indent: -3em;"><span style="width: 5em"></span><br /><span style="width: 1em"></span></div> +<pre style="text-indent: -3em"><span style="width: 1em"></span> +<span style="width: 5em"></span></pre> +<pre style="text-indent: -3em"><span style="width: 5em"></span> +<span style="width: 1em"></span></pre> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.xht new file mode 100644 index 0000000000..472fae81c9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004-ref.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>Test for intrinsic widths and text-indent</title> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +</style> +</head> +<body> + +<div style="width: 0"></div> +<div style="width: 2em"></div> +<div style="width: 0"></div> +<div style="width: 1em"></div> +<div style="width: 4em"></div> +<div style="width: 4em"></div> +<div style="width: 1em"></div> +<div style="width: 2em"></div> +<div style="width: 5em"></div> +<div style="width: 2em"></div> + + + +</body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.xht new file mode 100644 index 0000000000..b8f41c53ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-intrinsic-004.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: Test for intrinsic widths and negative text-indent (negative-intrinsic-pref)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-intrinsic-004-ref.xht"/> +<style type="text/css"> + +body { font-size: 12px; } + +body > div, body > pre { + float: left; clear: left; margin: 1px; height: 2em; + border: medium solid; +} + +span { + display: inline-block; + height: 1em; + width: 1em; +} + +</style> +</head> +<body> + +<div style="text-indent: -3em;"><span style="width: 1em"></span></div> +<div style="text-indent: -3em;"><span style="width: 5em"></span></div> + +<div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 1em"></span></div> +<div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 3em"></span></div> +<div style="text-indent: -3em;"><span style="width: 1em"></span>​<span style="width: 3em"></span>​<span style="width: 3em"></span></div> +<div style="text-indent: -3em;"><span style="width: 4em"></span>​<span style="width: 3em"></span></div> +<div style="text-indent: -3em;"><span style="width: 1em"></span><br /><span style="width: 1em"></span></div> +<div style="text-indent: -3em;"><span style="width: 5em"></span><br /><span style="width: 1em"></span></div> +<pre style="text-indent: -3em"><span style="width: 1em"></span> +<span style="width: 5em"></span></pre> +<pre style="text-indent: -3em"><span style="width: 5em"></span> +<span style="width: 1em"></span></pre> + + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html new file mode 100644 index 0000000000..15a15b3609 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<p>There should be a hotpink square in the bottom left corner of a larger blue square.</p> +<div style="width:200px; background:blue;"> + <div style="height:100px;"></div> + <div style="width:100px; height:100px; background:hotpink;"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html new file mode 100644 index 0000000000..af7e1cc014 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-on-blank-line-rtl-left-align.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<title>Text-indent on blank line in RTL container with text-align:left</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS22/text.html#propdef-text-indent" title="16.1 Indentation: the 'text-indent' property"> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-on-blank-line-rtl-left-align-ref.html"> +<p>There should be a hotpink square in the bottom left corner of a larger blue square.</p> +<div style="text-align:left; direction:rtl; text-indent:300px; line-height:100px; width:200px; background:blue;"> + <br> + <div style="vertical-align:bottom; display:inline-block; width:100px; height:100px; background:hotpink;"></div> +</div> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.xht new file mode 100644 index 0000000000..22717ddeee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-001.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: Text-indent with negative value with overflow hidden</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'text-indent' property with negative value follows the overflow hidden assignment." /> + <style type="text/css"> + #div1 + { + padding-left: 5em; + } + div div + { + color: red; + overflow: hidden; + text-indent: -5em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div id="div1"> + <div>XXXXX</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.xht new file mode 100644 index 0000000000..4fffdaf413 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + padding-left: 5em; + width: 40em; + } + div div + { + margin-left: -5em; + } + #div2 + { + background: blue; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div>XXXXX</div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.xht new file mode 100644 index 0000000000..7c2f54a15a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-002.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 Test: Text-indent with negative value with 'overflow' set to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-overflow-002-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property with negative value follows the 'overflow: visible' assignment." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + padding-left: 5em; + width: 40em; + } + div div + { + text-indent: -5em; + } + #div2 + { + background: blue; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div>XXXXX</div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-ref.xht new file mode 100644 index 0000000000..ba7d905ae5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + width: 40em; + } + #div2 + { + margin-left: 10em; + width: 5em; + } + #div3 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div id="div2">XXXXX</div> + <div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.xht new file mode 100644 index 0000000000..fe6ac1bb5c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-003.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 Test: Text-indent with value larger than the available width with 'overflow' set to 'visible'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-overflow-003-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property with a value exceeding the available width follows the 'overflow: visible' assignment." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + line-height: 1em; + width: 40em; + } + #div2 + { + text-indent: 10em; + width: 5em; + } + #div3 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div id="div2">XXXXX</div> + <div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.xht new file mode 100644 index 0000000000..da4abce66d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-overflow-004.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 Test: Text-indent with value larger than the available width with 'overflow' set to 'hidden'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="../reference/no-red-on-blank-page-ref.xht"/> + <meta name="assert" content="The 'text-indent' property with value exceeding the available width of the element follows the 'overflow: hidden' assignment." /> + <style type="text/css"> + div + { + color: red; + overflow: hidden; + text-indent: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div>XXXXX</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht new file mode 100644 index 0000000000..335ed62bbb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001-ref.xht @@ -0,0 +1,14 @@ +<!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>text-indent test</title> +<style type="text/css"> +div { width: 500px; } +p { width: 300px; text-indent: 30px; } +</style> +</head> +<body> +<div> +<p>text</p> +</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht new file mode 100644 index 0000000000..fc02d86a47 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-percent-001.xht @@ -0,0 +1,19 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> +<title>CSS Test: text-indent test (single-line-percent)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="match" href="text-indent-percent-001-ref.xht"/> +<style type="text/css"> +div { width: 500px; } +p { width: 300px; text-indent: 10%; } +</style> +</head> +<body> +<div> +<p>text</p> +</div> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht new file mode 100644 index 0000000000..075e289094 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + direction: rtl; + font-family: Ahem; + line-height: 1em; + margin-right: 5em; + } + #div2 + { + background: blue; + height: 1em; + float: right; + margin-right: 5em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1">XXXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-001.xht new file mode 100644 index 0000000000..dfc9193bfd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-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"> + <head> + <title>CSS Test: Text-indent with 'direction' set to 'rtl'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-rtl-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property on an element with 'direction: rtl' indents from the right instead of left." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + direction: rtl; + font-family: Ahem; + line-height: 1em; + text-indent: 5em; + } + #div2 + { + background: blue; + height: 1em; + float: right; + margin-right: 5em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1">XXXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.xht new file mode 100644 index 0000000000..8b9aeacf34 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + direction: rtl; + width: 40em; + } + #div2 + { + font-family: Ahem; + line-height: 1em; + margin-right: -5em; + width: 30em; + } + #div3 + { + background: blue; + height: 1em; + float: right; + margin-right: -5em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div id="div2">XXXXX</div> + <div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.xht new file mode 100644 index 0000000000..f8b72b3fd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-rtl-002.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 Test: Text-indent with negative value</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> + <link rel="match" href="text-indent-rtl-002-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property with negative values with direction rtl indent to the right." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + direction: rtl; + width: 40em; + } + #div2 + { + font-family: Ahem; + line-height: 1em; + text-indent: -5em; + width: 30em; + } + #div3 + { + background: blue; + height: 1em; + float: right; + margin-right: -5em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box.</p> + <div id="div1"> + <div id="div2">XXXXX</div> + <div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht new file mode 100644 index 0000000000..c88a242f4d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-notref-block-margin.xht @@ -0,0 +1,15 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="mismatch" href="text-indent-wrap-001-ref-inline-margin.xht"/> +<style type="text/css"> +p { margin-left: 100px } +span { background: yellow } +</style> +</head> +<body> +<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht new file mode 100644 index 0000000000..764107424f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-float.xht @@ -0,0 +1,15 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="mismatch" href="text-indent-wrap-001-notref-block-margin.xht"/> +<style type="text/css"> +i { float: left; height: 0.3em; width: 100px; } +span { background: yellow } +</style> +</head> +<body> +<p><i></i><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht new file mode 100644 index 0000000000..dab3ad0e23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001-ref-inline-margin.xht @@ -0,0 +1,14 @@ +<!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="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="match" href="text-indent-wrap-001-ref-float.xht"/> +<style type="text/css"> +span { background: yellow; margin-left: 100px } +</style> +</head> +<body> +<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht new file mode 100644 index 0000000000..e4ec6de735 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-indent-wrap-001.xht @@ -0,0 +1,17 @@ +<!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: text-indent test (multiple-line)</title> +<link rel="author" title="L. David Baron" href="https://dbaron.org/" /> +<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"/> +<link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> +<link rel="match" href="text-indent-wrap-001-ref-inline-margin.xht"/> +<style type="text/css"> +p { text-indent: 100px } +span { background: yellow } +</style> +</head> +<body> +<p><span>This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines. This is a long piece of text that will wrap to multiple lines.</span></p> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht new file mode 100644 index 0000000000..f34e704489 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-001-ref.xht @@ -0,0 +1,11 @@ +<!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>test reference</title> + </head> + <body> + <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p> + <div>Filler Text Filler Text FILLER TEXT FILLER TEXT FiLlEr TExT</div> + <div>Filler Text Filler Text FILLER TEXT FILLER TEXT FiLlEr TExT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-001.xht new file mode 100644 index 0000000000..c55c151db2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-001.xht @@ -0,0 +1,23 @@ +<!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: Text-transform set to 'capitalize'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-001-ref.xht"/> + <meta name="assert" content="The 'text-transform' property set to 'capitalize' on an element makes the first character of every word uppercase." /> + <style type="text/css"> + #test + { + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p> + <div>Filler Text Filler Text FILLER TEXT FILLER TEXT FiLlEr TExT</div> + <div id="test">filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht new file mode 100644 index 0000000000..76002b8260 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-002-ref.xht @@ -0,0 +1,10 @@ +<!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>test reference</title> + </head> + <body> + <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in lowercase.</p> + <div>filler text filler text filler text filler text filler text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-002.xht new file mode 100644 index 0000000000..cf9d0e43b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-002.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 Test: Text-transform set to 'lowercase'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-002-ref.xht"/> + <meta name="assert" content="The 'text-transform' property set to 'lowercase' on an element makes every letter lowercase." /> + <style type="text/css"> + div + { + text-transform: lowercase; + } + </style> + </head> + <body> + <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in lowercase.</p> + <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht new file mode 100644 index 0000000000..9c39fbed2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-003-ref.xht @@ -0,0 +1,10 @@ +<!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>test reference</title> + </head> + <body> + <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in uppercase.</p> + <div>FILLER TEXT FILLER TEXT FILLER TEXT FILLER TEXT FILLER TEXT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-003.xht new file mode 100644 index 0000000000..f8384ffbd2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-003.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 Test: Text-transform set to 'uppercase'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-003-ref.xht"/> + <meta name="assert" content="The 'text-transform' property set to 'uppercase' on an element makes every letter uppercase." /> + <style type="text/css"> + div + { + text-transform: uppercase; + } + </style> + </head> + <body> + <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in uppercase.</p> + <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht new file mode 100644 index 0000000000..46378563f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-004-ref.xht @@ -0,0 +1,11 @@ +<!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>test reference</title> + </head> + <body> + <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p> + <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-004.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-004.xht new file mode 100644 index 0000000000..03b0f5adb3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-004.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 Test: Text-transform set to 'none'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-004-ref.xht"/> + <meta name="assert" content="The 'text-transform' property set to 'none' on an element makes no changes to the text." /> + <style type="text/css"> + #test + { + text-transform: uppercase; + text-transform: none; + } + </style> + </head> + <body> + <p>Test passes if the two lines of "Filler Text" below have the same (upper/lower) case for each letter.</p> + <div>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + <div id="test">filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-005.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-005.xht new file mode 100644 index 0000000000..13d9f39aac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-005.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: Text-transform set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-003-ref.xht"/> + <meta name="assert" content="The 'text-transform' property set to 'inherit' on an element inherits its parent element's 'text-transform' value." /> + <style type="text/css"> + div + { + text-transform: uppercase; + } + span + { + text-transform: lowercase; + text-transform: inherit; + } + </style> + </head> + <body> + <p>Test passes if the line of "Filler Text" and all of the characters of the text are all in uppercase.</p> + <div> + <span>filler text Filler Text FILLER TEXT fILLER tEXT FiLlEr tExT</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.xht new file mode 100644 index 0000000000..bced2794ae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-001.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: Text-transform application to 'display: inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: inline' elements." /> + <style type="text/css"> + div div + { + display: inline; + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div> + <div id="testDiv">filler text</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-002.xht new file mode 100644 index 0000000000..3bcd7bdb31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-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: Text-transform application to 'display: block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: block' elements." /> + <style type="text/css"> + span + { + display: block; + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div> + <span>filler text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-ref.xht new file mode 100644 index 0000000000..1a172ca66d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003-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>test reference</title> + <style type="text/css"> + div + { + margin-left: 1em; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case and there is a marker bullet on the left-hand side of the "Filler Text".</p> + <div> + <span>Filler Text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.xht new file mode 100644 index 0000000000..24091519c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-003.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: Text-transform application to 'display: list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-applies-to-003-ref.xht"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: list-item' elements." /> + <style type="text/css"> + div + { + margin-left: 1em; + } + span + { + display: list-item; + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case and there is a marker bullet on the left-hand side of the "Filler Text".</p> + <div> + <span>filler text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.xht new file mode 100644 index 0000000000..885835e4d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-005.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: Text-transform application to 'display: inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: inline-block' elements." /> + <style type="text/css"> + span + { + display: inline-block; + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div> + <span>filler text</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.xht new file mode 100644 index 0000000000..409ca27ff1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-006.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: Text-transform application to 'display: table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table' elements." /> + <style type="text/css"> + #table + { + display: table; + text-transform: capitalize; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.xht new file mode 100644 index 0000000000..f067fea7e4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-007.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: Text-transform application to 'display: inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: inline-table' elements." /> + <style type="text/css"> + #table + { + display: inline-table; + text-transform: capitalize; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.xht new file mode 100644 index 0000000000..6751d2eae3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-008.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 Test: Text-transform application to 'display: table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table-row-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-row-group; + text-transform: capitalize; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.xht new file mode 100644 index 0000000000..10b3a246c0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-009.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 Test: Text-transform application to 'display: table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table-header-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-header-group; + text-transform: capitalize; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.xht new file mode 100644 index 0000000000..6a79b831ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-010.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 Test: Text-transform application to 'display: table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table-footer-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-footer-group; + text-transform: capitalize; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.xht new file mode 100644 index 0000000000..097c92995f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-011.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: Text-transform application to 'display: table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table-row' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + text-transform: capitalize; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.xht new file mode 100644 index 0000000000..11e514c146 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-012.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 Test: Text-transform application to 'display: table-column-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="Verifies that text-transform is not applied to 'display: table-column-group' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-column-group; + text-transform: lowercase; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.xht new file mode 100644 index 0000000000..b683b23f7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-013.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 Test: Text-transform application to 'display: table-column' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="Verifies that text-transform is not applied to 'display: table-column' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #test + { + display: table-column; + text-transform: lowercase; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">Filler Text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.xht new file mode 100644 index 0000000000..a7262d0fad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-014.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: Text-transform application to 'display: table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table-cell' elements." /> + <style type="text/css"> + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="row"> + <div id="cell">filler text</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.xht new file mode 100644 index 0000000000..57766155ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-applies-to-015.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 Test: Text-transform application to 'display: table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html"/> + <meta name="assert" content="The 'text-transform' property is applied to 'display: table-caption' elements." /> + <style type="text/css"> + #table + { + display: table; + width: 100% + } + #caption + { + display: table-caption; + text-transform: capitalize; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div id="table"> + <div id="caption">filler text</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht new file mode 100644 index 0000000000..048bb04833 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001-ref.xht @@ -0,0 +1,85 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>A <span>A</span></div> +<div>B <span>B</span></div> +<div>C <span>C</span></div> +<div>D <span>D</span></div> +<div>E <span>E</span></div> +<div>F <span>F</span></div> +<div>G <span>G</span></div> +<div>H <span>H</span></div> +<div>I <span>I</span></div> +<div>J <span>J</span></div> +<div>K <span>K</span></div> +<div>L <span>L</span></div> +<div>M <span>M</span></div> +<div>N <span>N</span></div> +<div>O <span>O</span></div> +<div>P <span>P</span></div> +<div>Q <span>Q</span></div> +<div>R <span>R</span></div> +<div>S <span>S</span></div> +<div>T <span>T</span></div> +<div>U <span>U</span></div> +<div>V <span>V</span></div> +<div>W <span>W</span></div> +<div>X <span>X</span></div> +<div>Y <span>Y</span></div> +<div>Z <span>Z</span></div> +<div>À <span>À</span></div> +<div>Á <span>Á</span></div> +<div> <span>Â</span></div> +<div>à <span>Ã</span></div> +<div>Ä <span>Ä</span></div> +<div>Å <span>Å</span></div> +<div>Æ <span>Æ</span></div> +<div>Ç <span>Ç</span></div> +<div>È <span>È</span></div> +<div>É <span>É</span></div> +<div>Ê <span>Ê</span></div> +<div>Ë <span>Ë</span></div> +<div>Ì <span>Ì</span></div> +<div>Í <span>Í</span></div> +<div>Î <span>Î</span></div> +<div>Ï <span>Ï</span></div> +<div>Ð <span>Ð</span></div> +<div>Ñ <span>Ñ</span></div> +<div>Ò <span>Ò</span></div> +<div>Ó <span>Ó</span></div> +<div>Ô <span>Ô</span></div> +<div>Õ <span>Õ</span></div> +<div>Ö <span>Ö</span></div> +<div>Ø <span>Ø</span></div> +<div>Ù <span>Ù</span></div> +<div>Ú <span>Ú</span></div> +<div>Û <span>Û</span></div> +<div>Ü <span>Ü</span></div> +<div>Ý <span>Ý</span></div> +<div>Þ <span>Þ</span></div> +<div>Ÿ <span>Ÿ</span></div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht new file mode 100644 index 0000000000..3ca8b9fa5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-001.xht @@ -0,0 +1,93 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Latin1 uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-001-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=1' /> +<meta name="assert" content="The UA will uppercase all letters in the Latin 1 set when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>A <span>a</span></div> +<div>B <span>b</span></div> +<div>C <span>c</span></div> +<div>D <span>d</span></div> +<div>E <span>e</span></div> +<div>F <span>f</span></div> +<div>G <span>g</span></div> +<div>H <span>h</span></div> +<div>I <span>i</span></div> +<div>J <span>j</span></div> +<div>K <span>k</span></div> +<div>L <span>l</span></div> +<div>M <span>m</span></div> +<div>N <span>n</span></div> +<div>O <span>o</span></div> +<div>P <span>p</span></div> +<div>Q <span>q</span></div> +<div>R <span>r</span></div> +<div>S <span>s</span></div> +<div>T <span>t</span></div> +<div>U <span>u</span></div> +<div>V <span>v</span></div> +<div>W <span>w</span></div> +<div>X <span>x</span></div> +<div>Y <span>y</span></div> +<div>Z <span>z</span></div> +<div>À <span>à</span></div> +<div>Á <span>á</span></div> +<div> <span>â</span></div> +<div>à <span>ã</span></div> +<div>Ä <span>ä</span></div> +<div>Å <span>å</span></div> +<div>Æ <span>æ</span></div> +<div>Ç <span>ç</span></div> +<div>È <span>è</span></div> +<div>É <span>é</span></div> +<div>Ê <span>ê</span></div> +<div>Ë <span>ë</span></div> +<div>Ì <span>ì</span></div> +<div>Í <span>í</span></div> +<div>Î <span>î</span></div> +<div>Ï <span>ï</span></div> +<div>Ð <span>ð</span></div> +<div>Ñ <span>ñ</span></div> +<div>Ò <span>ò</span></div> +<div>Ó <span>ó</span></div> +<div>Ô <span>ô</span></div> +<div>Õ <span>õ</span></div> +<div>Ö <span>ö</span></div> +<div>Ø <span>ø</span></div> +<div>Ù <span>ù</span></div> +<div>Ú <span>ú</span></div> +<div>Û <span>û</span></div> +<div>Ü <span>ü</span></div> +<div>Ý <span>ý</span></div> +<div>Þ <span>þ</span></div> +<div>Ÿ <span>ÿ</span></div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht new file mode 100644 index 0000000000..a8e51fd7da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002-ref.xht @@ -0,0 +1,84 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>a</span> a</div> +<div><span>b</span> b</div> +<div><span>c</span> c</div> +<div><span>d</span> d</div> +<div><span>e</span> e</div> +<div><span>f</span> f</div> +<div><span>g</span> g</div> +<div><span>h</span> h</div> +<div><span>i</span> i</div> +<div><span>j</span> j</div> +<div><span>k</span> k</div> +<div><span>l</span> l</div> +<div><span>m</span> m</div> +<div><span>n</span> n</div> +<div><span>o</span> o</div> +<div><span>p</span> p</div> +<div><span>q</span> q</div> +<div><span>r</span> r</div> +<div><span>s</span> s</div> +<div><span>t</span> t</div> +<div><span>u</span> u</div> +<div><span>v</span> v</div> +<div><span>w</span> w</div> +<div><span>x</span> x</div> +<div><span>y</span> y</div> +<div><span>z</span> z</div> +<div><span>à</span> à</div> +<div><span>á</span> á</div> +<div><span>â</span> â</div> +<div><span>ã</span> ã</div> +<div><span>ä</span> ä</div> +<div><span>å</span> å</div> +<div><span>æ</span> æ</div> +<div><span>ç</span> ç</div> +<div><span>è</span> è</div> +<div><span>é</span> é</div> +<div><span>ê</span> ê</div> +<div><span>ë</span> ë</div> +<div><span>ì</span> ì</div> +<div><span>í</span> í</div> +<div><span>î</span> î</div> +<div><span>ï</span> ï</div> +<div><span>ð</span> ð</div> +<div><span>ñ</span> ñ</div> +<div><span>ò</span> ò</div> +<div><span>ó</span> ó</div> +<div><span>ô</span> ô</div> +<div><span>õ</span> õ</div> +<div><span>ö</span> ö</div> +<div><span>ø</span> ø</div> +<div><span>ù</span> ù</div> +<div><span>ú</span> ú</div> +<div><span>û</span> û</div> +<div><span>ü</span> ü</div> +<div><span>ý</span> ý</div> +<div><span>þ</span> þ</div> +<div><span>ÿ</span> ÿ</div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht new file mode 100644 index 0000000000..1ffaeb5f58 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-002.xht @@ -0,0 +1,93 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Latin1 lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-002-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=2' /> +<meta name="assert" content="The UA will lowercase all letters in the Latin 1 set when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>A</span> a</div> +<div><span>B</span> b</div> +<div><span>C</span> c</div> +<div><span>D</span> d</div> +<div><span>E</span> e</div> +<div><span>F</span> f</div> +<div><span>G</span> g</div> +<div><span>H</span> h</div> +<div><span>I</span> i</div> +<div><span>J</span> j</div> +<div><span>K</span> k</div> +<div><span>L</span> l</div> +<div><span>M</span> m</div> +<div><span>N</span> n</div> +<div><span>O</span> o</div> +<div><span>P</span> p</div> +<div><span>Q</span> q</div> +<div><span>R</span> r</div> +<div><span>S</span> s</div> +<div><span>T</span> t</div> +<div><span>U</span> u</div> +<div><span>V</span> v</div> +<div><span>W</span> w</div> +<div><span>X</span> x</div> +<div><span>Y</span> y</div> +<div><span>Z</span> z</div> +<div><span>À</span> à</div> +<div><span>Á</span> á</div> +<div><span>Â</span> â</div> +<div><span>Ã</span> ã</div> +<div><span>Ä</span> ä</div> +<div><span>Å</span> å</div> +<div><span>Æ</span> æ</div> +<div><span>Ç</span> ç</div> +<div><span>È</span> è</div> +<div><span>É</span> é</div> +<div><span>Ê</span> ê</div> +<div><span>Ë</span> ë</div> +<div><span>Ì</span> ì</div> +<div><span>Í</span> í</div> +<div><span>Î</span> î</div> +<div><span>Ï</span> ï</div> +<div><span>Ð</span> ð</div> +<div><span>Ñ</span> ñ</div> +<div><span>Ò</span> ò</div> +<div><span>Ó</span> ó</div> +<div><span>Ô</span> ô</div> +<div><span>Õ</span> õ</div> +<div><span>Ö</span> ö</div> +<div><span>Ø</span> ø</div> +<div><span>Ù</span> ù</div> +<div><span>Ú</span> ú</div> +<div><span>Û</span> û</div> +<div><span>Ü</span> ü</div> +<div><span>Ý</span> ý</div> +<div><span>Þ</span> þ</div> +<div><span>Ÿ</span> ÿ</div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1). There is one character in this set, ÿ, that only occurs in the lower-case form.</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht new file mode 100644 index 0000000000..b2c7cfec36 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003-ref.xht @@ -0,0 +1,306 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ÿ Ÿ</div> +<div>Ā Ā</div> +<div>Ă Ă</div> +<div>Ą Ą</div> +<div>Ć Ć</div> +<div>Ĉ Ĉ</div> +<div>Ċ Ċ</div> +<div>Č Č</div> +<div>Ď Ď</div> +<div>Đ Đ</div> +<div>Ē Ē</div> +<div>Ĕ Ĕ</div> +<div>Ė Ė</div> +<div>Ę Ę</div> +<div>Ě Ě</div> +<div>Ĝ Ĝ</div> +<div>Ğ Ğ</div> +<div>Ġ Ġ</div> +<div>Ģ Ģ</div> +<div>Ĥ Ĥ</div> +<div>Ħ Ħ</div> +<div>Ĩ Ĩ</div> +<div>Ī Ī</div> +<div>Ĭ Ĭ</div> +<div>Į Į</div> +<div>I I</div> +<div>IJ IJ</div> +<div>Ĵ Ĵ</div> +<div>Ķ Ķ</div> +<div>Ĺ Ĺ</div> +<div>Ļ Ļ</div> +<div>Ľ Ľ</div> +<div>Ŀ Ŀ</div> +<div>Ł Ł</div> +<div>Ń Ń</div> +<div>Ņ Ņ</div> +<div>Ň Ň</div> +<div>Ŋ Ŋ</div> +<div>Ō Ō</div> +<div>Ŏ Ŏ</div> +<div>Ő Ő</div> +<div>Œ Œ</div> +<div>Ŕ Ŕ</div> +<div>Ŗ Ŗ</div> +<div>Ř Ř</div> +<div>Ś Ś</div> +<div>Ŝ Ŝ</div> +<div>Ş Ş</div> +<div>Š Š</div> +<div>Ţ Ţ</div> +<div>Ť Ť</div> +<div>Ŧ Ŧ</div> +<div>Ũ Ũ</div> +<div>Ū Ū</div> +<div>Ŭ Ŭ</div> +<div>Ů Ů</div> +<div>Ű Ű</div> +<div>Ų Ų</div> +<div>Ŵ Ŵ</div> +<div>Ŷ Ŷ</div> +<div>Ź Ź</div> +<div>Ż Ż</div> +<div>Ž Ž</div> +<div>S S</div> +<div>Ƃ Ƃ</div> +<div>Ƅ Ƅ</div> +<div>Ƈ Ƈ</div> +<div>Ƌ Ƌ</div> +<div>Ƒ Ƒ</div> +<div>Ƕ Ƕ</div> +<div>Ƙ Ƙ</div> +<div>Ƞ Ƞ</div> +<div>Ơ Ơ</div> +<div>Ƣ Ƣ</div> +<div>Ƥ Ƥ</div> +<div>Ƨ Ƨ</div> +<div>Ƭ Ƭ</div> +<div>Ư Ư</div> +<div>Ƴ Ƴ</div> +<div>Ƶ Ƶ</div> +<div>Ƹ Ƹ</div> +<div>Ƽ Ƽ</div> +<div>Ƿ Ƿ</div> +<div>DŽ DŽ</div> +<div>DŽ DŽ</div> +<div>LJ LJ</div> +<div>LJ LJ</div> +<div>NJ NJ</div> +<div>NJ NJ</div> +<div>Ǎ Ǎ</div> +<div>Ǐ Ǐ</div> +<div>Ǒ Ǒ</div> +<div>Ǔ Ǔ</div> +<div>Ǖ Ǖ</div> +<div>Ǘ Ǘ</div> +<div>Ǚ Ǚ</div> +<div>Ǜ Ǜ</div> +<div>Ǝ Ǝ</div> +<div>Ǟ Ǟ</div> +<div>Ǡ Ǡ</div> +<div>Ǣ Ǣ</div> +<div>Ǥ Ǥ</div> +<div>Ǧ Ǧ</div> +<div>Ǩ Ǩ</div> +<div>Ǫ Ǫ</div> +<div>Ǭ Ǭ</div> +<div>Ǯ Ǯ</div> +<div>DZ DZ</div> +<div>DZ DZ</div> +<div>Ǵ Ǵ</div> +<div>Ǹ Ǹ</div> +<div>Ǻ Ǻ</div> +<div>Ǽ Ǽ</div> +<div>Ǿ Ǿ</div> +<div>Ȁ Ȁ</div> +<div>Ȃ Ȃ</div> +<div>Ȅ Ȅ</div> +<div>Ȇ Ȇ</div> +<div>Ȉ Ȉ</div> +<div>Ȋ Ȋ</div> +<div>Ȍ Ȍ</div> +<div>Ȏ Ȏ</div> +<div>Ȑ Ȑ</div> +<div>Ȓ Ȓ</div> +<div>Ȕ Ȕ</div> +<div>Ȗ Ȗ</div> +<div>Ș Ș</div> +<div>Ț Ț</div> +<div>Ȝ Ȝ</div> +<div>Ȟ Ȟ</div> +<div>Ȣ Ȣ</div> +<div>Ȥ Ȥ</div> +<div>Ȧ Ȧ</div> +<div>Ȩ Ȩ</div> +<div>Ȫ Ȫ</div> +<div>Ȭ Ȭ</div> +<div>Ȯ Ȯ</div> +<div>Ȱ Ȱ</div> +<div>Ȳ Ȳ</div> +<div>Ɓ Ɓ</div> +<div>Ɔ Ɔ</div> +<div>Ɖ Ɖ</div> +<div>Ɗ Ɗ</div> +<div>Ə Ə</div> +<div>Ɛ Ɛ</div> +<div>Ɠ Ɠ</div> +<div>Ɣ Ɣ</div> +<div>Ɨ Ɨ</div> +<div>Ɩ Ɩ</div> +<div>Ɯ Ɯ</div> +<div>Ɲ Ɲ</div> +<div>Ɵ Ɵ</div> +<div>Ʀ Ʀ</div> +<div>Ʃ Ʃ</div> +<div>Ʈ Ʈ</div> +<div>Ʊ Ʊ</div> +<div>Ʋ Ʋ</div> +<div>Ʒ Ʒ</div> +<div>Ḁ Ḁ</div> +<div>Ḃ Ḃ</div> +<div>Ḅ Ḅ</div> +<div>Ḇ Ḇ</div> +<div>Ḉ Ḉ</div> +<div>Ḋ Ḋ</div> +<div>Ḍ Ḍ</div> +<div>Ḏ Ḏ</div> +<div>Ḑ Ḑ</div> +<div>Ḓ Ḓ</div> +<div>Ḕ Ḕ</div> +<div>Ḗ Ḗ</div> +<div>Ḙ Ḙ</div> +<div>Ḛ Ḛ</div> +<div>Ḝ Ḝ</div> +<div>Ḟ Ḟ</div> +<div>Ḡ Ḡ</div> +<div>Ḣ Ḣ</div> +<div>Ḥ Ḥ</div> +<div>Ḧ Ḧ</div> +<div>Ḩ Ḩ</div> +<div>Ḫ Ḫ</div> +<div>Ḭ Ḭ</div> +<div>Ḯ Ḯ</div> +<div>Ḱ Ḱ</div> +<div>Ḳ Ḳ</div> +<div>Ḵ Ḵ</div> +<div>Ḷ Ḷ</div> +<div>Ḹ Ḹ</div> +<div>Ḻ Ḻ</div> +<div>Ḽ Ḽ</div> +<div>Ḿ Ḿ</div> +<div>Ṁ Ṁ</div> +<div>Ṃ Ṃ</div> +<div>Ṅ Ṅ</div> +<div>Ṇ Ṇ</div> +<div>Ṉ Ṉ</div> +<div>Ṋ Ṋ</div> +<div>Ṍ Ṍ</div> +<div>Ṏ Ṏ</div> +<div>Ṑ Ṑ</div> +<div>Ṓ Ṓ</div> +<div>Ṕ Ṕ</div> +<div>Ṗ Ṗ</div> +<div>Ṙ Ṙ</div> +<div>Ṛ Ṛ</div> +<div>Ṝ Ṝ</div> +<div>Ṟ Ṟ</div> +<div>Ṡ Ṡ</div> +<div>Ṣ Ṣ</div> +<div>Ṥ Ṥ</div> +<div>Ṧ Ṧ</div> +<div>Ṩ Ṩ</div> +<div>Ṫ Ṫ</div> +<div>Ṭ Ṭ</div> +<div>Ṯ Ṯ</div> +<div>Ṱ Ṱ</div> +<div>Ṳ Ṳ</div> +<div>Ṵ Ṵ</div> +<div>Ṷ Ṷ</div> +<div>Ṹ Ṹ</div> +<div>Ṻ Ṻ</div> +<div>Ṽ Ṽ</div> +<div>Ṿ Ṿ</div> +<div>Ẁ Ẁ</div> +<div>Ẃ Ẃ</div> +<div>Ẅ Ẅ</div> +<div>Ẇ Ẇ</div> +<div>Ẉ Ẉ</div> +<div>Ẋ Ẋ</div> +<div>Ẍ Ẍ</div> +<div>Ẏ Ẏ</div> +<div>Ẑ Ẑ</div> +<div>Ẓ Ẓ</div> +<div>Ẕ Ẕ</div> +<div>Ṡ Ṡ</div> +<div>Ạ Ạ</div> +<div>Ả Ả</div> +<div>Ấ Ấ</div> +<div>Ầ Ầ</div> +<div>Ẩ Ẩ</div> +<div>Ẫ Ẫ</div> +<div>Ậ Ậ</div> +<div>Ắ Ắ</div> +<div>Ằ Ằ</div> +<div>Ẳ Ẳ</div> +<div>Ẵ Ẵ</div> +<div>Ặ Ặ</div> +<div>Ẹ Ẹ</div> +<div>Ẻ Ẻ</div> +<div>Ẽ Ẽ</div> +<div>Ế Ế</div> +<div>Ề Ề</div> +<div>Ể Ể</div> +<div>Ễ Ễ</div> +<div>Ệ Ệ</div> +<div>Ỉ Ỉ</div> +<div>Ị Ị</div> +<div>Ọ Ọ</div> +<div>Ỏ Ỏ</div> +<div>Ố Ố</div> +<div>Ồ Ồ</div> +<div>Ổ Ổ</div> +<div>Ỗ Ỗ</div> +<div>Ộ Ộ</div> +<div>Ớ Ớ</div> +<div>Ờ Ờ</div> +<div>Ở Ở</div> +<div>Ỡ Ỡ</div> +<div>Ợ Ợ</div> +<div>Ụ Ụ</div> +<div>Ủ Ủ</div> +<div>Ứ Ứ</div> +<div>Ừ Ừ</div> +<div>Ử Ử</div> +<div>Ữ Ữ</div> +<div>Ự Ự</div> +<div>Ỳ Ỳ</div> +<div>Ỵ Ỵ</div> +<div>Ỷ Ỷ</div> +<div>Ỹ Ỹ</div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht new file mode 100644 index 0000000000..a24adea6fa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-003.xht @@ -0,0 +1,315 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Unicode Latin, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-003-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=3' /> +<meta name="assert" content="The UA will uppercase all Latin Unicode letters beyond Latin1 when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ÿ <span>ÿ</span></div> +<div>Ā <span>ā</span></div> +<div>Ă <span>ă</span></div> +<div>Ą <span>ą</span></div> +<div>Ć <span>ć</span></div> +<div>Ĉ <span>ĉ</span></div> +<div>Ċ <span>ċ</span></div> +<div>Č <span>č</span></div> +<div>Ď <span>ď</span></div> +<div>Đ <span>đ</span></div> +<div>Ē <span>ē</span></div> +<div>Ĕ <span>ĕ</span></div> +<div>Ė <span>ė</span></div> +<div>Ę <span>ę</span></div> +<div>Ě <span>ě</span></div> +<div>Ĝ <span>ĝ</span></div> +<div>Ğ <span>ğ</span></div> +<div>Ġ <span>ġ</span></div> +<div>Ģ <span>ģ</span></div> +<div>Ĥ <span>ĥ</span></div> +<div>Ħ <span>ħ</span></div> +<div>Ĩ <span>ĩ</span></div> +<div>Ī <span>ī</span></div> +<div>Ĭ <span>ĭ</span></div> +<div>Į <span>į</span></div> +<div>I <span>ı</span></div> +<div>IJ <span>ij</span></div> +<div>Ĵ <span>ĵ</span></div> +<div>Ķ <span>ķ</span></div> +<div>Ĺ <span>ĺ</span></div> +<div>Ļ <span>ļ</span></div> +<div>Ľ <span>ľ</span></div> +<div>Ŀ <span>ŀ</span></div> +<div>Ł <span>ł</span></div> +<div>Ń <span>ń</span></div> +<div>Ņ <span>ņ</span></div> +<div>Ň <span>ň</span></div> +<div>Ŋ <span>ŋ</span></div> +<div>Ō <span>ō</span></div> +<div>Ŏ <span>ŏ</span></div> +<div>Ő <span>ő</span></div> +<div>Œ <span>œ</span></div> +<div>Ŕ <span>ŕ</span></div> +<div>Ŗ <span>ŗ</span></div> +<div>Ř <span>ř</span></div> +<div>Ś <span>ś</span></div> +<div>Ŝ <span>ŝ</span></div> +<div>Ş <span>ş</span></div> +<div>Š <span>š</span></div> +<div>Ţ <span>ţ</span></div> +<div>Ť <span>ť</span></div> +<div>Ŧ <span>ŧ</span></div> +<div>Ũ <span>ũ</span></div> +<div>Ū <span>ū</span></div> +<div>Ŭ <span>ŭ</span></div> +<div>Ů <span>ů</span></div> +<div>Ű <span>ű</span></div> +<div>Ų <span>ų</span></div> +<div>Ŵ <span>ŵ</span></div> +<div>Ŷ <span>ŷ</span></div> +<div>Ź <span>ź</span></div> +<div>Ż <span>ż</span></div> +<div>Ž <span>ž</span></div> +<div>S <span>ſ</span></div> +<div>Ƃ <span>ƃ</span></div> +<div>Ƅ <span>ƅ</span></div> +<div>Ƈ <span>ƈ</span></div> +<div>Ƌ <span>ƌ</span></div> +<div>Ƒ <span>ƒ</span></div> +<div>Ƕ <span>ƕ</span></div> +<div>Ƙ <span>ƙ</span></div> +<div>Ƞ <span>ƞ</span></div> +<div>Ơ <span>ơ</span></div> +<div>Ƣ <span>ƣ</span></div> +<div>Ƥ <span>ƥ</span></div> +<div>Ƨ <span>ƨ</span></div> +<div>Ƭ <span>ƭ</span></div> +<div>Ư <span>ư</span></div> +<div>Ƴ <span>ƴ</span></div> +<div>Ƶ <span>ƶ</span></div> +<div>Ƹ <span>ƹ</span></div> +<div>Ƽ <span>ƽ</span></div> +<div>Ƿ <span>ƿ</span></div> +<div>DŽ <span>Dž</span></div> +<div>DŽ <span>dž</span></div> +<div>LJ <span>Lj</span></div> +<div>LJ <span>lj</span></div> +<div>NJ <span>Nj</span></div> +<div>NJ <span>nj</span></div> +<div>Ǎ <span>ǎ</span></div> +<div>Ǐ <span>ǐ</span></div> +<div>Ǒ <span>ǒ</span></div> +<div>Ǔ <span>ǔ</span></div> +<div>Ǖ <span>ǖ</span></div> +<div>Ǘ <span>ǘ</span></div> +<div>Ǚ <span>ǚ</span></div> +<div>Ǜ <span>ǜ</span></div> +<div>Ǝ <span>ǝ</span></div> +<div>Ǟ <span>ǟ</span></div> +<div>Ǡ <span>ǡ</span></div> +<div>Ǣ <span>ǣ</span></div> +<div>Ǥ <span>ǥ</span></div> +<div>Ǧ <span>ǧ</span></div> +<div>Ǩ <span>ǩ</span></div> +<div>Ǫ <span>ǫ</span></div> +<div>Ǭ <span>ǭ</span></div> +<div>Ǯ <span>ǯ</span></div> +<div>DZ <span>Dz</span></div> +<div>DZ <span>dz</span></div> +<div>Ǵ <span>ǵ</span></div> +<div>Ǹ <span>ǹ</span></div> +<div>Ǻ <span>ǻ</span></div> +<div>Ǽ <span>ǽ</span></div> +<div>Ǿ <span>ǿ</span></div> +<div>Ȁ <span>ȁ</span></div> +<div>Ȃ <span>ȃ</span></div> +<div>Ȅ <span>ȅ</span></div> +<div>Ȇ <span>ȇ</span></div> +<div>Ȉ <span>ȉ</span></div> +<div>Ȋ <span>ȋ</span></div> +<div>Ȍ <span>ȍ</span></div> +<div>Ȏ <span>ȏ</span></div> +<div>Ȑ <span>ȑ</span></div> +<div>Ȓ <span>ȓ</span></div> +<div>Ȕ <span>ȕ</span></div> +<div>Ȗ <span>ȗ</span></div> +<div>Ș <span>ș</span></div> +<div>Ț <span>ț</span></div> +<div>Ȝ <span>ȝ</span></div> +<div>Ȟ <span>ȟ</span></div> +<div>Ȣ <span>ȣ</span></div> +<div>Ȥ <span>ȥ</span></div> +<div>Ȧ <span>ȧ</span></div> +<div>Ȩ <span>ȩ</span></div> +<div>Ȫ <span>ȫ</span></div> +<div>Ȭ <span>ȭ</span></div> +<div>Ȯ <span>ȯ</span></div> +<div>Ȱ <span>ȱ</span></div> +<div>Ȳ <span>ȳ</span></div> +<div>Ɓ <span>ɓ</span></div> +<div>Ɔ <span>ɔ</span></div> +<div>Ɖ <span>ɖ</span></div> +<div>Ɗ <span>ɗ</span></div> +<div>Ə <span>ə</span></div> +<div>Ɛ <span>ɛ</span></div> +<div>Ɠ <span>ɠ</span></div> +<div>Ɣ <span>ɣ</span></div> +<div>Ɨ <span>ɨ</span></div> +<div>Ɩ <span>ɩ</span></div> +<div>Ɯ <span>ɯ</span></div> +<div>Ɲ <span>ɲ</span></div> +<div>Ɵ <span>ɵ</span></div> +<div>Ʀ <span>ʀ</span></div> +<div>Ʃ <span>ʃ</span></div> +<div>Ʈ <span>ʈ</span></div> +<div>Ʊ <span>ʊ</span></div> +<div>Ʋ <span>ʋ</span></div> +<div>Ʒ <span>ʒ</span></div> +<div>Ḁ <span>ḁ</span></div> +<div>Ḃ <span>ḃ</span></div> +<div>Ḅ <span>ḅ</span></div> +<div>Ḇ <span>ḇ</span></div> +<div>Ḉ <span>ḉ</span></div> +<div>Ḋ <span>ḋ</span></div> +<div>Ḍ <span>ḍ</span></div> +<div>Ḏ <span>ḏ</span></div> +<div>Ḑ <span>ḑ</span></div> +<div>Ḓ <span>ḓ</span></div> +<div>Ḕ <span>ḕ</span></div> +<div>Ḗ <span>ḗ</span></div> +<div>Ḙ <span>ḙ</span></div> +<div>Ḛ <span>ḛ</span></div> +<div>Ḝ <span>ḝ</span></div> +<div>Ḟ <span>ḟ</span></div> +<div>Ḡ <span>ḡ</span></div> +<div>Ḣ <span>ḣ</span></div> +<div>Ḥ <span>ḥ</span></div> +<div>Ḧ <span>ḧ</span></div> +<div>Ḩ <span>ḩ</span></div> +<div>Ḫ <span>ḫ</span></div> +<div>Ḭ <span>ḭ</span></div> +<div>Ḯ <span>ḯ</span></div> +<div>Ḱ <span>ḱ</span></div> +<div>Ḳ <span>ḳ</span></div> +<div>Ḵ <span>ḵ</span></div> +<div>Ḷ <span>ḷ</span></div> +<div>Ḹ <span>ḹ</span></div> +<div>Ḻ <span>ḻ</span></div> +<div>Ḽ <span>ḽ</span></div> +<div>Ḿ <span>ḿ</span></div> +<div>Ṁ <span>ṁ</span></div> +<div>Ṃ <span>ṃ</span></div> +<div>Ṅ <span>ṅ</span></div> +<div>Ṇ <span>ṇ</span></div> +<div>Ṉ <span>ṉ</span></div> +<div>Ṋ <span>ṋ</span></div> +<div>Ṍ <span>ṍ</span></div> +<div>Ṏ <span>ṏ</span></div> +<div>Ṑ <span>ṑ</span></div> +<div>Ṓ <span>ṓ</span></div> +<div>Ṕ <span>ṕ</span></div> +<div>Ṗ <span>ṗ</span></div> +<div>Ṙ <span>ṙ</span></div> +<div>Ṛ <span>ṛ</span></div> +<div>Ṝ <span>ṝ</span></div> +<div>Ṟ <span>ṟ</span></div> +<div>Ṡ <span>ṡ</span></div> +<div>Ṣ <span>ṣ</span></div> +<div>Ṥ <span>ṥ</span></div> +<div>Ṧ <span>ṧ</span></div> +<div>Ṩ <span>ṩ</span></div> +<div>Ṫ <span>ṫ</span></div> +<div>Ṭ <span>ṭ</span></div> +<div>Ṯ <span>ṯ</span></div> +<div>Ṱ <span>ṱ</span></div> +<div>Ṳ <span>ṳ</span></div> +<div>Ṵ <span>ṵ</span></div> +<div>Ṷ <span>ṷ</span></div> +<div>Ṹ <span>ṹ</span></div> +<div>Ṻ <span>ṻ</span></div> +<div>Ṽ <span>ṽ</span></div> +<div>Ṿ <span>ṿ</span></div> +<div>Ẁ <span>ẁ</span></div> +<div>Ẃ <span>ẃ</span></div> +<div>Ẅ <span>ẅ</span></div> +<div>Ẇ <span>ẇ</span></div> +<div>Ẉ <span>ẉ</span></div> +<div>Ẋ <span>ẋ</span></div> +<div>Ẍ <span>ẍ</span></div> +<div>Ẏ <span>ẏ</span></div> +<div>Ẑ <span>ẑ</span></div> +<div>Ẓ <span>ẓ</span></div> +<div>Ẕ <span>ẕ</span></div> +<div>Ṡ <span>ẛ</span></div> +<div>Ạ <span>ạ</span></div> +<div>Ả <span>ả</span></div> +<div>Ấ <span>ấ</span></div> +<div>Ầ <span>ầ</span></div> +<div>Ẩ <span>ẩ</span></div> +<div>Ẫ <span>ẫ</span></div> +<div>Ậ <span>ậ</span></div> +<div>Ắ <span>ắ</span></div> +<div>Ằ <span>ằ</span></div> +<div>Ẳ <span>ẳ</span></div> +<div>Ẵ <span>ẵ</span></div> +<div>Ặ <span>ặ</span></div> +<div>Ẹ <span>ẹ</span></div> +<div>Ẻ <span>ẻ</span></div> +<div>Ẽ <span>ẽ</span></div> +<div>Ế <span>ế</span></div> +<div>Ề <span>ề</span></div> +<div>Ể <span>ể</span></div> +<div>Ễ <span>ễ</span></div> +<div>Ệ <span>ệ</span></div> +<div>Ỉ <span>ỉ</span></div> +<div>Ị <span>ị</span></div> +<div>Ọ <span>ọ</span></div> +<div>Ỏ <span>ỏ</span></div> +<div>Ố <span>ố</span></div> +<div>Ồ <span>ồ</span></div> +<div>Ổ <span>ổ</span></div> +<div>Ỗ <span>ỗ</span></div> +<div>Ộ <span>ộ</span></div> +<div>Ớ <span>ớ</span></div> +<div>Ờ <span>ờ</span></div> +<div>Ở <span>ở</span></div> +<div>Ỡ <span>ỡ</span></div> +<div>Ợ <span>ợ</span></div> +<div>Ụ <span>ụ</span></div> +<div>Ủ <span>ủ</span></div> +<div>Ứ <span>ứ</span></div> +<div>Ừ <span>ừ</span></div> +<div>Ử <span>ử</span></div> +<div>Ữ <span>ữ</span></div> +<div>Ự <span>ự</span></div> +<div>Ỳ <span>ỳ</span></div> +<div>Ỵ <span>ỵ</span></div> +<div>Ỷ <span>ỷ</span></div> +<div>Ỹ <span>ỹ</span></div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht new file mode 100644 index 0000000000..d6f1921159 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004-ref.xht @@ -0,0 +1,306 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ÿ ÿ</div> +<div>ā ā</div> +<div>ă ă</div> +<div>ą ą</div> +<div>ć ć</div> +<div>ĉ ĉ</div> +<div>ċ ċ</div> +<div>č č</div> +<div>ď ď</div> +<div>đ đ</div> +<div>ē ē</div> +<div>ĕ ĕ</div> +<div>ė ė</div> +<div>ę ę</div> +<div>ě ě</div> +<div>ĝ ĝ</div> +<div>ğ ğ</div> +<div>ġ ġ</div> +<div>ģ ģ</div> +<div>ĥ ĥ</div> +<div>ħ ħ</div> +<div>ĩ ĩ</div> +<div>ī ī</div> +<div>ĭ ĭ</div> +<div>į į</div> +<div>ı ı</div> +<div>ij ij</div> +<div>ĵ ĵ</div> +<div>ķ ķ</div> +<div>ĺ ĺ</div> +<div>ļ ļ</div> +<div>ľ ľ</div> +<div>ŀ ŀ</div> +<div>ł ł</div> +<div>ń ń</div> +<div>ņ ņ</div> +<div>ň ň</div> +<div>ŋ ŋ</div> +<div>ō ō</div> +<div>ŏ ŏ</div> +<div>ő ő</div> +<div>œ œ</div> +<div>ŕ ŕ</div> +<div>ŗ ŗ</div> +<div>ř ř</div> +<div>ś ś</div> +<div>ŝ ŝ</div> +<div>ş ş</div> +<div>š š</div> +<div>ţ ţ</div> +<div>ť ť</div> +<div>ŧ ŧ</div> +<div>ũ ũ</div> +<div>ū ū</div> +<div>ŭ ŭ</div> +<div>ů ů</div> +<div>ű ű</div> +<div>ų ų</div> +<div>ŵ ŵ</div> +<div>ŷ ŷ</div> +<div>ź ź</div> +<div>ż ż</div> +<div>ž ž</div> +<div>ſ ſ</div> +<div>ƃ ƃ</div> +<div>ƅ ƅ</div> +<div>ƈ ƈ</div> +<div>ƌ ƌ</div> +<div>ƒ ƒ</div> +<div>ƕ ƕ</div> +<div>ƙ ƙ</div> +<div>ƞ ƞ</div> +<div>ơ ơ</div> +<div>ƣ ƣ</div> +<div>ƥ ƥ</div> +<div>ƨ ƨ</div> +<div>ƭ ƭ</div> +<div>ư ư</div> +<div>ƴ ƴ</div> +<div>ƶ ƶ</div> +<div>ƹ ƹ</div> +<div>ƽ ƽ</div> +<div>ƿ ƿ</div> +<div>dž dž</div> +<div>dž dž</div> +<div>lj lj</div> +<div>lj lj</div> +<div>nj nj</div> +<div>nj nj</div> +<div>ǎ ǎ</div> +<div>ǐ ǐ</div> +<div>ǒ ǒ</div> +<div>ǔ ǔ</div> +<div>ǖ ǖ</div> +<div>ǘ ǘ</div> +<div>ǚ ǚ</div> +<div>ǜ ǜ</div> +<div>ǝ ǝ</div> +<div>ǟ ǟ</div> +<div>ǡ ǡ</div> +<div>ǣ ǣ</div> +<div>ǥ ǥ</div> +<div>ǧ ǧ</div> +<div>ǩ ǩ</div> +<div>ǫ ǫ</div> +<div>ǭ ǭ</div> +<div>ǯ ǯ</div> +<div>dz dz</div> +<div>dz dz</div> +<div>ǵ ǵ</div> +<div>ǹ ǹ</div> +<div>ǻ ǻ</div> +<div>ǽ ǽ</div> +<div>ǿ ǿ</div> +<div>ȁ ȁ</div> +<div>ȃ ȃ</div> +<div>ȅ ȅ</div> +<div>ȇ ȇ</div> +<div>ȉ ȉ</div> +<div>ȋ ȋ</div> +<div>ȍ ȍ</div> +<div>ȏ ȏ</div> +<div>ȑ ȑ</div> +<div>ȓ ȓ</div> +<div>ȕ ȕ</div> +<div>ȗ ȗ</div> +<div>ș ș</div> +<div>ț ț</div> +<div>ȝ ȝ</div> +<div>ȟ ȟ</div> +<div>ȣ ȣ</div> +<div>ȥ ȥ</div> +<div>ȧ ȧ</div> +<div>ȩ ȩ</div> +<div>ȫ ȫ</div> +<div>ȭ ȭ</div> +<div>ȯ ȯ</div> +<div>ȱ ȱ</div> +<div>ȳ ȳ</div> +<div>ɓ ɓ</div> +<div>ɔ ɔ</div> +<div>ɖ ɖ</div> +<div>ɗ ɗ</div> +<div>ə ə</div> +<div>ɛ ɛ</div> +<div>ɠ ɠ</div> +<div>ɣ ɣ</div> +<div>ɨ ɨ</div> +<div>ɩ ɩ</div> +<div>ɯ ɯ</div> +<div>ɲ ɲ</div> +<div>ɵ ɵ</div> +<div>ʀ ʀ</div> +<div>ʃ ʃ</div> +<div>ʈ ʈ</div> +<div>ʊ ʊ</div> +<div>ʋ ʋ</div> +<div>ʒ ʒ</div> +<div>ḁ ḁ</div> +<div>ḃ ḃ</div> +<div>ḅ ḅ</div> +<div>ḇ ḇ</div> +<div>ḉ ḉ</div> +<div>ḋ ḋ</div> +<div>ḍ ḍ</div> +<div>ḏ ḏ</div> +<div>ḑ ḑ</div> +<div>ḓ ḓ</div> +<div>ḕ ḕ</div> +<div>ḗ ḗ</div> +<div>ḙ ḙ</div> +<div>ḛ ḛ</div> +<div>ḝ ḝ</div> +<div>ḟ ḟ</div> +<div>ḡ ḡ</div> +<div>ḣ ḣ</div> +<div>ḥ ḥ</div> +<div>ḧ ḧ</div> +<div>ḩ ḩ</div> +<div>ḫ ḫ</div> +<div>ḭ ḭ</div> +<div>ḯ ḯ</div> +<div>ḱ ḱ</div> +<div>ḳ ḳ</div> +<div>ḵ ḵ</div> +<div>ḷ ḷ</div> +<div>ḹ ḹ</div> +<div>ḻ ḻ</div> +<div>ḽ ḽ</div> +<div>ḿ ḿ</div> +<div>ṁ ṁ</div> +<div>ṃ ṃ</div> +<div>ṅ ṅ</div> +<div>ṇ ṇ</div> +<div>ṉ ṉ</div> +<div>ṋ ṋ</div> +<div>ṍ ṍ</div> +<div>ṏ ṏ</div> +<div>ṑ ṑ</div> +<div>ṓ ṓ</div> +<div>ṕ ṕ</div> +<div>ṗ ṗ</div> +<div>ṙ ṙ</div> +<div>ṛ ṛ</div> +<div>ṝ ṝ</div> +<div>ṟ ṟ</div> +<div>ṡ ṡ</div> +<div>ṣ ṣ</div> +<div>ṥ ṥ</div> +<div>ṧ ṧ</div> +<div>ṩ ṩ</div> +<div>ṫ ṫ</div> +<div>ṭ ṭ</div> +<div>ṯ ṯ</div> +<div>ṱ ṱ</div> +<div>ṳ ṳ</div> +<div>ṵ ṵ</div> +<div>ṷ ṷ</div> +<div>ṹ ṹ</div> +<div>ṻ ṻ</div> +<div>ṽ ṽ</div> +<div>ṿ ṿ</div> +<div>ẁ ẁ</div> +<div>ẃ ẃ</div> +<div>ẅ ẅ</div> +<div>ẇ ẇ</div> +<div>ẉ ẉ</div> +<div>ẋ ẋ</div> +<div>ẍ ẍ</div> +<div>ẏ ẏ</div> +<div>ẑ ẑ</div> +<div>ẓ ẓ</div> +<div>ẕ ẕ</div> +<div>ẛ ẛ</div> +<div>ạ ạ</div> +<div>ả ả</div> +<div>ấ ấ</div> +<div>ầ ầ</div> +<div>ẩ ẩ</div> +<div>ẫ ẫ</div> +<div>ậ ậ</div> +<div>ắ ắ</div> +<div>ằ ằ</div> +<div>ẳ ẳ</div> +<div>ẵ ẵ</div> +<div>ặ ặ</div> +<div>ẹ ẹ</div> +<div>ẻ ẻ</div> +<div>ẽ ẽ</div> +<div>ế ế</div> +<div>ề ề</div> +<div>ể ể</div> +<div>ễ ễ</div> +<div>ệ ệ</div> +<div>ỉ ỉ</div> +<div>ị ị</div> +<div>ọ ọ</div> +<div>ỏ ỏ</div> +<div>ố ố</div> +<div>ồ ồ</div> +<div>ổ ổ</div> +<div>ỗ ỗ</div> +<div>ộ ộ</div> +<div>ớ ớ</div> +<div>ờ ờ</div> +<div>ở ở</div> +<div>ỡ ỡ</div> +<div>ợ ợ</div> +<div>ụ ụ</div> +<div>ủ ủ</div> +<div>ứ ứ</div> +<div>ừ ừ</div> +<div>ử ử</div> +<div>ữ ữ</div> +<div>ự ự</div> +<div>ỳ ỳ</div> +<div>ỵ ỵ</div> +<div>ỷ ỷ</div> +<div>ỹ ỹ</div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht new file mode 100644 index 0000000000..0a53bca4a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-004.xht @@ -0,0 +1,315 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Unicode Latin, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-004-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=4' /> +<meta name="assert" content="The UA will lowercase all Latin Unicode letters beyond Latin1 when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ÿ</span> ÿ</div> +<div><span>Ā</span> ā</div> +<div><span>Ă</span> ă</div> +<div><span>Ą</span> ą</div> +<div><span>Ć</span> ć</div> +<div><span>Ĉ</span> ĉ</div> +<div><span>Ċ</span> ċ</div> +<div><span>Č</span> č</div> +<div><span>Ď</span> ď</div> +<div><span>Đ</span> đ</div> +<div><span>Ē</span> ē</div> +<div><span>Ĕ</span> ĕ</div> +<div><span>Ė</span> ė</div> +<div><span>Ę</span> ę</div> +<div><span>Ě</span> ě</div> +<div><span>Ĝ</span> ĝ</div> +<div><span>Ğ</span> ğ</div> +<div><span>Ġ</span> ġ</div> +<div><span>Ģ</span> ģ</div> +<div><span>Ĥ</span> ĥ</div> +<div><span>Ħ</span> ħ</div> +<div><span>Ĩ</span> ĩ</div> +<div><span>Ī</span> ī</div> +<div><span>Ĭ</span> ĭ</div> +<div><span>Į</span> į</div> +<div><span>ı</span> ı</div> +<div><span>IJ</span> ij</div> +<div><span>Ĵ</span> ĵ</div> +<div><span>Ķ</span> ķ</div> +<div><span>Ĺ</span> ĺ</div> +<div><span>Ļ</span> ļ</div> +<div><span>Ľ</span> ľ</div> +<div><span>Ŀ</span> ŀ</div> +<div><span>Ł</span> ł</div> +<div><span>Ń</span> ń</div> +<div><span>Ņ</span> ņ</div> +<div><span>Ň</span> ň</div> +<div><span>Ŋ</span> ŋ</div> +<div><span>Ō</span> ō</div> +<div><span>Ŏ</span> ŏ</div> +<div><span>Ő</span> ő</div> +<div><span>Œ</span> œ</div> +<div><span>Ŕ</span> ŕ</div> +<div><span>Ŗ</span> ŗ</div> +<div><span>Ř</span> ř</div> +<div><span>Ś</span> ś</div> +<div><span>Ŝ</span> ŝ</div> +<div><span>Ş</span> ş</div> +<div><span>Š</span> š</div> +<div><span>Ţ</span> ţ</div> +<div><span>Ť</span> ť</div> +<div><span>Ŧ</span> ŧ</div> +<div><span>Ũ</span> ũ</div> +<div><span>Ū</span> ū</div> +<div><span>Ŭ</span> ŭ</div> +<div><span>Ů</span> ů</div> +<div><span>Ű</span> ű</div> +<div><span>Ų</span> ų</div> +<div><span>Ŵ</span> ŵ</div> +<div><span>Ŷ</span> ŷ</div> +<div><span>Ź</span> ź</div> +<div><span>Ż</span> ż</div> +<div><span>Ž</span> ž</div> +<div><span>ſ</span> ſ</div> +<div><span>Ƃ</span> ƃ</div> +<div><span>Ƅ</span> ƅ</div> +<div><span>Ƈ</span> ƈ</div> +<div><span>Ƌ</span> ƌ</div> +<div><span>Ƒ</span> ƒ</div> +<div><span>Ƕ</span> ƕ</div> +<div><span>Ƙ</span> ƙ</div> +<div><span>Ƞ</span> ƞ</div> +<div><span>Ơ</span> ơ</div> +<div><span>Ƣ</span> ƣ</div> +<div><span>Ƥ</span> ƥ</div> +<div><span>Ƨ</span> ƨ</div> +<div><span>Ƭ</span> ƭ</div> +<div><span>Ư</span> ư</div> +<div><span>Ƴ</span> ƴ</div> +<div><span>Ƶ</span> ƶ</div> +<div><span>Ƹ</span> ƹ</div> +<div><span>Ƽ</span> ƽ</div> +<div><span>Ƿ</span> ƿ</div> +<div><span>DŽ</span> dž</div> +<div><span>Dž</span> dž</div> +<div><span>LJ</span> lj</div> +<div><span>Lj</span> lj</div> +<div><span>NJ</span> nj</div> +<div><span>Nj</span> nj</div> +<div><span>Ǎ</span> ǎ</div> +<div><span>Ǐ</span> ǐ</div> +<div><span>Ǒ</span> ǒ</div> +<div><span>Ǔ</span> ǔ</div> +<div><span>Ǖ</span> ǖ</div> +<div><span>Ǘ</span> ǘ</div> +<div><span>Ǚ</span> ǚ</div> +<div><span>Ǜ</span> ǜ</div> +<div><span>Ǝ</span> ǝ</div> +<div><span>Ǟ</span> ǟ</div> +<div><span>Ǡ</span> ǡ</div> +<div><span>Ǣ</span> ǣ</div> +<div><span>Ǥ</span> ǥ</div> +<div><span>Ǧ</span> ǧ</div> +<div><span>Ǩ</span> ǩ</div> +<div><span>Ǫ</span> ǫ</div> +<div><span>Ǭ</span> ǭ</div> +<div><span>Ǯ</span> ǯ</div> +<div><span>DZ</span> dz</div> +<div><span>Dz</span> dz</div> +<div><span>Ǵ</span> ǵ</div> +<div><span>Ǹ</span> ǹ</div> +<div><span>Ǻ</span> ǻ</div> +<div><span>Ǽ</span> ǽ</div> +<div><span>Ǿ</span> ǿ</div> +<div><span>Ȁ</span> ȁ</div> +<div><span>Ȃ</span> ȃ</div> +<div><span>Ȅ</span> ȅ</div> +<div><span>Ȇ</span> ȇ</div> +<div><span>Ȉ</span> ȉ</div> +<div><span>Ȋ</span> ȋ</div> +<div><span>Ȍ</span> ȍ</div> +<div><span>Ȏ</span> ȏ</div> +<div><span>Ȑ</span> ȑ</div> +<div><span>Ȓ</span> ȓ</div> +<div><span>Ȕ</span> ȕ</div> +<div><span>Ȗ</span> ȗ</div> +<div><span>Ș</span> ș</div> +<div><span>Ț</span> ț</div> +<div><span>Ȝ</span> ȝ</div> +<div><span>Ȟ</span> ȟ</div> +<div><span>Ȣ</span> ȣ</div> +<div><span>Ȥ</span> ȥ</div> +<div><span>Ȧ</span> ȧ</div> +<div><span>Ȩ</span> ȩ</div> +<div><span>Ȫ</span> ȫ</div> +<div><span>Ȭ</span> ȭ</div> +<div><span>Ȯ</span> ȯ</div> +<div><span>Ȱ</span> ȱ</div> +<div><span>Ȳ</span> ȳ</div> +<div><span>Ɓ</span> ɓ</div> +<div><span>Ɔ</span> ɔ</div> +<div><span>Ɖ</span> ɖ</div> +<div><span>Ɗ</span> ɗ</div> +<div><span>Ə</span> ə</div> +<div><span>Ɛ</span> ɛ</div> +<div><span>Ɠ</span> ɠ</div> +<div><span>Ɣ</span> ɣ</div> +<div><span>Ɨ</span> ɨ</div> +<div><span>Ɩ</span> ɩ</div> +<div><span>Ɯ</span> ɯ</div> +<div><span>Ɲ</span> ɲ</div> +<div><span>Ɵ</span> ɵ</div> +<div><span>Ʀ</span> ʀ</div> +<div><span>Ʃ</span> ʃ</div> +<div><span>Ʈ</span> ʈ</div> +<div><span>Ʊ</span> ʊ</div> +<div><span>Ʋ</span> ʋ</div> +<div><span>Ʒ</span> ʒ</div> +<div><span>Ḁ</span> ḁ</div> +<div><span>Ḃ</span> ḃ</div> +<div><span>Ḅ</span> ḅ</div> +<div><span>Ḇ</span> ḇ</div> +<div><span>Ḉ</span> ḉ</div> +<div><span>Ḋ</span> ḋ</div> +<div><span>Ḍ</span> ḍ</div> +<div><span>Ḏ</span> ḏ</div> +<div><span>Ḑ</span> ḑ</div> +<div><span>Ḓ</span> ḓ</div> +<div><span>Ḕ</span> ḕ</div> +<div><span>Ḗ</span> ḗ</div> +<div><span>Ḙ</span> ḙ</div> +<div><span>Ḛ</span> ḛ</div> +<div><span>Ḝ</span> ḝ</div> +<div><span>Ḟ</span> ḟ</div> +<div><span>Ḡ</span> ḡ</div> +<div><span>Ḣ</span> ḣ</div> +<div><span>Ḥ</span> ḥ</div> +<div><span>Ḧ</span> ḧ</div> +<div><span>Ḩ</span> ḩ</div> +<div><span>Ḫ</span> ḫ</div> +<div><span>Ḭ</span> ḭ</div> +<div><span>Ḯ</span> ḯ</div> +<div><span>Ḱ</span> ḱ</div> +<div><span>Ḳ</span> ḳ</div> +<div><span>Ḵ</span> ḵ</div> +<div><span>Ḷ</span> ḷ</div> +<div><span>Ḹ</span> ḹ</div> +<div><span>Ḻ</span> ḻ</div> +<div><span>Ḽ</span> ḽ</div> +<div><span>Ḿ</span> ḿ</div> +<div><span>Ṁ</span> ṁ</div> +<div><span>Ṃ</span> ṃ</div> +<div><span>Ṅ</span> ṅ</div> +<div><span>Ṇ</span> ṇ</div> +<div><span>Ṉ</span> ṉ</div> +<div><span>Ṋ</span> ṋ</div> +<div><span>Ṍ</span> ṍ</div> +<div><span>Ṏ</span> ṏ</div> +<div><span>Ṑ</span> ṑ</div> +<div><span>Ṓ</span> ṓ</div> +<div><span>Ṕ</span> ṕ</div> +<div><span>Ṗ</span> ṗ</div> +<div><span>Ṙ</span> ṙ</div> +<div><span>Ṛ</span> ṛ</div> +<div><span>Ṝ</span> ṝ</div> +<div><span>Ṟ</span> ṟ</div> +<div><span>Ṡ</span> ṡ</div> +<div><span>Ṣ</span> ṣ</div> +<div><span>Ṥ</span> ṥ</div> +<div><span>Ṧ</span> ṧ</div> +<div><span>Ṩ</span> ṩ</div> +<div><span>Ṫ</span> ṫ</div> +<div><span>Ṭ</span> ṭ</div> +<div><span>Ṯ</span> ṯ</div> +<div><span>Ṱ</span> ṱ</div> +<div><span>Ṳ</span> ṳ</div> +<div><span>Ṵ</span> ṵ</div> +<div><span>Ṷ</span> ṷ</div> +<div><span>Ṹ</span> ṹ</div> +<div><span>Ṻ</span> ṻ</div> +<div><span>Ṽ</span> ṽ</div> +<div><span>Ṿ</span> ṿ</div> +<div><span>Ẁ</span> ẁ</div> +<div><span>Ẃ</span> ẃ</div> +<div><span>Ẅ</span> ẅ</div> +<div><span>Ẇ</span> ẇ</div> +<div><span>Ẉ</span> ẉ</div> +<div><span>Ẋ</span> ẋ</div> +<div><span>Ẍ</span> ẍ</div> +<div><span>Ẏ</span> ẏ</div> +<div><span>Ẑ</span> ẑ</div> +<div><span>Ẓ</span> ẓ</div> +<div><span>Ẕ</span> ẕ</div> +<div><span>ẛ</span> ẛ</div> +<div><span>Ạ</span> ạ</div> +<div><span>Ả</span> ả</div> +<div><span>Ấ</span> ấ</div> +<div><span>Ầ</span> ầ</div> +<div><span>Ẩ</span> ẩ</div> +<div><span>Ẫ</span> ẫ</div> +<div><span>Ậ</span> ậ</div> +<div><span>Ắ</span> ắ</div> +<div><span>Ằ</span> ằ</div> +<div><span>Ẳ</span> ẳ</div> +<div><span>Ẵ</span> ẵ</div> +<div><span>Ặ</span> ặ</div> +<div><span>Ẹ</span> ẹ</div> +<div><span>Ẻ</span> ẻ</div> +<div><span>Ẽ</span> ẽ</div> +<div><span>Ế</span> ế</div> +<div><span>Ề</span> ề</div> +<div><span>Ể</span> ể</div> +<div><span>Ễ</span> ễ</div> +<div><span>Ệ</span> ệ</div> +<div><span>Ỉ</span> ỉ</div> +<div><span>Ị</span> ị</div> +<div><span>Ọ</span> ọ</div> +<div><span>Ỏ</span> ỏ</div> +<div><span>Ố</span> ố</div> +<div><span>Ồ</span> ồ</div> +<div><span>Ổ</span> ổ</div> +<div><span>Ỗ</span> ỗ</div> +<div><span>Ộ</span> ộ</div> +<div><span>Ớ</span> ớ</div> +<div><span>Ờ</span> ờ</div> +<div><span>Ở</span> ở</div> +<div><span>Ỡ</span> ỡ</div> +<div><span>Ợ</span> ợ</div> +<div><span>Ụ</span> ụ</div> +<div><span>Ủ</span> ủ</div> +<div><span>Ứ</span> ứ</div> +<div><span>Ừ</span> ừ</div> +<div><span>Ử</span> ử</div> +<div><span>Ữ</span> ữ</div> +<div><span>Ự</span> ự</div> +<div><span>Ỳ</span> ỳ</div> +<div><span>Ỵ</span> ỵ</div> +<div><span>Ỷ</span> ỷ</div> +<div><span>Ỹ</span> ỹ</div> +</div> + + +<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p--> +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht new file mode 100644 index 0000000000..6f993f3a3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005-ref.xht @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test" xml:lang="tr"><div>I <span>I</span></div> <div>İ <span>İ</span></div></div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht new file mode 100644 index 0000000000..91082f5fe9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-005.xht @@ -0,0 +1,34 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Turkish, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-005-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=5' /> +<meta name="assert" content="When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test" xml:lang="tr"><div>I <span>ı</span></div> <div>İ <span>i</span></div></div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht new file mode 100644 index 0000000000..ddf3b8b3ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006-ref.xht @@ -0,0 +1,25 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test" xml:lang="tr"><div><span>ı</span> ı</div> <div><span>i</span> i</div></div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht new file mode 100644 index 0000000000..624dc9f6c3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-006.xht @@ -0,0 +1,34 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Turkish, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-006-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=6' /> +<meta name="assert" content="When the language is declared to be Turkish, the UA will use Turkish-specific rules when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test" xml:lang="tr"><div><span>I</span> ı</div> <div><span>İ</span> i</div></div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht new file mode 100644 index 0000000000..56e640913d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007-ref.xht @@ -0,0 +1,172 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 4em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ά Ά</div> +<div>Έ Έ</div> +<div>Ή Ή</div> +<div>Ί Ί</div> +<div>Α Α</div> +<div>Β Β</div> +<div>Γ Γ</div> +<div>Δ Δ</div> +<div>Ε Ε</div> +<div>Ζ Ζ</div> +<div>Η Η</div> +<div>Θ Θ</div> +<div>Ι Ι</div> +<div>Κ Κ</div> +<div>Λ Λ</div> +<div>Μ Μ</div> +<div>Ν Ν</div> +<div>Ξ Ξ</div> +<div>Ο Ο</div> +<div>Π Π</div> +<div>Ρ Ρ</div> +<div>Σ Σ</div> +<div>Σ Σ</div> +<div>Τ Τ</div> +<div>Υ Υ</div> +<div>Φ Φ</div> +<div>Χ Χ</div> +<div>Ψ Ψ</div> +<div>Ω Ω</div> +<div>Ϊ Ϊ</div> +<div>Ϋ Ϋ</div> +<div>Ό Ό</div> +<div>Ύ Ύ</div> +<div>Ώ Ώ</div> +<div>Β Β</div> +<div>Θ Θ</div> +<div>Φ Φ</div> +<div>Π Π</div> +<div>Ϙ Ϙ</div> +<div>Ϛ Ϛ</div> +<div>Ϝ Ϝ</div> +<div>Ϟ Ϟ</div> +<div>Ϡ Ϡ</div> +<div>Κ Κ</div> +<div>Ρ Ρ</div> +<div>Ϲ Ϲ</div> +<div>Ε Ε</div> +<div>Ϸ Ϸ</div> +<div>Ϻ Ϻ</div> +<div>Ἀ Ἀ</div> +<div>Ἁ Ἁ</div> +<div>Ἂ Ἂ</div> +<div>Ἃ Ἃ</div> +<div>Ἄ Ἄ</div> +<div>Ἅ Ἅ</div> +<div>Ἆ Ἆ</div> +<div>Ἇ Ἇ</div> +<div>Ἐ Ἐ</div> +<div>Ἑ Ἑ</div> +<div>Ἒ Ἒ</div> +<div>Ἓ Ἓ</div> +<div>Ἔ Ἔ</div> +<div>Ἕ Ἕ</div> +<div>Ἠ Ἠ</div> +<div>Ἡ Ἡ</div> +<div>Ἢ Ἢ</div> +<div>Ἣ Ἣ</div> +<div>Ἤ Ἤ</div> +<div>Ἥ Ἥ</div> +<div>Ἦ Ἦ</div> +<div>Ἧ Ἧ</div> +<div>Ἰ Ἰ</div> +<div>Ἱ Ἱ</div> +<div>Ἲ Ἲ</div> +<div>Ἳ Ἳ</div> +<div>Ἴ Ἴ</div> +<div>Ἵ Ἵ</div> +<div>Ἶ Ἶ</div> +<div>Ἷ Ἷ</div> +<div>Ὀ Ὀ</div> +<div>Ὁ Ὁ</div> +<div>Ὂ Ὂ</div> +<div>Ὃ Ὃ</div> +<div>Ὄ Ὄ</div> +<div>Ὅ Ὅ</div> +<div>Ὑ Ὑ</div> +<div>Ὓ Ὓ</div> +<div>Ὕ Ὕ</div> +<div>Ὗ Ὗ</div> +<div>Ὠ Ὠ</div> +<div>Ὡ Ὡ</div> +<div>Ὢ Ὢ</div> +<div>Ὣ Ὣ</div> +<div>Ὤ Ὤ</div> +<div>Ὥ Ὥ</div> +<div>Ὦ Ὦ</div> +<div>Ὧ Ὧ</div> +<div>Ὰ Ὰ</div> +<div>Ά Ά</div> +<div>Ὲ Ὲ</div> +<div>Έ Έ</div> +<div>Ὴ Ὴ</div> +<div>Ή Ή</div> +<div>Ὶ Ὶ</div> +<div>Ί Ί</div> +<div>Ὸ Ὸ</div> +<div>Ό Ό</div> +<div>Ὺ Ὺ</div> +<div>Ύ Ύ</div> +<div>Ὼ Ὼ</div> +<div>Ώ Ώ</div> +<div>ᾈ ᾈ</div> +<div>ᾉ ᾉ</div> +<div>ᾊ ᾊ</div> +<div>ᾋ ᾋ</div> +<div>ᾌ ᾌ</div> +<div>ᾍ ᾍ</div> +<div>ᾎ ᾎ</div> +<div>ᾏ ᾏ</div> +<div>ᾘ ᾘ</div> +<div>ᾙ ᾙ</div> +<div>ᾚ ᾚ</div> +<div>ᾛ ᾛ</div> +<div>ᾜ ᾜ</div> +<div>ᾝ ᾝ</div> +<div>ᾞ ᾞ</div> +<div>ᾟ ᾟ</div> +<div>ᾨ ᾨ</div> +<div>ᾩ ᾩ</div> +<div>ᾪ ᾪ</div> +<div>ᾫ ᾫ</div> +<div>ᾬ ᾬ</div> +<div>ᾭ ᾭ</div> +<div>ᾮ ᾮ</div> +<div>ᾯ ᾯ</div> +<div>Ᾰ Ᾰ</div> +<div>Ᾱ Ᾱ</div> +<div>ᾼ ᾼ</div> +<div>Ι Ι</div> +<div>ῌ ῌ</div> +<div>Ῐ Ῐ</div> +<div>Ῑ Ῑ</div> +<div>Ῠ Ῠ</div> +<div>Ῡ Ῡ</div> +<div>Ῥ Ῥ</div> +<div>ῼ ῼ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht new file mode 100644 index 0000000000..d9d200f467 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-007.xht @@ -0,0 +1,181 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Greek, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-007-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=7' /> +<meta name="assert" content="The UA will uppercase Unicode Greek when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 4em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ά <span>ά</span></div> +<div>Έ <span>έ</span></div> +<div>Ή <span>ή</span></div> +<div>Ί <span>ί</span></div> +<div>Α <span>α</span></div> +<div>Β <span>β</span></div> +<div>Γ <span>γ</span></div> +<div>Δ <span>δ</span></div> +<div>Ε <span>ε</span></div> +<div>Ζ <span>ζ</span></div> +<div>Η <span>η</span></div> +<div>Θ <span>θ</span></div> +<div>Ι <span>ι</span></div> +<div>Κ <span>κ</span></div> +<div>Λ <span>λ</span></div> +<div>Μ <span>μ</span></div> +<div>Ν <span>ν</span></div> +<div>Ξ <span>ξ</span></div> +<div>Ο <span>ο</span></div> +<div>Π <span>π</span></div> +<div>Ρ <span>ρ</span></div> +<div>Σ <span>ς</span></div> +<div>Σ <span>σ</span></div> +<div>Τ <span>τ</span></div> +<div>Υ <span>υ</span></div> +<div>Φ <span>φ</span></div> +<div>Χ <span>χ</span></div> +<div>Ψ <span>ψ</span></div> +<div>Ω <span>ω</span></div> +<div>Ϊ <span>ϊ</span></div> +<div>Ϋ <span>ϋ</span></div> +<div>Ό <span>ό</span></div> +<div>Ύ <span>ύ</span></div> +<div>Ώ <span>ώ</span></div> +<div>Β <span>ϐ</span></div> +<div>Θ <span>ϑ</span></div> +<div>Φ <span>ϕ</span></div> +<div>Π <span>ϖ</span></div> +<div>Ϙ <span>ϙ</span></div> +<div>Ϛ <span>ϛ</span></div> +<div>Ϝ <span>ϝ</span></div> +<div>Ϟ <span>ϟ</span></div> +<div>Ϡ <span>ϡ</span></div> +<div>Κ <span>ϰ</span></div> +<div>Ρ <span>ϱ</span></div> +<div>Ϲ <span>ϲ</span></div> +<div>Ε <span>ϵ</span></div> +<div>Ϸ <span>ϸ</span></div> +<div>Ϻ <span>ϻ</span></div> +<div>Ἀ <span>ἀ</span></div> +<div>Ἁ <span>ἁ</span></div> +<div>Ἂ <span>ἂ</span></div> +<div>Ἃ <span>ἃ</span></div> +<div>Ἄ <span>ἄ</span></div> +<div>Ἅ <span>ἅ</span></div> +<div>Ἆ <span>ἆ</span></div> +<div>Ἇ <span>ἇ</span></div> +<div>Ἐ <span>ἐ</span></div> +<div>Ἑ <span>ἑ</span></div> +<div>Ἒ <span>ἒ</span></div> +<div>Ἓ <span>ἓ</span></div> +<div>Ἔ <span>ἔ</span></div> +<div>Ἕ <span>ἕ</span></div> +<div>Ἠ <span>ἠ</span></div> +<div>Ἡ <span>ἡ</span></div> +<div>Ἢ <span>ἢ</span></div> +<div>Ἣ <span>ἣ</span></div> +<div>Ἤ <span>ἤ</span></div> +<div>Ἥ <span>ἥ</span></div> +<div>Ἦ <span>ἦ</span></div> +<div>Ἧ <span>ἧ</span></div> +<div>Ἰ <span>ἰ</span></div> +<div>Ἱ <span>ἱ</span></div> +<div>Ἲ <span>ἲ</span></div> +<div>Ἳ <span>ἳ</span></div> +<div>Ἴ <span>ἴ</span></div> +<div>Ἵ <span>ἵ</span></div> +<div>Ἶ <span>ἶ</span></div> +<div>Ἷ <span>ἷ</span></div> +<div>Ὀ <span>ὀ</span></div> +<div>Ὁ <span>ὁ</span></div> +<div>Ὂ <span>ὂ</span></div> +<div>Ὃ <span>ὃ</span></div> +<div>Ὄ <span>ὄ</span></div> +<div>Ὅ <span>ὅ</span></div> +<div>Ὑ <span>ὑ</span></div> +<div>Ὓ <span>ὓ</span></div> +<div>Ὕ <span>ὕ</span></div> +<div>Ὗ <span>ὗ</span></div> +<div>Ὠ <span>ὠ</span></div> +<div>Ὡ <span>ὡ</span></div> +<div>Ὢ <span>ὢ</span></div> +<div>Ὣ <span>ὣ</span></div> +<div>Ὤ <span>ὤ</span></div> +<div>Ὥ <span>ὥ</span></div> +<div>Ὦ <span>ὦ</span></div> +<div>Ὧ <span>ὧ</span></div> +<div>Ὰ <span>ὰ</span></div> +<div>Ά <span>ά</span></div> +<div>Ὲ <span>ὲ</span></div> +<div>Έ <span>έ</span></div> +<div>Ὴ <span>ὴ</span></div> +<div>Ή <span>ή</span></div> +<div>Ὶ <span>ὶ</span></div> +<div>Ί <span>ί</span></div> +<div>Ὸ <span>ὸ</span></div> +<div>Ό <span>ό</span></div> +<div>Ὺ <span>ὺ</span></div> +<div>Ύ <span>ύ</span></div> +<div>Ὼ <span>ὼ</span></div> +<div>Ώ <span>ώ</span></div> +<div>ᾈ <span>ᾀ</span></div> +<div>ᾉ <span>ᾁ</span></div> +<div>ᾊ <span>ᾂ</span></div> +<div>ᾋ <span>ᾃ</span></div> +<div>ᾌ <span>ᾄ</span></div> +<div>ᾍ <span>ᾅ</span></div> +<div>ᾎ <span>ᾆ</span></div> +<div>ᾏ <span>ᾇ</span></div> +<div>ᾘ <span>ᾐ</span></div> +<div>ᾙ <span>ᾑ</span></div> +<div>ᾚ <span>ᾒ</span></div> +<div>ᾛ <span>ᾓ</span></div> +<div>ᾜ <span>ᾔ</span></div> +<div>ᾝ <span>ᾕ</span></div> +<div>ᾞ <span>ᾖ</span></div> +<div>ᾟ <span>ᾗ</span></div> +<div>ᾨ <span>ᾠ</span></div> +<div>ᾩ <span>ᾡ</span></div> +<div>ᾪ <span>ᾢ</span></div> +<div>ᾫ <span>ᾣ</span></div> +<div>ᾬ <span>ᾤ</span></div> +<div>ᾭ <span>ᾥ</span></div> +<div>ᾮ <span>ᾦ</span></div> +<div>ᾯ <span>ᾧ</span></div> +<div>Ᾰ <span>ᾰ</span></div> +<div>Ᾱ <span>ᾱ</span></div> +<div>ᾼ <span>ᾳ</span></div> +<div>Ι <span>ι</span></div> +<div>ῌ <span>ῃ</span></div> +<div>Ῐ <span>ῐ</span></div> +<div>Ῑ <span>ῑ</span></div> +<div>Ῠ <span>ῠ</span></div> +<div>Ῡ <span>ῡ</span></div> +<div>Ῥ <span>ῥ</span></div> +<div>ῼ <span>ῳ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht new file mode 100644 index 0000000000..7fdd0d0140 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008-ref.xht @@ -0,0 +1,172 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 4em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ά ά</div> +<div>έ έ</div> +<div>ή ή</div> +<div>ί ί</div> +<div>α α</div> +<div>β β</div> +<div>γ γ</div> +<div>δ δ</div> +<div>ε ε</div> +<div>ζ ζ</div> +<div>η η</div> +<div>θ θ</div> +<div>ι ι</div> +<div>κ κ</div> +<div>λ λ</div> +<div>μ μ</div> +<div>ν ν</div> +<div>ξ ξ</div> +<div>ο ο</div> +<div>π π</div> +<div>ρ ρ</div> +<div>ς ς</div> +<div>σ σ</div> +<div>τ τ</div> +<div>υ υ</div> +<div>φ φ</div> +<div>χ χ</div> +<div>ψ ψ</div> +<div>ω ω</div> +<div>ϊ ϊ</div> +<div>ϋ ϋ</div> +<div>ό ό</div> +<div>ύ ύ</div> +<div>ώ ώ</div> +<div>ϐ ϐ</div> +<div>ϑ ϑ</div> +<div>ϕ ϕ</div> +<div>ϖ ϖ</div> +<div>ϙ ϙ</div> +<div>ϛ ϛ</div> +<div>ϝ ϝ</div> +<div>ϟ ϟ</div> +<div>ϡ ϡ</div> +<div>ϰ ϰ</div> +<div>ϱ ϱ</div> +<div>ϲ ϲ</div> +<div>ϵ ϵ</div> +<div>ϸ ϸ</div> +<div>ϻ ϻ</div> +<div>ἀ ἀ</div> +<div>ἁ ἁ</div> +<div>ἂ ἂ</div> +<div>ἃ ἃ</div> +<div>ἄ ἄ</div> +<div>ἅ ἅ</div> +<div>ἆ ἆ</div> +<div>ἇ ἇ</div> +<div>ἐ ἐ</div> +<div>ἑ ἑ</div> +<div>ἒ ἒ</div> +<div>ἓ ἓ</div> +<div>ἔ ἔ</div> +<div>ἕ ἕ</div> +<div>ἠ ἠ</div> +<div>ἡ ἡ</div> +<div>ἢ ἢ</div> +<div>ἣ ἣ</div> +<div>ἤ ἤ</div> +<div>ἥ ἥ</div> +<div>ἦ ἦ</div> +<div>ἧ ἧ</div> +<div>ἰ ἰ</div> +<div>ἱ ἱ</div> +<div>ἲ ἲ</div> +<div>ἳ ἳ</div> +<div>ἴ ἴ</div> +<div>ἵ ἵ</div> +<div>ἶ ἶ</div> +<div>ἷ ἷ</div> +<div>ὀ ὀ</div> +<div>ὁ ὁ</div> +<div>ὂ ὂ</div> +<div>ὃ ὃ</div> +<div>ὄ ὄ</div> +<div>ὅ ὅ</div> +<div>ὑ ὑ</div> +<div>ὓ ὓ</div> +<div>ὕ ὕ</div> +<div>ὗ ὗ</div> +<div>ὠ ὠ</div> +<div>ὡ ὡ</div> +<div>ὢ ὢ</div> +<div>ὣ ὣ</div> +<div>ὤ ὤ</div> +<div>ὥ ὥ</div> +<div>ὦ ὦ</div> +<div>ὧ ὧ</div> +<div>ὰ ὰ</div> +<div>ά ά</div> +<div>ὲ ὲ</div> +<div>έ έ</div> +<div>ὴ ὴ</div> +<div>ή ή</div> +<div>ὶ ὶ</div> +<div>ί ί</div> +<div>ὸ ὸ</div> +<div>ό ό</div> +<div>ὺ ὺ</div> +<div>ύ ύ</div> +<div>ὼ ὼ</div> +<div>ώ ώ</div> +<div>ᾀ ᾀ</div> +<div>ᾁ ᾁ</div> +<div>ᾂ ᾂ</div> +<div>ᾃ ᾃ</div> +<div>ᾄ ᾄ</div> +<div>ᾅ ᾅ</div> +<div>ᾆ ᾆ</div> +<div>ᾇ ᾇ</div> +<div>ᾐ ᾐ</div> +<div>ᾑ ᾑ</div> +<div>ᾒ ᾒ</div> +<div>ᾓ ᾓ</div> +<div>ᾔ ᾔ</div> +<div>ᾕ ᾕ</div> +<div>ᾖ ᾖ</div> +<div>ᾗ ᾗ</div> +<div>ᾠ ᾠ</div> +<div>ᾡ ᾡ</div> +<div>ᾢ ᾢ</div> +<div>ᾣ ᾣ</div> +<div>ᾤ ᾤ</div> +<div>ᾥ ᾥ</div> +<div>ᾦ ᾦ</div> +<div>ᾧ ᾧ</div> +<div>ᾰ ᾰ</div> +<div>ᾱ ᾱ</div> +<div>ᾳ ᾳ</div> +<div>ι ι</div> +<div>ῃ ῃ</div> +<div>ῐ ῐ</div> +<div>ῑ ῑ</div> +<div>ῠ ῠ</div> +<div>ῡ ῡ</div> +<div>ῥ ῥ</div> +<div>ῳ ῳ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht new file mode 100644 index 0000000000..b5c38bf736 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-008.xht @@ -0,0 +1,181 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Greek, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-008-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=8' /> +<meta name="assert" content="The UA will lowercase Unicode Greek when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 4em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ά</span> ά</div> +<div><span>Έ</span> έ</div> +<div><span>Ή</span> ή</div> +<div><span>Ί</span> ί</div> +<div><span>Α</span> α</div> +<div><span>Β</span> β</div> +<div><span>Γ</span> γ</div> +<div><span>Δ</span> δ</div> +<div><span>Ε</span> ε</div> +<div><span>Ζ</span> ζ</div> +<div><span>Η</span> η</div> +<div><span>Θ</span> θ</div> +<div><span>Ι</span> ι</div> +<div><span>Κ</span> κ</div> +<div><span>Λ</span> λ</div> +<div><span>Μ</span> μ</div> +<div><span>Ν</span> ν</div> +<div><span>Ξ</span> ξ</div> +<div><span>Ο</span> ο</div> +<div><span>Π</span> π</div> +<div><span>Ρ</span> ρ</div> +<div><span>ς</span> ς</div> +<div><span>Σ</span> σ</div> +<div><span>Τ</span> τ</div> +<div><span>Υ</span> υ</div> +<div><span>Φ</span> φ</div> +<div><span>Χ</span> χ</div> +<div><span>Ψ</span> ψ</div> +<div><span>Ω</span> ω</div> +<div><span>Ϊ</span> ϊ</div> +<div><span>Ϋ</span> ϋ</div> +<div><span>Ό</span> ό</div> +<div><span>Ύ</span> ύ</div> +<div><span>Ώ</span> ώ</div> +<div><span>ϐ</span> ϐ</div> +<div><span>ϑ</span> ϑ</div> +<div><span>ϕ</span> ϕ</div> +<div><span>ϖ</span> ϖ</div> +<div><span>Ϙ</span> ϙ</div> +<div><span>Ϛ</span> ϛ</div> +<div><span>Ϝ</span> ϝ</div> +<div><span>Ϟ</span> ϟ</div> +<div><span>Ϡ</span> ϡ</div> +<div><span>ϰ</span> ϰ</div> +<div><span>ϱ</span> ϱ</div> +<div><span>Ϲ</span> ϲ</div> +<div><span>ϵ</span> ϵ</div> +<div><span>Ϸ</span> ϸ</div> +<div><span>Ϻ</span> ϻ</div> +<div><span>Ἀ</span> ἀ</div> +<div><span>Ἁ</span> ἁ</div> +<div><span>Ἂ</span> ἂ</div> +<div><span>Ἃ</span> ἃ</div> +<div><span>Ἄ</span> ἄ</div> +<div><span>Ἅ</span> ἅ</div> +<div><span>Ἆ</span> ἆ</div> +<div><span>Ἇ</span> ἇ</div> +<div><span>Ἐ</span> ἐ</div> +<div><span>Ἑ</span> ἑ</div> +<div><span>Ἒ</span> ἒ</div> +<div><span>Ἓ</span> ἓ</div> +<div><span>Ἔ</span> ἔ</div> +<div><span>Ἕ</span> ἕ</div> +<div><span>Ἠ</span> ἠ</div> +<div><span>Ἡ</span> ἡ</div> +<div><span>Ἢ</span> ἢ</div> +<div><span>Ἣ</span> ἣ</div> +<div><span>Ἤ</span> ἤ</div> +<div><span>Ἥ</span> ἥ</div> +<div><span>Ἦ</span> ἦ</div> +<div><span>Ἧ</span> ἧ</div> +<div><span>Ἰ</span> ἰ</div> +<div><span>Ἱ</span> ἱ</div> +<div><span>Ἲ</span> ἲ</div> +<div><span>Ἳ</span> ἳ</div> +<div><span>Ἴ</span> ἴ</div> +<div><span>Ἵ</span> ἵ</div> +<div><span>Ἶ</span> ἶ</div> +<div><span>Ἷ</span> ἷ</div> +<div><span>Ὀ</span> ὀ</div> +<div><span>Ὁ</span> ὁ</div> +<div><span>Ὂ</span> ὂ</div> +<div><span>Ὃ</span> ὃ</div> +<div><span>Ὄ</span> ὄ</div> +<div><span>Ὅ</span> ὅ</div> +<div><span>Ὑ</span> ὑ</div> +<div><span>Ὓ</span> ὓ</div> +<div><span>Ὕ</span> ὕ</div> +<div><span>Ὗ</span> ὗ</div> +<div><span>Ὠ</span> ὠ</div> +<div><span>Ὡ</span> ὡ</div> +<div><span>Ὢ</span> ὢ</div> +<div><span>Ὣ</span> ὣ</div> +<div><span>Ὤ</span> ὤ</div> +<div><span>Ὥ</span> ὥ</div> +<div><span>Ὦ</span> ὦ</div> +<div><span>Ὧ</span> ὧ</div> +<div><span>Ὰ</span> ὰ</div> +<div><span>Ά</span> ά</div> +<div><span>Ὲ</span> ὲ</div> +<div><span>Έ</span> έ</div> +<div><span>Ὴ</span> ὴ</div> +<div><span>Ή</span> ή</div> +<div><span>Ὶ</span> ὶ</div> +<div><span>Ί</span> ί</div> +<div><span>Ὸ</span> ὸ</div> +<div><span>Ό</span> ό</div> +<div><span>Ὺ</span> ὺ</div> +<div><span>Ύ</span> ύ</div> +<div><span>Ὼ</span> ὼ</div> +<div><span>Ώ</span> ώ</div> +<div><span>ᾈ</span> ᾀ</div> +<div><span>ᾉ</span> ᾁ</div> +<div><span>ᾊ</span> ᾂ</div> +<div><span>ᾋ</span> ᾃ</div> +<div><span>ᾌ</span> ᾄ</div> +<div><span>ᾍ</span> ᾅ</div> +<div><span>ᾎ</span> ᾆ</div> +<div><span>ᾏ</span> ᾇ</div> +<div><span>ᾘ</span> ᾐ</div> +<div><span>ᾙ</span> ᾑ</div> +<div><span>ᾚ</span> ᾒ</div> +<div><span>ᾛ</span> ᾓ</div> +<div><span>ᾜ</span> ᾔ</div> +<div><span>ᾝ</span> ᾕ</div> +<div><span>ᾞ</span> ᾖ</div> +<div><span>ᾟ</span> ᾗ</div> +<div><span>ᾨ</span> ᾠ</div> +<div><span>ᾩ</span> ᾡ</div> +<div><span>ᾪ</span> ᾢ</div> +<div><span>ᾫ</span> ᾣ</div> +<div><span>ᾬ</span> ᾤ</div> +<div><span>ᾭ</span> ᾥ</div> +<div><span>ᾮ</span> ᾦ</div> +<div><span>ᾯ</span> ᾧ</div> +<div><span>Ᾰ</span> ᾰ</div> +<div><span>Ᾱ</span> ᾱ</div> +<div><span>ᾼ</span> ᾳ</div> +<div><span>Ι</span> ι</div> +<div><span>ῌ</span> ῃ</div> +<div><span>Ῐ</span> ῐ</div> +<div><span>Ῑ</span> ῑ</div> +<div><span>Ῠ</span> ῠ</div> +<div><span>Ῡ</span> ῡ</div> +<div><span>Ῥ</span> ῥ</div> +<div><span>ῼ</span> ῳ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht new file mode 100644 index 0000000000..1a8727ddec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009-ref.xht @@ -0,0 +1,33 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ϣ Ϣ</div> +<div>Ϥ Ϥ</div> +<div>Ϧ Ϧ</div> +<div>Ϩ Ϩ</div> +<div>Ϫ Ϫ</div> +<div>Ϭ Ϭ</div> +<div>Ϯ Ϯ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht new file mode 100644 index 0000000000..8c54a28921 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-009.xht @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Coptic, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-009-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=9' /> +<meta name="assert" content="The UA will uppercase Unicode Coptic when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ϣ <span>ϣ</span></div> +<div>Ϥ <span>ϥ</span></div> +<div>Ϧ <span>ϧ</span></div> +<div>Ϩ <span>ϩ</span></div> +<div>Ϫ <span>ϫ</span></div> +<div>Ϭ <span>ϭ</span></div> +<div>Ϯ <span>ϯ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht new file mode 100644 index 0000000000..c5d842cb9c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010-ref.xht @@ -0,0 +1,33 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ϣ ϣ</div> +<div>ϥ ϥ</div> +<div>ϧ ϧ</div> +<div>ϩ ϩ</div> +<div>ϫ ϫ</div> +<div>ϭ ϭ</div> +<div>ϯ ϯ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht new file mode 100644 index 0000000000..20d3589c13 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-010.xht @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Coptic, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-010-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=10' /> +<meta name="assert" content="The UA will lowercase Unicode Coptic when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ϣ</span> ϣ</div> +<div><span>Ϥ</span> ϥ</div> +<div><span>Ϧ</span> ϧ</div> +<div><span>Ϩ</span> ϩ</div> +<div><span>Ϫ</span> ϫ</div> +<div><span>Ϭ</span> ϭ</div> +<div><span>Ϯ</span> ϯ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht new file mode 100644 index 0000000000..54945b7d61 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011-ref.xht @@ -0,0 +1,153 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>А А</div> +<div>Б Б</div> +<div>В В</div> +<div>Г Г</div> +<div>Д Д</div> +<div>Е Е</div> +<div>Ж Ж</div> +<div>З З</div> +<div>И И</div> +<div>Й Й</div> +<div>К К</div> +<div>Л Л</div> +<div>М М</div> +<div>Н Н</div> +<div>О О</div> +<div>П П</div> +<div>Р Р</div> +<div>С С</div> +<div>Т Т</div> +<div>У У</div> +<div>Ф Ф</div> +<div>Х Х</div> +<div>Ц Ц</div> +<div>Ч Ч</div> +<div>Ш Ш</div> +<div>Щ Щ</div> +<div>Ъ Ъ</div> +<div>Ы Ы</div> +<div>Ь Ь</div> +<div>Э Э</div> +<div>Ю Ю</div> +<div>Я Я</div> +<div>Ѐ Ѐ</div> +<div>Ё Ё</div> +<div>Ђ Ђ</div> +<div>Ѓ Ѓ</div> +<div>Є Є</div> +<div>Ѕ Ѕ</div> +<div>І І</div> +<div>Ї Ї</div> +<div>Ј Ј</div> +<div>Љ Љ</div> +<div>Њ Њ</div> +<div>Ћ Ћ</div> +<div>Ќ Ќ</div> +<div>Ѝ Ѝ</div> +<div>Ў Ў</div> +<div>Џ Џ</div> +<div>Ѡ Ѡ</div> +<div>Ѣ Ѣ</div> +<div>Ѥ Ѥ</div> +<div>Ѧ Ѧ</div> +<div>Ѩ Ѩ</div> +<div>Ѫ Ѫ</div> +<div>Ѭ Ѭ</div> +<div>Ѯ Ѯ</div> +<div>Ѱ Ѱ</div> +<div>Ѳ Ѳ</div> +<div>Ѵ Ѵ</div> +<div>Ѷ Ѷ</div> +<div>Ѹ Ѹ</div> +<div>Ѻ Ѻ</div> +<div>Ѽ Ѽ</div> +<div>Ѿ Ѿ</div> +<div>Ҁ Ҁ</div> +<div>Ҋ Ҋ</div> +<div>Ҍ Ҍ</div> +<div>Ҏ Ҏ</div> +<div>Ґ Ґ</div> +<div>Ғ Ғ</div> +<div>Ҕ Ҕ</div> +<div>Җ Җ</div> +<div>Ҙ Ҙ</div> +<div>Қ Қ</div> +<div>Ҝ Ҝ</div> +<div>Ҟ Ҟ</div> +<div>Ҡ Ҡ</div> +<div>Ң Ң</div> +<div>Ҥ Ҥ</div> +<div>Ҧ Ҧ</div> +<div>Ҩ Ҩ</div> +<div>Ҫ Ҫ</div> +<div>Ҭ Ҭ</div> +<div>Ү Ү</div> +<div>Ұ Ұ</div> +<div>Ҳ Ҳ</div> +<div>Ҵ Ҵ</div> +<div>Ҷ Ҷ</div> +<div>Ҹ Ҹ</div> +<div>Һ Һ</div> +<div>Ҽ Ҽ</div> +<div>Ҿ Ҿ</div> +<div>Ӂ Ӂ</div> +<div>Ӄ Ӄ</div> +<div>Ӆ Ӆ</div> +<div>Ӈ Ӈ</div> +<div>Ӊ Ӊ</div> +<div>Ӌ Ӌ</div> +<div>Ӎ Ӎ</div> +<div>Ӑ Ӑ</div> +<div>Ӓ Ӓ</div> +<div>Ӕ Ӕ</div> +<div>Ӗ Ӗ</div> +<div>Ә Ә</div> +<div>Ӛ Ӛ</div> +<div>Ӝ Ӝ</div> +<div>Ӟ Ӟ</div> +<div>Ӡ Ӡ</div> +<div>Ӣ Ӣ</div> +<div>Ӥ Ӥ</div> +<div>Ӧ Ӧ</div> +<div>Ө Ө</div> +<div>Ӫ Ӫ</div> +<div>Ӭ Ӭ</div> +<div>Ӯ Ӯ</div> +<div>Ӱ Ӱ</div> +<div>Ӳ Ӳ</div> +<div>Ӵ Ӵ</div> +<div>Ӹ Ӹ</div> +<div>Ԁ Ԁ</div> +<div>Ԃ Ԃ</div> +<div>Ԅ Ԅ</div> +<div>Ԇ Ԇ</div> +<div>Ԉ Ԉ</div> +<div>Ԋ Ԋ</div> +<div>Ԍ Ԍ</div> +<div>Ԏ Ԏ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht new file mode 100644 index 0000000000..f7cd8b9a21 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-011.xht @@ -0,0 +1,162 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Cyrillic, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-011-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=11' /> +<meta name="assert" content="The UA will uppercase Unicode Cyrillic when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>А <span>а</span></div> +<div>Б <span>б</span></div> +<div>В <span>в</span></div> +<div>Г <span>г</span></div> +<div>Д <span>д</span></div> +<div>Е <span>е</span></div> +<div>Ж <span>ж</span></div> +<div>З <span>з</span></div> +<div>И <span>и</span></div> +<div>Й <span>й</span></div> +<div>К <span>к</span></div> +<div>Л <span>л</span></div> +<div>М <span>м</span></div> +<div>Н <span>н</span></div> +<div>О <span>о</span></div> +<div>П <span>п</span></div> +<div>Р <span>р</span></div> +<div>С <span>с</span></div> +<div>Т <span>т</span></div> +<div>У <span>у</span></div> +<div>Ф <span>ф</span></div> +<div>Х <span>х</span></div> +<div>Ц <span>ц</span></div> +<div>Ч <span>ч</span></div> +<div>Ш <span>ш</span></div> +<div>Щ <span>щ</span></div> +<div>Ъ <span>ъ</span></div> +<div>Ы <span>ы</span></div> +<div>Ь <span>ь</span></div> +<div>Э <span>э</span></div> +<div>Ю <span>ю</span></div> +<div>Я <span>я</span></div> +<div>Ѐ <span>ѐ</span></div> +<div>Ё <span>ё</span></div> +<div>Ђ <span>ђ</span></div> +<div>Ѓ <span>ѓ</span></div> +<div>Є <span>є</span></div> +<div>Ѕ <span>ѕ</span></div> +<div>І <span>і</span></div> +<div>Ї <span>ї</span></div> +<div>Ј <span>ј</span></div> +<div>Љ <span>љ</span></div> +<div>Њ <span>њ</span></div> +<div>Ћ <span>ћ</span></div> +<div>Ќ <span>ќ</span></div> +<div>Ѝ <span>ѝ</span></div> +<div>Ў <span>ў</span></div> +<div>Џ <span>џ</span></div> +<div>Ѡ <span>ѡ</span></div> +<div>Ѣ <span>ѣ</span></div> +<div>Ѥ <span>ѥ</span></div> +<div>Ѧ <span>ѧ</span></div> +<div>Ѩ <span>ѩ</span></div> +<div>Ѫ <span>ѫ</span></div> +<div>Ѭ <span>ѭ</span></div> +<div>Ѯ <span>ѯ</span></div> +<div>Ѱ <span>ѱ</span></div> +<div>Ѳ <span>ѳ</span></div> +<div>Ѵ <span>ѵ</span></div> +<div>Ѷ <span>ѷ</span></div> +<div>Ѹ <span>ѹ</span></div> +<div>Ѻ <span>ѻ</span></div> +<div>Ѽ <span>ѽ</span></div> +<div>Ѿ <span>ѿ</span></div> +<div>Ҁ <span>ҁ</span></div> +<div>Ҋ <span>ҋ</span></div> +<div>Ҍ <span>ҍ</span></div> +<div>Ҏ <span>ҏ</span></div> +<div>Ґ <span>ґ</span></div> +<div>Ғ <span>ғ</span></div> +<div>Ҕ <span>ҕ</span></div> +<div>Җ <span>җ</span></div> +<div>Ҙ <span>ҙ</span></div> +<div>Қ <span>қ</span></div> +<div>Ҝ <span>ҝ</span></div> +<div>Ҟ <span>ҟ</span></div> +<div>Ҡ <span>ҡ</span></div> +<div>Ң <span>ң</span></div> +<div>Ҥ <span>ҥ</span></div> +<div>Ҧ <span>ҧ</span></div> +<div>Ҩ <span>ҩ</span></div> +<div>Ҫ <span>ҫ</span></div> +<div>Ҭ <span>ҭ</span></div> +<div>Ү <span>ү</span></div> +<div>Ұ <span>ұ</span></div> +<div>Ҳ <span>ҳ</span></div> +<div>Ҵ <span>ҵ</span></div> +<div>Ҷ <span>ҷ</span></div> +<div>Ҹ <span>ҹ</span></div> +<div>Һ <span>һ</span></div> +<div>Ҽ <span>ҽ</span></div> +<div>Ҿ <span>ҿ</span></div> +<div>Ӂ <span>ӂ</span></div> +<div>Ӄ <span>ӄ</span></div> +<div>Ӆ <span>ӆ</span></div> +<div>Ӈ <span>ӈ</span></div> +<div>Ӊ <span>ӊ</span></div> +<div>Ӌ <span>ӌ</span></div> +<div>Ӎ <span>ӎ</span></div> +<div>Ӑ <span>ӑ</span></div> +<div>Ӓ <span>ӓ</span></div> +<div>Ӕ <span>ӕ</span></div> +<div>Ӗ <span>ӗ</span></div> +<div>Ә <span>ә</span></div> +<div>Ӛ <span>ӛ</span></div> +<div>Ӝ <span>ӝ</span></div> +<div>Ӟ <span>ӟ</span></div> +<div>Ӡ <span>ӡ</span></div> +<div>Ӣ <span>ӣ</span></div> +<div>Ӥ <span>ӥ</span></div> +<div>Ӧ <span>ӧ</span></div> +<div>Ө <span>ө</span></div> +<div>Ӫ <span>ӫ</span></div> +<div>Ӭ <span>ӭ</span></div> +<div>Ӯ <span>ӯ</span></div> +<div>Ӱ <span>ӱ</span></div> +<div>Ӳ <span>ӳ</span></div> +<div>Ӵ <span>ӵ</span></div> +<div>Ӹ <span>ӹ</span></div> +<div>Ԁ <span>ԁ</span></div> +<div>Ԃ <span>ԃ</span></div> +<div>Ԅ <span>ԅ</span></div> +<div>Ԇ <span>ԇ</span></div> +<div>Ԉ <span>ԉ</span></div> +<div>Ԋ <span>ԋ</span></div> +<div>Ԍ <span>ԍ</span></div> +<div>Ԏ <span>ԏ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht new file mode 100644 index 0000000000..745b7c7326 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012-ref.xht @@ -0,0 +1,153 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>а а</div> +<div>б б</div> +<div>в в</div> +<div>г г</div> +<div>д д</div> +<div>е е</div> +<div>ж ж</div> +<div>з з</div> +<div>и и</div> +<div>й й</div> +<div>к к</div> +<div>л л</div> +<div>м м</div> +<div>н н</div> +<div>о о</div> +<div>п п</div> +<div>р р</div> +<div>с с</div> +<div>т т</div> +<div>у у</div> +<div>ф ф</div> +<div>х х</div> +<div>ц ц</div> +<div>ч ч</div> +<div>ш ш</div> +<div>щ щ</div> +<div>ъ ъ</div> +<div>ы ы</div> +<div>ь ь</div> +<div>э э</div> +<div>ю ю</div> +<div>я я</div> +<div>ѐ ѐ</div> +<div>ё ё</div> +<div>ђ ђ</div> +<div>ѓ ѓ</div> +<div>є є</div> +<div>ѕ ѕ</div> +<div>і і</div> +<div>ї ї</div> +<div>ј ј</div> +<div>љ љ</div> +<div>њ њ</div> +<div>ћ ћ</div> +<div>ќ ќ</div> +<div>ѝ ѝ</div> +<div>ў ў</div> +<div>џ џ</div> +<div>ѡ ѡ</div> +<div>ѣ ѣ</div> +<div>ѥ ѥ</div> +<div>ѧ ѧ</div> +<div>ѩ ѩ</div> +<div>ѫ ѫ</div> +<div>ѭ ѭ</div> +<div>ѯ ѯ</div> +<div>ѱ ѱ</div> +<div>ѳ ѳ</div> +<div>ѵ ѵ</div> +<div>ѷ ѷ</div> +<div>ѹ ѹ</div> +<div>ѻ ѻ</div> +<div>ѽ ѽ</div> +<div>ѿ ѿ</div> +<div>ҁ ҁ</div> +<div>ҋ ҋ</div> +<div>ҍ ҍ</div> +<div>ҏ ҏ</div> +<div>ґ ґ</div> +<div>ғ ғ</div> +<div>ҕ ҕ</div> +<div>җ җ</div> +<div>ҙ ҙ</div> +<div>қ қ</div> +<div>ҝ ҝ</div> +<div>ҟ ҟ</div> +<div>ҡ ҡ</div> +<div>ң ң</div> +<div>ҥ ҥ</div> +<div>ҧ ҧ</div> +<div>ҩ ҩ</div> +<div>ҫ ҫ</div> +<div>ҭ ҭ</div> +<div>ү ү</div> +<div>ұ ұ</div> +<div>ҳ ҳ</div> +<div>ҵ ҵ</div> +<div>ҷ ҷ</div> +<div>ҹ ҹ</div> +<div>һ һ</div> +<div>ҽ ҽ</div> +<div>ҿ ҿ</div> +<div>ӂ ӂ</div> +<div>ӄ ӄ</div> +<div>ӆ ӆ</div> +<div>ӈ ӈ</div> +<div>ӊ ӊ</div> +<div>ӌ ӌ</div> +<div>ӎ ӎ</div> +<div>ӑ ӑ</div> +<div>ӓ ӓ</div> +<div>ӕ ӕ</div> +<div>ӗ ӗ</div> +<div>ә ә</div> +<div>ӛ ӛ</div> +<div>ӝ ӝ</div> +<div>ӟ ӟ</div> +<div>ӡ ӡ</div> +<div>ӣ ӣ</div> +<div>ӥ ӥ</div> +<div>ӧ ӧ</div> +<div>ө ө</div> +<div>ӫ ӫ</div> +<div>ӭ ӭ</div> +<div>ӯ ӯ</div> +<div>ӱ ӱ</div> +<div>ӳ ӳ</div> +<div>ӵ ӵ</div> +<div>ӹ ӹ</div> +<div>ԁ ԁ</div> +<div>ԃ ԃ</div> +<div>ԅ ԅ</div> +<div>ԇ ԇ</div> +<div>ԉ ԉ</div> +<div>ԋ ԋ</div> +<div>ԍ ԍ</div> +<div>ԏ ԏ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht new file mode 100644 index 0000000000..e761c3cb74 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-012.xht @@ -0,0 +1,162 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Cyrillic, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-012-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=12' /> +<meta name="assert" content="The UA will lowercase Unicode Cyrillic when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { line-height: 2; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 3em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>А</span> а</div> +<div><span>Б</span> б</div> +<div><span>В</span> в</div> +<div><span>Г</span> г</div> +<div><span>Д</span> д</div> +<div><span>Е</span> е</div> +<div><span>Ж</span> ж</div> +<div><span>З</span> з</div> +<div><span>И</span> и</div> +<div><span>Й</span> й</div> +<div><span>К</span> к</div> +<div><span>Л</span> л</div> +<div><span>М</span> м</div> +<div><span>Н</span> н</div> +<div><span>О</span> о</div> +<div><span>П</span> п</div> +<div><span>Р</span> р</div> +<div><span>С</span> с</div> +<div><span>Т</span> т</div> +<div><span>У</span> у</div> +<div><span>Ф</span> ф</div> +<div><span>Х</span> х</div> +<div><span>Ц</span> ц</div> +<div><span>Ч</span> ч</div> +<div><span>Ш</span> ш</div> +<div><span>Щ</span> щ</div> +<div><span>Ъ</span> ъ</div> +<div><span>Ы</span> ы</div> +<div><span>Ь</span> ь</div> +<div><span>Э</span> э</div> +<div><span>Ю</span> ю</div> +<div><span>Я</span> я</div> +<div><span>Ѐ</span> ѐ</div> +<div><span>Ё</span> ё</div> +<div><span>Ђ</span> ђ</div> +<div><span>Ѓ</span> ѓ</div> +<div><span>Є</span> є</div> +<div><span>Ѕ</span> ѕ</div> +<div><span>І</span> і</div> +<div><span>Ї</span> ї</div> +<div><span>Ј</span> ј</div> +<div><span>Љ</span> љ</div> +<div><span>Њ</span> њ</div> +<div><span>Ћ</span> ћ</div> +<div><span>Ќ</span> ќ</div> +<div><span>Ѝ</span> ѝ</div> +<div><span>Ў</span> ў</div> +<div><span>Џ</span> џ</div> +<div><span>Ѡ</span> ѡ</div> +<div><span>Ѣ</span> ѣ</div> +<div><span>Ѥ</span> ѥ</div> +<div><span>Ѧ</span> ѧ</div> +<div><span>Ѩ</span> ѩ</div> +<div><span>Ѫ</span> ѫ</div> +<div><span>Ѭ</span> ѭ</div> +<div><span>Ѯ</span> ѯ</div> +<div><span>Ѱ</span> ѱ</div> +<div><span>Ѳ</span> ѳ</div> +<div><span>Ѵ</span> ѵ</div> +<div><span>Ѷ</span> ѷ</div> +<div><span>Ѹ</span> ѹ</div> +<div><span>Ѻ</span> ѻ</div> +<div><span>Ѽ</span> ѽ</div> +<div><span>Ѿ</span> ѿ</div> +<div><span>Ҁ</span> ҁ</div> +<div><span>Ҋ</span> ҋ</div> +<div><span>Ҍ</span> ҍ</div> +<div><span>Ҏ</span> ҏ</div> +<div><span>Ґ</span> ґ</div> +<div><span>Ғ</span> ғ</div> +<div><span>Ҕ</span> ҕ</div> +<div><span>Җ</span> җ</div> +<div><span>Ҙ</span> ҙ</div> +<div><span>Қ</span> қ</div> +<div><span>Ҝ</span> ҝ</div> +<div><span>Ҟ</span> ҟ</div> +<div><span>Ҡ</span> ҡ</div> +<div><span>Ң</span> ң</div> +<div><span>Ҥ</span> ҥ</div> +<div><span>Ҧ</span> ҧ</div> +<div><span>Ҩ</span> ҩ</div> +<div><span>Ҫ</span> ҫ</div> +<div><span>Ҭ</span> ҭ</div> +<div><span>Ү</span> ү</div> +<div><span>Ұ</span> ұ</div> +<div><span>Ҳ</span> ҳ</div> +<div><span>Ҵ</span> ҵ</div> +<div><span>Ҷ</span> ҷ</div> +<div><span>Ҹ</span> ҹ</div> +<div><span>Һ</span> һ</div> +<div><span>Ҽ</span> ҽ</div> +<div><span>Ҿ</span> ҿ</div> +<div><span>Ӂ</span> ӂ</div> +<div><span>Ӄ</span> ӄ</div> +<div><span>Ӆ</span> ӆ</div> +<div><span>Ӈ</span> ӈ</div> +<div><span>Ӊ</span> ӊ</div> +<div><span>Ӌ</span> ӌ</div> +<div><span>Ӎ</span> ӎ</div> +<div><span>Ӑ</span> ӑ</div> +<div><span>Ӓ</span> ӓ</div> +<div><span>Ӕ</span> ӕ</div> +<div><span>Ӗ</span> ӗ</div> +<div><span>Ә</span> ә</div> +<div><span>Ӛ</span> ӛ</div> +<div><span>Ӝ</span> ӝ</div> +<div><span>Ӟ</span> ӟ</div> +<div><span>Ӡ</span> ӡ</div> +<div><span>Ӣ</span> ӣ</div> +<div><span>Ӥ</span> ӥ</div> +<div><span>Ӧ</span> ӧ</div> +<div><span>Ө</span> ө</div> +<div><span>Ӫ</span> ӫ</div> +<div><span>Ӭ</span> ӭ</div> +<div><span>Ӯ</span> ӯ</div> +<div><span>Ӱ</span> ӱ</div> +<div><span>Ӳ</span> ӳ</div> +<div><span>Ӵ</span> ӵ</div> +<div><span>Ӹ</span> ӹ</div> +<div><span>Ԁ</span> ԁ</div> +<div><span>Ԃ</span> ԃ</div> +<div><span>Ԅ</span> ԅ</div> +<div><span>Ԇ</span> ԇ</div> +<div><span>Ԉ</span> ԉ</div> +<div><span>Ԋ</span> ԋ</div> +<div><span>Ԍ</span> ԍ</div> +<div><span>Ԏ</span> ԏ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht new file mode 100644 index 0000000000..48a8b43b4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013-ref.xht @@ -0,0 +1,64 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ա Ա</div> +<div>Բ Բ</div> +<div>Գ Գ</div> +<div>Դ Դ</div> +<div>Ե Ե</div> +<div>Զ Զ</div> +<div>Է Է</div> +<div>Ը Ը</div> +<div>Թ Թ</div> +<div>Ժ Ժ</div> +<div>Ի Ի</div> +<div>Լ Լ</div> +<div>Խ Խ</div> +<div>Ծ Ծ</div> +<div>Կ Կ</div> +<div>Հ Հ</div> +<div>Ձ Ձ</div> +<div>Ղ Ղ</div> +<div>Ճ Ճ</div> +<div>Մ Մ</div> +<div>Յ Յ</div> +<div>Ն Ն</div> +<div>Շ Շ</div> +<div>Ո Ո</div> +<div>Չ Չ</div> +<div>Պ Պ</div> +<div>Ջ Ջ</div> +<div>Ռ Ռ</div> +<div>Ս Ս</div> +<div>Վ Վ</div> +<div>Տ Տ</div> +<div>Ր Ր</div> +<div>Ց Ց</div> +<div>Ւ Ւ</div> +<div>Փ Փ</div> +<div>Ք Ք</div> +<div>Օ Օ</div> +<div>Ֆ Ֆ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht new file mode 100644 index 0000000000..2c64320229 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-013.xht @@ -0,0 +1,73 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Armenian, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-013-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=13' /> +<meta name="assert" content="The UA will uppercase Unicode Armenian when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ա <span>ա</span></div> +<div>Բ <span>բ</span></div> +<div>Գ <span>գ</span></div> +<div>Դ <span>դ</span></div> +<div>Ե <span>ե</span></div> +<div>Զ <span>զ</span></div> +<div>Է <span>է</span></div> +<div>Ը <span>ը</span></div> +<div>Թ <span>թ</span></div> +<div>Ժ <span>ժ</span></div> +<div>Ի <span>ի</span></div> +<div>Լ <span>լ</span></div> +<div>Խ <span>խ</span></div> +<div>Ծ <span>ծ</span></div> +<div>Կ <span>կ</span></div> +<div>Հ <span>հ</span></div> +<div>Ձ <span>ձ</span></div> +<div>Ղ <span>ղ</span></div> +<div>Ճ <span>ճ</span></div> +<div>Մ <span>մ</span></div> +<div>Յ <span>յ</span></div> +<div>Ն <span>ն</span></div> +<div>Շ <span>շ</span></div> +<div>Ո <span>ո</span></div> +<div>Չ <span>չ</span></div> +<div>Պ <span>պ</span></div> +<div>Ջ <span>ջ</span></div> +<div>Ռ <span>ռ</span></div> +<div>Ս <span>ս</span></div> +<div>Վ <span>վ</span></div> +<div>Տ <span>տ</span></div> +<div>Ր <span>ր</span></div> +<div>Ց <span>ց</span></div> +<div>Ւ <span>ւ</span></div> +<div>Փ <span>փ</span></div> +<div>Ք <span>ք</span></div> +<div>Օ <span>օ</span></div> +<div>Ֆ <span>ֆ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht new file mode 100644 index 0000000000..27249cce97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014-ref.xht @@ -0,0 +1,64 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ա ա</div> +<div>բ բ</div> +<div>գ գ</div> +<div>դ դ</div> +<div>ե ե</div> +<div>զ զ</div> +<div>է է</div> +<div>ը ը</div> +<div>թ թ</div> +<div>ժ ժ</div> +<div>ի ի</div> +<div>լ լ</div> +<div>խ խ</div> +<div>ծ ծ</div> +<div>կ կ</div> +<div>հ հ</div> +<div>ձ ձ</div> +<div>ղ ղ</div> +<div>ճ ճ</div> +<div>մ մ</div> +<div>յ յ</div> +<div>ն ն</div> +<div>շ շ</div> +<div>ո ո</div> +<div>չ չ</div> +<div>պ պ</div> +<div>ջ ջ</div> +<div>ռ ռ</div> +<div>ս ս</div> +<div>վ վ</div> +<div>տ տ</div> +<div>ր ր</div> +<div>ց ց</div> +<div>ւ ւ</div> +<div>փ փ</div> +<div>ք ք</div> +<div>օ օ</div> +<div>ֆ ֆ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht new file mode 100644 index 0000000000..b48f82464c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-014.xht @@ -0,0 +1,73 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Armenian, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-014-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=14' /> +<meta name="assert" content="The UA will lowercase Unicode Armenian when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ա</span> ա</div> +<div><span>Բ</span> բ</div> +<div><span>Գ</span> գ</div> +<div><span>Դ</span> դ</div> +<div><span>Ե</span> ե</div> +<div><span>Զ</span> զ</div> +<div><span>Է</span> է</div> +<div><span>Ը</span> ը</div> +<div><span>Թ</span> թ</div> +<div><span>Ժ</span> ժ</div> +<div><span>Ի</span> ի</div> +<div><span>Լ</span> լ</div> +<div><span>Խ</span> խ</div> +<div><span>Ծ</span> ծ</div> +<div><span>Կ</span> կ</div> +<div><span>Հ</span> հ</div> +<div><span>Ձ</span> ձ</div> +<div><span>Ղ</span> ղ</div> +<div><span>Ճ</span> ճ</div> +<div><span>Մ</span> մ</div> +<div><span>Յ</span> յ</div> +<div><span>Ն</span> ն</div> +<div><span>Շ</span> շ</div> +<div><span>Ո</span> ո</div> +<div><span>Չ</span> չ</div> +<div><span>Պ</span> պ</div> +<div><span>Ջ</span> ջ</div> +<div><span>Ռ</span> ռ</div> +<div><span>Ս</span> ս</div> +<div><span>Վ</span> վ</div> +<div><span>Տ</span> տ</div> +<div><span>Ր</span> ր</div> +<div><span>Ց</span> ց</div> +<div><span>Ւ</span> ւ</div> +<div><span>Փ</span> փ</div> +<div><span>Ք</span> ք</div> +<div><span>Օ</span> օ</div> +<div><span>Ֆ</span> ֆ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht new file mode 100644 index 0000000000..2f5c8877cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015-ref.xht @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ⅰ Ⅰ</div> +<div>Ⅱ Ⅱ</div> +<div>Ⅲ Ⅲ</div> +<div>Ⅳ Ⅳ</div> +<div>Ⅴ Ⅴ</div> +<div>Ⅵ Ⅵ</div> +<div>Ⅶ Ⅶ</div> +<div>Ⅷ Ⅷ</div> +<div>Ⅸ Ⅸ</div> +<div>Ⅹ Ⅹ</div> +<div>Ⅺ Ⅺ</div> +<div>Ⅻ Ⅻ</div> +<div>Ⅼ Ⅼ</div> +<div>Ⅽ Ⅽ</div> +<div>Ⅾ Ⅾ</div> +<div>Ⅿ Ⅿ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht new file mode 100644 index 0000000000..cb467408ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-015.xht @@ -0,0 +1,51 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Roman numerals, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-015-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=15' /> +<meta name="assert" content="The UA will uppercase Unicode Roman numerals when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ⅰ <span>ⅰ</span></div> +<div>Ⅱ <span>ⅱ</span></div> +<div>Ⅲ <span>ⅲ</span></div> +<div>Ⅳ <span>ⅳ</span></div> +<div>Ⅴ <span>ⅴ</span></div> +<div>Ⅵ <span>ⅵ</span></div> +<div>Ⅶ <span>ⅶ</span></div> +<div>Ⅷ <span>ⅷ</span></div> +<div>Ⅸ <span>ⅸ</span></div> +<div>Ⅹ <span>ⅹ</span></div> +<div>Ⅺ <span>ⅺ</span></div> +<div>Ⅻ <span>ⅻ</span></div> +<div>Ⅼ <span>ⅼ</span></div> +<div>Ⅽ <span>ⅽ</span></div> +<div>Ⅾ <span>ⅾ</span></div> +<div>Ⅿ <span>ⅿ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht new file mode 100644 index 0000000000..c4b2e8e031 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016-ref.xht @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ⅰ ⅰ</div> +<div>ⅱ ⅱ</div> +<div>ⅲ ⅲ</div> +<div>ⅳ ⅳ</div> +<div>ⅴ ⅴ</div> +<div>ⅵ ⅵ</div> +<div>ⅶ ⅶ</div> +<div>ⅷ ⅷ</div> +<div>ⅸ ⅸ</div> +<div>ⅹ ⅹ</div> +<div>ⅺ ⅺ</div> +<div>ⅻ ⅻ</div> +<div>ⅼ ⅼ</div> +<div>ⅽ ⅽ</div> +<div>ⅾ ⅾ</div> +<div>ⅿ ⅿ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht new file mode 100644 index 0000000000..18b9913071 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-016.xht @@ -0,0 +1,51 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Roman numerals, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-016-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=16' /> +<meta name="assert" content="The UA will lowercase Unicode Roman numerals when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ⅰ</span> ⅰ</div> +<div><span>Ⅱ</span> ⅱ</div> +<div><span>Ⅲ</span> ⅲ</div> +<div><span>Ⅳ</span> ⅳ</div> +<div><span>Ⅴ</span> ⅴ</div> +<div><span>Ⅵ</span> ⅵ</div> +<div><span>Ⅶ</span> ⅶ</div> +<div><span>Ⅷ</span> ⅷ</div> +<div><span>Ⅸ</span> ⅸ</div> +<div><span>Ⅹ</span> ⅹ</div> +<div><span>Ⅺ</span> ⅺ</div> +<div><span>Ⅻ</span> ⅻ</div> +<div><span>Ⅼ</span> ⅼ</div> +<div><span>Ⅽ</span> ⅽ</div> +<div><span>Ⅾ</span> ⅾ</div> +<div><span>Ⅿ</span> ⅿ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht new file mode 100644 index 0000000000..4262ac0478 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017-ref.xht @@ -0,0 +1,52 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ⓐ Ⓐ</div> +<div>Ⓑ Ⓑ</div> +<div>Ⓒ Ⓒ</div> +<div>Ⓓ Ⓓ</div> +<div>Ⓔ Ⓔ</div> +<div>Ⓕ Ⓕ</div> +<div>Ⓖ Ⓖ</div> +<div>Ⓗ Ⓗ</div> +<div>Ⓘ Ⓘ</div> +<div>Ⓙ Ⓙ</div> +<div>Ⓚ Ⓚ</div> +<div>Ⓛ Ⓛ</div> +<div>Ⓜ Ⓜ</div> +<div>Ⓝ Ⓝ</div> +<div>Ⓞ Ⓞ</div> +<div>Ⓟ Ⓟ</div> +<div>Ⓠ Ⓠ</div> +<div>Ⓡ Ⓡ</div> +<div>Ⓢ Ⓢ</div> +<div>Ⓣ Ⓣ</div> +<div>Ⓤ Ⓤ</div> +<div>Ⓥ Ⓥ</div> +<div>Ⓦ Ⓦ</div> +<div>Ⓧ Ⓧ</div> +<div>Ⓨ Ⓨ</div> +<div>Ⓩ Ⓩ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht new file mode 100644 index 0000000000..d7deebd9f9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-017.xht @@ -0,0 +1,61 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Circled Latin, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-017-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=17' /> +<meta name="assert" content="The UA will uppercase Unicode Circled Latin when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ⓐ <span>ⓐ</span></div> +<div>Ⓑ <span>ⓑ</span></div> +<div>Ⓒ <span>ⓒ</span></div> +<div>Ⓓ <span>ⓓ</span></div> +<div>Ⓔ <span>ⓔ</span></div> +<div>Ⓕ <span>ⓕ</span></div> +<div>Ⓖ <span>ⓖ</span></div> +<div>Ⓗ <span>ⓗ</span></div> +<div>Ⓘ <span>ⓘ</span></div> +<div>Ⓙ <span>ⓙ</span></div> +<div>Ⓚ <span>ⓚ</span></div> +<div>Ⓛ <span>ⓛ</span></div> +<div>Ⓜ <span>ⓜ</span></div> +<div>Ⓝ <span>ⓝ</span></div> +<div>Ⓞ <span>ⓞ</span></div> +<div>Ⓟ <span>ⓟ</span></div> +<div>Ⓠ <span>ⓠ</span></div> +<div>Ⓡ <span>ⓡ</span></div> +<div>Ⓢ <span>ⓢ</span></div> +<div>Ⓣ <span>ⓣ</span></div> +<div>Ⓤ <span>ⓤ</span></div> +<div>Ⓥ <span>ⓥ</span></div> +<div>Ⓦ <span>ⓦ</span></div> +<div>Ⓧ <span>ⓧ</span></div> +<div>Ⓨ <span>ⓨ</span></div> +<div>Ⓩ <span>ⓩ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht new file mode 100644 index 0000000000..1665eba3c4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018-ref.xht @@ -0,0 +1,52 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ⓐ ⓐ</div> +<div>ⓑ ⓑ</div> +<div>ⓒ ⓒ</div> +<div>ⓓ ⓓ</div> +<div>ⓔ ⓔ</div> +<div>ⓕ ⓕ</div> +<div>ⓖ ⓖ</div> +<div>ⓗ ⓗ</div> +<div>ⓘ ⓘ</div> +<div>ⓙ ⓙ</div> +<div>ⓚ ⓚ</div> +<div>ⓛ ⓛ</div> +<div>ⓜ ⓜ</div> +<div>ⓝ ⓝ</div> +<div>ⓞ ⓞ</div> +<div>ⓟ ⓟ</div> +<div>ⓠ ⓠ</div> +<div>ⓡ ⓡ</div> +<div>ⓢ ⓢ</div> +<div>ⓣ ⓣ</div> +<div>ⓤ ⓤ</div> +<div>ⓥ ⓥ</div> +<div>ⓦ ⓦ</div> +<div>ⓧ ⓧ</div> +<div>ⓨ ⓨ</div> +<div>ⓩ ⓩ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht new file mode 100644 index 0000000000..a594c80915 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-018.xht @@ -0,0 +1,61 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Circled Latin, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-018-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=18' /> +<meta name="assert" content="The UA will lowercase Unicode Circled Latin when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ⓐ</span> ⓐ</div> +<div><span>Ⓑ</span> ⓑ</div> +<div><span>Ⓒ</span> ⓒ</div> +<div><span>Ⓓ</span> ⓓ</div> +<div><span>Ⓔ</span> ⓔ</div> +<div><span>Ⓕ</span> ⓕ</div> +<div><span>Ⓖ</span> ⓖ</div> +<div><span>Ⓗ</span> ⓗ</div> +<div><span>Ⓘ</span> ⓘ</div> +<div><span>Ⓙ</span> ⓙ</div> +<div><span>Ⓚ</span> ⓚ</div> +<div><span>Ⓛ</span> ⓛ</div> +<div><span>Ⓜ</span> ⓜ</div> +<div><span>Ⓝ</span> ⓝ</div> +<div><span>Ⓞ</span> ⓞ</div> +<div><span>Ⓟ</span> ⓟ</div> +<div><span>Ⓠ</span> ⓠ</div> +<div><span>Ⓡ</span> ⓡ</div> +<div><span>Ⓢ</span> ⓢ</div> +<div><span>Ⓣ</span> ⓣ</div> +<div><span>Ⓤ</span> ⓤ</div> +<div><span>Ⓥ</span> ⓥ</div> +<div><span>Ⓦ</span> ⓦ</div> +<div><span>Ⓧ</span> ⓧ</div> +<div><span>Ⓨ</span> ⓨ</div> +<div><span>Ⓩ</span> ⓩ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht new file mode 100644 index 0000000000..97b3be4a1d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019-ref.xht @@ -0,0 +1,52 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ａ Ａ</div> +<div>Ｂ Ｂ</div> +<div>Ｃ Ｃ</div> +<div>Ｄ Ｄ</div> +<div>Ｅ Ｅ</div> +<div>Ｆ Ｆ</div> +<div>Ｇ Ｇ</div> +<div>Ｈ Ｈ</div> +<div>Ｉ Ｉ</div> +<div>Ｊ Ｊ</div> +<div>Ｋ Ｋ</div> +<div>Ｌ Ｌ</div> +<div>Ｍ Ｍ</div> +<div>Ｎ Ｎ</div> +<div>Ｏ Ｏ</div> +<div>Ｐ Ｐ</div> +<div>Ｑ Ｑ</div> +<div>Ｒ Ｒ</div> +<div>Ｓ Ｓ</div> +<div>Ｔ Ｔ</div> +<div>Ｕ Ｕ</div> +<div>Ｖ Ｖ</div> +<div>Ｗ Ｗ</div> +<div>Ｘ Ｘ</div> +<div>Ｙ Ｙ</div> +<div>Ｚ Ｚ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht new file mode 100644 index 0000000000..d389d81308 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-019.xht @@ -0,0 +1,61 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Full-width Latin, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-019-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=19' /> +<meta name="assert" content="The UA will uppercase Unicode Full-width Latin when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>Ａ <span>ａ</span></div> +<div>Ｂ <span>ｂ</span></div> +<div>Ｃ <span>ｃ</span></div> +<div>Ｄ <span>ｄ</span></div> +<div>Ｅ <span>ｅ</span></div> +<div>Ｆ <span>ｆ</span></div> +<div>Ｇ <span>ｇ</span></div> +<div>Ｈ <span>ｈ</span></div> +<div>Ｉ <span>ｉ</span></div> +<div>Ｊ <span>ｊ</span></div> +<div>Ｋ <span>ｋ</span></div> +<div>Ｌ <span>ｌ</span></div> +<div>Ｍ <span>ｍ</span></div> +<div>Ｎ <span>ｎ</span></div> +<div>Ｏ <span>ｏ</span></div> +<div>Ｐ <span>ｐ</span></div> +<div>Ｑ <span>ｑ</span></div> +<div>Ｒ <span>ｒ</span></div> +<div>Ｓ <span>ｓ</span></div> +<div>Ｔ <span>ｔ</span></div> +<div>Ｕ <span>ｕ</span></div> +<div>Ｖ <span>ｖ</span></div> +<div>Ｗ <span>ｗ</span></div> +<div>Ｘ <span>ｘ</span></div> +<div>Ｙ <span>ｙ</span></div> +<div>Ｚ <span>ｚ</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht new file mode 100644 index 0000000000..51d41c4cd7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020-ref.xht @@ -0,0 +1,52 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>ａ ａ</div> +<div>ｂ ｂ</div> +<div>ｃ ｃ</div> +<div>ｄ ｄ</div> +<div>ｅ ｅ</div> +<div>ｆ ｆ</div> +<div>ｇ ｇ</div> +<div>ｈ ｈ</div> +<div>ｉ ｉ</div> +<div>ｊ ｊ</div> +<div>ｋ ｋ</div> +<div>ｌ ｌ</div> +<div>ｍ ｍ</div> +<div>ｎ ｎ</div> +<div>ｏ ｏ</div> +<div>ｐ ｐ</div> +<div>ｑ ｑ</div> +<div>ｒ ｒ</div> +<div>ｓ ｓ</div> +<div>ｔ ｔ</div> +<div>ｕ ｕ</div> +<div>ｖ ｖ</div> +<div>ｗ ｗ</div> +<div>ｘ ｘ</div> +<div>ｙ ｙ</div> +<div>ｚ ｚ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht new file mode 100644 index 0000000000..5fb88cca02 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-020.xht @@ -0,0 +1,61 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Full-width Latin, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-020-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=20' /> +<meta name="assert" content="The UA will lowercase Unicode Full-width Latin when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>Ａ</span> ａ</div> +<div><span>Ｂ</span> ｂ</div> +<div><span>Ｃ</span> ｃ</div> +<div><span>Ｄ</span> ｄ</div> +<div><span>Ｅ</span> ｅ</div> +<div><span>Ｆ</span> ｆ</div> +<div><span>Ｇ</span> ｇ</div> +<div><span>Ｈ</span> ｈ</div> +<div><span>Ｉ</span> ｉ</div> +<div><span>Ｊ</span> ｊ</div> +<div><span>Ｋ</span> ｋ</div> +<div><span>Ｌ</span> ｌ</div> +<div><span>Ｍ</span> ｍ</div> +<div><span>Ｎ</span> ｎ</div> +<div><span>Ｏ</span> ｏ</div> +<div><span>Ｐ</span> ｐ</div> +<div><span>Ｑ</span> ｑ</div> +<div><span>Ｒ</span> ｒ</div> +<div><span>Ｓ</span> ｓ</div> +<div><span>Ｔ</span> ｔ</div> +<div><span>Ｕ</span> ｕ</div> +<div><span>Ｖ</span> ｖ</div> +<div><span>Ｗ</span> ｗ</div> +<div><span>Ｘ</span> ｘ</div> +<div><span>Ｙ</span> ｙ</div> +<div><span>Ｚ</span> ｚ</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht new file mode 100644 index 0000000000..17567c6b8c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021-ref.xht @@ -0,0 +1,66 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>𐐀 𐐀</div> +<div>𐐁 𐐁</div> +<div>𐐂 𐐂</div> +<div>𐐃 𐐃</div> +<div>𐐄 𐐄</div> +<div>𐐅 𐐅</div> +<div>𐐆 𐐆</div> +<div>𐐇 𐐇</div> +<div>𐐈 𐐈</div> +<div>𐐉 𐐉</div> +<div>𐐊 𐐊</div> +<div>𐐋 𐐋</div> +<div>𐐌 𐐌</div> +<div>𐐍 𐐍</div> +<div>𐐎 𐐎</div> +<div>𐐏 𐐏</div> +<div>𐐐 𐐐</div> +<div>𐐑 𐐑</div> +<div>𐐒 𐐒</div> +<div>𐐓 𐐓</div> +<div>𐐔 𐐔</div> +<div>𐐕 𐐕</div> +<div>𐐖 𐐖</div> +<div>𐐗 𐐗</div> +<div>𐐘 𐐘</div> +<div>𐐙 𐐙</div> +<div>𐐚 𐐚</div> +<div>𐐛 𐐛</div> +<div>𐐜 𐐜</div> +<div>𐐝 𐐝</div> +<div>𐐞 𐐞</div> +<div>𐐟 𐐟</div> +<div>𐐠 𐐠</div> +<div>𐐡 𐐡</div> +<div>𐐢 𐐢</div> +<div>𐐣 𐐣</div> +<div>𐐤 𐐤</div> +<div>𐐥 𐐥</div> +<div>𐐦 𐐦</div> +<div>𐐧 𐐧</div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht new file mode 100644 index 0000000000..a882329d40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-021.xht @@ -0,0 +1,75 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Deseret, uppercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-021-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=21' /> +<meta name="assert" content="The UA will uppercase Unicode Deseret characters when text-transform is set to uppercase." /> +<style type='text/css'> +.test span { text-transform: uppercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p> + + +<div class="test"> +<div>𐐀 <span>𐐨</span></div> +<div>𐐁 <span>𐐩</span></div> +<div>𐐂 <span>𐐪</span></div> +<div>𐐃 <span>𐐫</span></div> +<div>𐐄 <span>𐐬</span></div> +<div>𐐅 <span>𐐭</span></div> +<div>𐐆 <span>𐐮</span></div> +<div>𐐇 <span>𐐯</span></div> +<div>𐐈 <span>𐐰</span></div> +<div>𐐉 <span>𐐱</span></div> +<div>𐐊 <span>𐐲</span></div> +<div>𐐋 <span>𐐳</span></div> +<div>𐐌 <span>𐐴</span></div> +<div>𐐍 <span>𐐵</span></div> +<div>𐐎 <span>𐐶</span></div> +<div>𐐏 <span>𐐷</span></div> +<div>𐐐 <span>𐐸</span></div> +<div>𐐑 <span>𐐹</span></div> +<div>𐐒 <span>𐐺</span></div> +<div>𐐓 <span>𐐻</span></div> +<div>𐐔 <span>𐐼</span></div> +<div>𐐕 <span>𐐽</span></div> +<div>𐐖 <span>𐐾</span></div> +<div>𐐗 <span>𐐿</span></div> +<div>𐐘 <span>𐑀</span></div> +<div>𐐙 <span>𐑁</span></div> +<div>𐐚 <span>𐑂</span></div> +<div>𐐛 <span>𐑃</span></div> +<div>𐐜 <span>𐑄</span></div> +<div>𐐝 <span>𐑅</span></div> +<div>𐐞 <span>𐑆</span></div> +<div>𐐟 <span>𐑇</span></div> +<div>𐐠 <span>𐑈</span></div> +<div>𐐡 <span>𐑉</span></div> +<div>𐐢 <span>𐑊</span></div> +<div>𐐣 <span>𐑋</span></div> +<div>𐐤 <span>𐑌</span></div> +<div>𐐥 <span>𐑍</span></div> +<div>𐐦 <span>𐑎</span></div> +<div>𐐧 <span>𐑏</span></div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht new file mode 100644 index 0000000000..f2ca31d3e6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022-ref.xht @@ -0,0 +1,66 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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>test reference</title> +<style type='text/css'> +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div>𐐨 𐐨</div> +<div>𐐩 𐐩</div> +<div>𐐪 𐐪</div> +<div>𐐫 𐐫</div> +<div>𐐬 𐐬</div> +<div>𐐭 𐐭</div> +<div>𐐮 𐐮</div> +<div>𐐯 𐐯</div> +<div>𐐰 𐐰</div> +<div>𐐱 𐐱</div> +<div>𐐲 𐐲</div> +<div>𐐳 𐐳</div> +<div>𐐴 𐐴</div> +<div>𐐵 𐐵</div> +<div>𐐶 𐐶</div> +<div>𐐷 𐐷</div> +<div>𐐸 𐐸</div> +<div>𐐹 𐐹</div> +<div>𐐺 𐐺</div> +<div>𐐻 𐐻</div> +<div>𐐼 𐐼</div> +<div>𐐽 𐐽</div> +<div>𐐾 𐐾</div> +<div>𐐿 𐐿</div> +<div>𐑀 𐑀</div> +<div>𐑁 𐑁</div> +<div>𐑂 𐑂</div> +<div>𐑃 𐑃</div> +<div>𐑄 𐑄</div> +<div>𐑅 𐑅</div> +<div>𐑆 𐑆</div> +<div>𐑇 𐑇</div> +<div>𐑈 𐑈</div> +<div>𐑉 𐑉</div> +<div>𐑊 𐑊</div> +<div>𐑋 𐑋</div> +<div>𐑌 𐑌</div> +<div>𐑍 𐑍</div> +<div>𐑎 𐑎</div> +<div>𐑏 𐑏 </div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht new file mode 100644 index 0000000000..aa152d397c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-bicameral-022.xht @@ -0,0 +1,75 @@ +<?xml version="1.0" encoding="utf-8"?> +<!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: text-transform - Deseret, lowercase</title> +<link rel='author' title='Richard Ishida' href='http://rishida.net' /> +<link rel='reviewer' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact' /> +<link rel='help' href='http://www.w3.org/TR/CSS21/text.html#caps-prop' /> +<link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> +<link rel="match" href="text-transform-bicameral-022-ref.xht"/> +<link rel='alternate' href='http://www.w3.org/International/tests/tests-html-css/tests-text-transform/generate?test=22' /> +<meta name="assert" content="The UA will lowercase Unicode Deseret characters when text-transform is set to lowercase." /> +<style type='text/css'> +.test span { text-transform: lowercase; } + +/* the CSS below is not part of the test */ +.test { font-size: 130%; line-height: 2.5; color: blue; } +.test div { white-space: nowrap; text-align: center; + width: 5em; display: inline-block; }</style> +<script type='text/javascript'> +//<![CDATA[ +function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } } +//]]> +</script> +</head> +<body> +<p class="instructions">Test passes if the left-hand character in each pair matches the right-hand one.</p> + + +<div class="test"> +<div><span>𐐀</span> 𐐨</div> +<div><span>𐐁</span> 𐐩</div> +<div><span>𐐂</span> 𐐪</div> +<div><span>𐐃</span> 𐐫</div> +<div><span>𐐄</span> 𐐬</div> +<div><span>𐐅</span> 𐐭</div> +<div><span>𐐆</span> 𐐮</div> +<div><span>𐐇</span> 𐐯</div> +<div><span>𐐈</span> 𐐰</div> +<div><span>𐐉</span> 𐐱</div> +<div><span>𐐊</span> 𐐲</div> +<div><span>𐐋</span> 𐐳</div> +<div><span>𐐌</span> 𐐴</div> +<div><span>𐐍</span> 𐐵</div> +<div><span>𐐎</span> 𐐶</div> +<div><span>𐐏</span> 𐐷</div> +<div><span>𐐐</span> 𐐸</div> +<div><span>𐐑</span> 𐐹</div> +<div><span>𐐒</span> 𐐺</div> +<div><span>𐐓</span> 𐐻</div> +<div><span>𐐔</span> 𐐼</div> +<div><span>𐐕</span> 𐐽</div> +<div><span>𐐖</span> 𐐾</div> +<div><span>𐐗</span> 𐐿</div> +<div><span>𐐘</span> 𐑀</div> +<div><span>𐐙</span> 𐑁</div> +<div><span>𐐚</span> 𐑂</div> +<div><span>𐐛</span> 𐑃</div> +<div><span>𐐜</span> 𐑄</div> +<div><span>𐐝</span> 𐑅</div> +<div><span>𐐞</span> 𐑆</div> +<div><span>𐐟</span> 𐑇</div> +<div><span>𐐠</span> 𐑈</div> +<div><span>𐐡</span> 𐑉</div> +<div><span>𐐢</span> 𐑊</div> +<div><span>𐐣</span> 𐑋</div> +<div><span>𐐤</span> 𐑌</div> +<div><span>𐐥</span> 𐑍</div> +<div><span>𐐦</span> 𐑎</div> +<div><span>𐐧</span> 𐑏 </div> +</div> + + +<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht new file mode 100644 index 0000000000..2408b13443 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001-ref.xht @@ -0,0 +1,5 @@ +<!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></head><body style="letter-spacing:2px"> + This Text Should Be Capitalized. + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht new file mode 100644 index 0000000000..9b6c9e0c96 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-001.xht @@ -0,0 +1,11 @@ +<!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: text-transform</title> + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-cap-001-ref.xht"/> + </head><body style="letter-spacing:2px"> + <span style="text-transform:capitalize">This text should be capitalized.</span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht new file mode 100644 index 0000000000..4986f4bfec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-002.xht @@ -0,0 +1,11 @@ +<!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: text-transform</title> + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-cap-001-ref.xht"/> + </head><body style="letter-spacing:2px"> + T<span style="text-transform:capitalize">his text should be capitalized.</span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht new file mode 100644 index 0000000000..f1ea0ece08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003-ref.xht @@ -0,0 +1,10 @@ +<!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></head><body style="letter-spacing:2px"> +<p>I Ask "Questions" +</p><p>i ask "Questions" +</p><p>I Ask questions +</p><p>I Ask<br />Questions +</p><p>I Ask Questions +</p><p style="white-space:nowrap">I Ask Questions + + +</p></body></html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht new file mode 100644 index 0000000000..1b945056a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-cap-003.xht @@ -0,0 +1,16 @@ +<!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: text-transform</title> + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-cap-003-ref.xht"/> +</head><body style="letter-spacing:2px"> +<p><span style="text-transform:capitalize">i ask "questions"</span> +</p><p>i ask "<span style="text-transform:capitalize">questions"</span> +</p><p><span style="text-transform:capitalize">i ask <span style="text-transform:none">q</span>uestions</span> +</p><p><span style="text-transform:capitalize">i ask<br />questions</span> +</p><p><span style="text-transform:capitalize">i ask questions</span> +</p><p style="white-space:nowrap"><span style="text-transform:capitalize">i ask questions</span> + + +</p></body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht new file mode 100644 index 0000000000..d9cff6d618 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001-ref.xht @@ -0,0 +1,5 @@ +<!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></head><body> + this text should be lowercased. + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht new file mode 100644 index 0000000000..15c7a4f048 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-lowercase-001.xht @@ -0,0 +1,11 @@ +<!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: text-transform</title> + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-lowercase-001-ref.xht"/> + </head><body> + <span style="text-transform:lowercase">This text should be lowercased.</span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht new file mode 100644 index 0000000000..3dffb50868 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001-ref.xht @@ -0,0 +1,13 @@ +<!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>test reference</title> + </head> + <body> + <p>Test passes if the two characters below look exactly alike.</p> + <div> + <span id="test">ა</span> + <span>ა</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.xht new file mode 100644 index 0000000000..c5cefc2a1e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-unicase-001.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 Test: Text-transform and unicase scripts</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-unicase-001-ref.xht"/> + <meta name="assert" content="Verifies that text-transform does not capitalize a unicase script." /> + <style type="text/css"> + #test + { + text-transform: uppercase; + } + </style> + </head> + <body> + <p>Test passes if the two characters below look exactly alike.</p> + <div> + <span id="test">ა</span> + <span>ა</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht new file mode 100644 index 0000000000..7751d8d4d8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001-ref.xht @@ -0,0 +1,5 @@ +<!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></head><body> + THIS TEXT SHOULD BE UPPERCASED. + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht new file mode 100644 index 0000000000..b2fdac637d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-001.xht @@ -0,0 +1,11 @@ +<!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: text-transform</title> + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-uppercase-001-ref.xht"/> + </head><body> + <span style="text-transform:uppercase">This text should be uppercased.</span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht new file mode 100644 index 0000000000..62857789d4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002-ref.xht @@ -0,0 +1,5 @@ +<!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></head><body> + SS + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht new file mode 100644 index 0000000000..2b7de254d3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/text-transform-uppercase-002.xht @@ -0,0 +1,11 @@ +<!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: text-transform szlig</title> + <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> + <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="text-transform-uppercase-002-ref.xht"/> + </head><body> + <span style="text-transform:uppercase">ß</span> + + +</body></html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-001-ref.xht new file mode 100644 index 0000000000..e0c5e2a39b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-001-ref.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 reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1em Ahem; + line-height: 1em; + } + #reference + { + height: 1em; + width: 5em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-001.xht new file mode 100644 index 0000000000..f4fb548d00 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-001.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: White-space set to 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'normal' removes extra spacing when more than one space is next to another." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1em Ahem; + line-height: 1em; + } + #test + { + white-space: normal; + } + #reference + { + height: 1em; + width: 5em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="test">XX XX</div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-002-ref.xht new file mode 100644 index 0000000000..30ea7df609 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-002-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 Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1em Ahem; + line-height: 1em; + } + #reference + { + height: 1em; + width: 7em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-002.xht new file mode 100644 index 0000000000..5fb1a842e7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-002.xht @@ -0,0 +1,50 @@ +<!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: White-space set to 'pre'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'pre' does not remove extra spacing when more than one space is next to another." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1em Ahem; + line-height: 1em; + } + #test + { + white-space: pre; + } + #reference + { + height: 1em; + width: 7em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="test">XX XX</div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-003.xht new file mode 100644 index 0000000000..dd59199bfd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-003.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: White-space set to 'nowrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'nowrap' removes extra spacing when more than one space is next to another. And the text does not wrap when width is constrained." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1em Ahem; + line-height: 1em; + } + #test + { + white-space: nowrap; + width: 1em; + } + #reference + { + height: 1em; + width: 5em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="test">XX XX</div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht new file mode 100644 index 0000000000..8238da185b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-004-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + margin: 0; + padding: 0; + } + #reference + { + background: blue; + display: inline-block; + height: 1em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a single black box above a blue box (there can be white space between the boxes) and the black box has the same width as the blue box.</p> + <div>XX<br />XX</div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-004.xht new file mode 100644 index 0000000000..641c3f3c0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-004.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 Test: White-space set to 'pre-wrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'pre-wrap' does not remove extra spacing when two spaces are next to each other and introduces line breaking opportunities." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + margin: 0; + padding: 0; + } + #test + { + white-space: pre-wrap; + width: 5em; + } + #reference + { + background: blue; + display: inline-block; + height: 1em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is a single black box above a blue box (there can be white space between the boxes) and the black box has the same width as the blue box.</p> + <div id="test">XX XX</div> + <div id="reference"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-005.xht new file mode 100644 index 0000000000..aa5b61ca2f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-005.xht @@ -0,0 +1,50 @@ +<!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: White-space set to 'pre-line'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'pre-line' does remove extra spacing when two spaces are next to each other and breaks at new lines." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1em Ahem; + line-height: 1em; + } + #test + { + white-space: pre-line; + } + #reference + { + height: 1em; + width: 5em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="test">XX XX</div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-006.xht new file mode 100644 index 0000000000..de0061bb23 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-006.xht @@ -0,0 +1,55 @@ +<!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: White-space set to 'inherit'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" /> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'inherit' causes the element to use its parent's white-space value." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + white-space: pre; + } + div + { + font: 1em Ahem; + line-height: 1em; + } + #test + { + white-space: normal; + white-space: inherit; + } + #reference + { + height: 1em; + width: 7em; + } + #div1, #div3 + { + background: black; + } + #div1, #div2, #div3 + { + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + height: 1em; + width: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="wrapper"><div id="test">XX XX</div></div> + <div id="reference"><div id="div1"></div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-007-ref.xht new file mode 100644 index 0000000000..926c233c59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-007-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 Test reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="author" title="Justin Boss" href="http://www.bosspro.org/contactus/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + + <style type="text/css"><![CDATA[ + div#test + { + background-color: orange; + height: 100px; + width: 500px; + } + + div#control + { + background-color: blue; + height: 100px; + width: 500px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the wide orange and blue rectangles are the <strong>same width</strong> and the <strong>same height</strong>.</p> + + <div id="test"> </div> + + <div id="control"> </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-007.xht new file mode 100644 index 0000000000..3dc9fcc695 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-007.xht @@ -0,0 +1,55 @@ +<!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: white-space</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite" /> + <link rel="author" title="Justin Boss" href="http://www.bosspro.org/contactus/" /> + <link rel="help" title="C.5.76 Section 16.6.1 The 'white-space' processing model" href="https://www.w3.org/TR/CSS21/changes.html#q21.363" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="'white-space: normal' and 'white-space: nowrap' should collapse sequences of white space. Regarding wrapping, line breaking opportunities are determined on the text prior to white space collapsing steps." /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div#test + { + background-color: orange; + color: orange; + font: 50px/1 Ahem; + width: 500px; + white-space: normal; + } + + span + { + white-space: nowrap; + } + + div#control + { + background-color: blue; + height: 100px; + width: 500px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the wide orange and blue rectangles are the <strong>same width</strong> and the <strong>same height</strong>.</p> + + <div id="test"><span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span> <span>X </span></div> + + <div id="control"> </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-008-ref.xht new file mode 100644 index 0000000000..583eb2e828 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-008-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 Test reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + + <style type="text/css"><![CDATA[ + #test-overlapping-green + { + background-color: lime; + } + + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide bright green rectangle below with one "X" in it and if there is no red.</p> + + <div id="test-overlapping-green"><br/><br/>X</div> + + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-008.xht new file mode 100644 index 0000000000..c81aac449a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-008.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: white-space - pre and newlines in source</title> + + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-transform" /> + <link rel="match" href="white-space-008-ref.xht" /> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="author" title="Bruno Fassino" href="fassino[at]gmail.com" /> + <meta content="Newlines in source must be preserved with 'white-space: pre'" name="assert" /> + + <style type="text/css"><![CDATA[ + #test-overlapping-green + { + background-color: lime; + white-space: pre; + } + + #reference-overlapped-red + { + background-color: red; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: -1; + } + + #relatively-positioned-wrapper + { + position: relative; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a wide bright green rectangle below with one "X" in it and if there is no red.</p> + + <div id="relatively-positioned-wrapper"> + + <div id="test-overlapping-green"> + +X</div> + + <div id="reference-overlapped-red"> + X<br /> + X<br /> + + X + </div> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.xht new file mode 100644 index 0000000000..1702e171b2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-001.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: White-space application to 'display: inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" /> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: inline; + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div> + <div id="div1">XX XX</div> + </div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.xht new file mode 100644 index 0000000000..04e90d7f95 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-002.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: White-space application to 'display: block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: block; + white-space: pre; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div> + <span>XX XX</span> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-ref.xht new file mode 100644 index 0000000000..3123d6221b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003-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 Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + font: 16px/1em Ahem; + } + #test + { + display: list-item; + } + #ref1, #ref2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #ref2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two squares below and the left most square has a marker bullet on the left-hand side.</p> + <div id="test">XX XX</div> + <div id="ref1"></div><div id="ref2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.xht new file mode 100644 index 0000000000..67ad1e5d10 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-003.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"> + <head> + <title>CSS Test: White-space application to 'display: list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-applies-to-003-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to display: list-item elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + font: 16px/1em Ahem; + } + #test + { + display: list-item; + white-space: pre; + } + #ref1, #ref2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #ref2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two squares below and the left most square has a marker bullet on the left-hand side.</p> + <div id="test">XX XX</div> + <div id="ref1"></div><div id="ref2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-005.xht new file mode 100644 index 0000000000..8508a884be --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-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: White-space application to 'display: inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: inline-block; + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div> + <span>XX XX</span> + </div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht new file mode 100644 index 0000000000..b60f51ff75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-006.xht @@ -0,0 +1,53 @@ +<!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: White-space application to 'display: table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="table"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht new file mode 100644 index 0000000000..2521a6d8b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-007.xht @@ -0,0 +1,55 @@ +<!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: White-space application to 'display: inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div> + <div id="table"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.xht new file mode 100644 index 0000000000..214d844f1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-008.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 Test: White-space application to 'display: table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + font-family: Ahem; + } + #test + { + display: table-row-group; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.xht new file mode 100644 index 0000000000..5328956af6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-009.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 Test: White-space application to 'display: table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + font-family: Ahem; + } + #test + { + display: table-header-group; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.xht new file mode 100644 index 0000000000..affee6ab1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-010.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 Test: White-space application to 'display: table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + font-family: Ahem; + } + #test + { + display: table-footer-group; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht new file mode 100644 index 0000000000..f4dcfbe9b0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-011.xht @@ -0,0 +1,55 @@ +<!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: White-space application to 'display: table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-transform-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #row + { + display: table-row; + white-space: pre; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div> + <div id="table"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht new file mode 100644 index 0000000000..f4d9ecfe4e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-012.xht @@ -0,0 +1,58 @@ +<!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: White-space application to 'display: table-column-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property is not applied to 'display: table-column-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column-group; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht new file mode 100644 index 0000000000..4e01932c83 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-013.xht @@ -0,0 +1,58 @@ +<!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: White-space application to 'display: table-column' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property is not applied to 'display: table-column' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht new file mode 100644 index 0000000000..fc9b641252 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-014.xht @@ -0,0 +1,53 @@ +<!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: White-space application to 'display: table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + white-space: pre; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="table"> + <div id="row"> + <div id="cell">XX XX</div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht new file mode 100644 index 0000000000..1b8acd7b05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-applies-to-015.xht @@ -0,0 +1,58 @@ +<!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: White-space application to 'display: table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #caption + { + display: table-caption; + white-space: pre; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="table"> + <div id="caption">XX XX</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht new file mode 100644 index 0000000000..7234d43469 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001-ref.xht @@ -0,0 +1,14 @@ +<!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 reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + </head> + <body> + <p>Test passes if the following text is below "A BC" (there can be two spaces between letters 'A' and 'B').</p> + <div> + <bdo>A BC</bdo> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht new file mode 100644 index 0000000000..1d0f8211af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-bidirectionality-001.xht @@ -0,0 +1,23 @@ +<!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: White-space and bidirectionality (example from spec)</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-bidirectionality-001-ref.xht" /> + <meta name="assert" content="The white space processing model does not take bidi into account for the first half of the processing model but does for the second half." /> + <style type="text/css"> + div + { + white-space: normal; + } + </style> + </head> + <body> + <p>Test passes if the following text is below "A BC" (there can be two spaces between letters 'A' and 'B').</p> + <div> + <bdo dir="ltr">A <bdo dir="rtl"> B </bdo> C</bdo> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001-ref.xht new file mode 100644 index 0000000000..3ea0bf3be5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-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: green; + height: 200px; + margin-left: 20px; + width: 20px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a vertical green bar and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.xht new file mode 100644 index 0000000000..90f2d4535c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-001.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"> + <head> + <title>CSS Test: white-space normal: collapsing through padding, borders, margins</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-06-28 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/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-phase-1" /> + <link rel="match" href="white-space-collapsing-001-ref.xht" /> + + <meta name="flags" content="ahem"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 1.25em/1 Ahem; background: white; color: red; } + .test span { background: red; color: green; } + .a, .b, .c, .d, .e { margin-left: 1em; } + .f span { margin-left: 1em; } + .g span { padding-left: 1em; background: white; } + .h span { border-left: 1em white solid; } + .i span { margin-left: 0.25em; border-left: 0.5em white solid; padding-left: 0.25em; background: white; } + </style> + </head> + <body> + <p>Test passes if there is a vertical green bar and <strong>no red</strong>.</p> + <div class="test a"><span>X</span> </div> + <div class="test b"><span> X</span> </div> + <div class="test c"> <span>X</span> </div> + <div class="test d"> <span> X</span> </div> + <div class="test e"> <span> X</span> </div> + <div class="test f"> <span> X</span> </div> + <div class="test g"> <span> X</span> </div> + <div class="test h"> <span> X</span> </div> + <div class="test i"> <span> X</span> </div> + <div class="test a"><span>X</span> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.xht new file mode 100644 index 0000000000..627214c8d1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-002.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 Test: white-space normal: collapsing through padding, borders, margins</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-06-28 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/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-phase-1" /> + <link rel="match" href="white-space-collapsing-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 1.25em/1 Ahem; background: white; color: red; } + .test span { background: red; color: green; } + em { font: inherit; } + .a, .b, .c, .d, .e { margin-left: 1em; } + .f span { margin-left: 1em; } + .g span { padding-left: 1em; background: white; } + .h span { border-left: 1em white solid; } + .i span { margin-left: 0.25em; border-left: 0.5em white solid; padding-left: 0.25em; background: white; } + </style> + </head> + <body> + + <p>Test passes if there is a vertical green bar and <strong>no red</strong>.</p> + <div class="test a"> <em> </em> <span>X</span> </div> + <div class="test b"> <em> </em> <span> X</span> </div> + <div class="test c"> <em> </em> <span>X</span> </div> + <div class="test d"> <em> </em> <span> X</span> </div> + <div class="test e"> <em> </em> <span> X</span> </div> + <div class="test f"> <em> </em> <span> X</span> </div> + <div class="test g"> <em> </em> <span> X</span> </div> + <div class="test h"> <em> </em> <span> X</span> </div> + <div class="test i"> <em> </em> <span> X</span> </div> + <div class="test a"> <em> </em> <span>X</span> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht new file mode 100644 index 0000000000..a045802baa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003-ref.xht @@ -0,0 +1,23 @@ +<!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 reference</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { margin: 0.25em; border: 0.25em solid navy; padding: 0.1em; background: blue; color: yellow; text-decoration: underline; width: 7em; text-align: center; font: 2em Ahem, monospace; } + </style> + </head> + <body> + <p>The following lines should all look identical:</p> + <div class="test">XXXX</div> + <div class="test">XXXX</div> + <div class="test">XXXX</div> + <div class="test">XXXX</div> + <div class="test"><span>XXXX</span></div> + <div class="test"><span>XXXX</span></div> + <div class="test"><span>XXXX</span></div> + <div class="test"><span>XXXX</span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-003.xht new file mode 100644 index 0000000000..0363a4cf82 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-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: white-space normal: collapsing at line edges</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/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-phase-2" /> + <link rel="match" href="white-space-collapsing-003-ref.xht" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { margin: 0.25em; border: 0.25em solid navy; padding: 0.1em; background: blue; color: yellow; text-decoration: underline; width: 7em; text-align: center; font: 2em Ahem, monospace; } + </style> + </head> + <body> + <p>The following lines should all look identical:</p> + <div class="test a">XXXX</div> + <div class="test b">XXXX </div> + <div class="test c"> XXXX</div> + <div class="test d"> XXXX </div> + <div class="test a"><span>XXXX</span></div> + <div class="test b"><span>XXXX </span></div> + <div class="test c"><span> XXXX</span></div> + <div class="test d"><span> XXXX </span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.xht new file mode 100644 index 0000000000..99f4005232 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004-ref.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"> + + <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 medium; + margin-top: 40px; + width: 120px; + } + + img {vertical-align: top;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there are 2 identical bicolored rectangles and <strong>no red</strong>.</p> + + <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-aqua.png" width="40" height="40" alt="Image download support must be enabled" /><img src="support/swatch-teal.png" width="40" height="40" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.xht new file mode 100644 index 0000000000..70a2a4f6ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-004.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"> + <head> + <title>CSS Test: white-space normal: simple tests</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-06-28 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/none/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-phase-1" /> + <link rel="match" href="white-space-collapsing-004-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 2.5em/1 Ahem; color: teal; background: aqua; white-space: normal; width: 3em; border: solid black; } + .test span { display: none; color: red; background: maroon; } + em { background: red; } + </style> + </head> + <body> + <p>Test passes if there are 2 identical bicolored rectangles and <strong>no red</strong>.</p> + <p class="test">X X</p> + <p class="test"> + X <em> + <span> FAIL </span> + <span> FAIL </span> + <span> FAIL </span> + <span> FAIL </span> + <span> FAIL </span> + </em>X + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.xht new file mode 100644 index 0000000000..8ed9d432ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-005.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"> + <head> + <title>CSS Test: white-space normal: simple tests</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-06-28 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/none/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-phase-1" /> + <link rel="match" href="white-space-collapsing-004-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { font: 2.5em/1 Ahem; color: teal; background: aqua; white-space: normal; width: 3em; border: solid black; } + .test span { display: none; color: red; background: maroon; } + em { background: red; } + </style> + </head> + <body> + <p>Test passes if there are 2 identical bicolored rectangles and <strong>no red</strong>.</p> + <p class="test">X X</p> + <p class="test"> + X <em> + <span>FAIL</span> + <span>FAIL</span> + <span>FAIL</span> + <span>FAIL</span> + <span>FAIL</span> + </em>X + </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.xht new file mode 100644 index 0000000000..df6da32f52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001-ref.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 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: aqua; + border: black solid medium; + height: 40px; + margin-top: 18px; + margin-left: 2px; + margin-bottom: 2px; + padding-left: 40px; + width: 160px; + } + + div#second-div + { + margin-top: 2px; + } + + img {vertical-align: top;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the 2 bicolored rectangles are <strong>identical</strong> and if there is <strong>no red</strong>. (Force bidi: א)</p> + + <div><img src="support/swatch-yellow.png" width="80" height="40" alt="Image download support must be enabled" /></div> + + <div id="second-div"><img src="support/swatch-yellow.png" width="80" height="40" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-001.xht new file mode 100644 index 0000000000..41644681eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-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" lang="en"> + <head> + <title>CSS Test: White-space collapsing 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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/bidi/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#egbidiwscollapse" /> + <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" /> + <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-collapsing-bidi-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + td { background: red; padding: 0; border: solid; } + .test span { color: aqua; background: yellow; font: 2.5em/1 Ahem; white-space: normal; } + .reference .block { color: aqua; background: red; font: 2.5em/1 Ahem; white-space: normal; } + .reference .space { color: yellow; background: red; font: 2.5em/1 Ahem; white-space: normal; } + </style> + </head> + <body> + <p>Test passes if the 2 bicolored rectangles are <strong>identical</strong> and if there is <strong>no red</strong>. (Force bidi: א)</p> + <table> + <tr><td class="test"><span>x ‮ x ‬ x</span></td></tr> + <tr><td class="reference"><span class="block">x</span><span class="space">x</span><span class="space">x</span><span class="block">x</span><span class="block">x</span></td></tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.xht new file mode 100644 index 0000000000..7b6718f4d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-002.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: White-space collapsing and the bidi algorithm (using <dir>)</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/bidi/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#egbidiwscollapse" /> + <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" /> + <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-collapsing-bidi-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + td { background: red; padding: 0; border: solid; } + .test .test { color: aqua; background: yellow; font: 2.5em/1 Ahem; white-space: normal; } + .reference .block { color: aqua; background: red; font: 2.5em/1 Ahem; white-space: normal; } + .reference .space { color: yellow; background: red; font: 2.5em/1 Ahem; white-space: normal; } + </style> + </head> + <body> + <p> Test passes if the 2 bicolored rectangles are <strong>identical</strong> and if there is <strong>no red</strong>. (Force bidi: א) </p> + <table> + <tr><td class="test"><span class="test"><span dir="ltr">x <span dir="rtl"> x </span> x</span></span></td></tr> + <tr><td class="reference"><span class="block">x</span><span class="space">x</span><span class="space">x</span><span class="block">x</span><span class="block">x</span></td></tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.xht new file mode 100644 index 0000000000..b02276c9ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003-ref.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"> + + <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: green; + border: green solid medium; + height: 20px; + margin-bottom: 4px; + margin-left: 2px; + width: 60px; + } + + div#first {margin-top: 18px;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the 6 green stripes are <strong>identical</strong> and if there is <strong>no red</strong>.</p> + + <div id="first"></div> + + <div></div> + + <div></div> + + <div></div> + + <div></div> + + <div></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.xht new file mode 100644 index 0000000000..cd21357dac --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-bidi-003.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: Trailing spaces in table cells</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/collapsing/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://www.w3.org/TR/css-writing-modes-3/#bidi-control-codes" /> + <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#bidi-box-model" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-collapsing-bidi-003-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + td { border: solid; padding: 0; background: red; font: 1.25em/1 Ahem; color: green; white-space: normal; } + </style> + </head> + <body> + <p>Test passes if the 6 green stripes are <strong>identical</strong> and if there is <strong>no red</strong>.</p> + <table><tr><td>XXX </td></tr></table> + <table><tr><td> XXX</td></tr></table> + <table><tr><td> XXX </td></tr></table> + <table dir="rtl"><tr><td>XXX </td></tr></table> + <table dir="rtl"><tr><td> XXX</td></tr></table> + <table dir="rtl"><tr><td> XXX </td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht new file mode 100644 index 0000000000..42dd7d0187 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001-ref.xht @@ -0,0 +1,19 @@ +<!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 reference</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/> + <link rel="author" title="Florian Rivoal" href="https:/florian.rivoal.net"/> + <style type="text/css"> + div { + height: 2em; + background: green; + } + </style> + + </head> + <body> + <p>There must be a green box below and no red.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht new file mode 100644 index 0000000000..d06ca5f96b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-collapsing-breaks-001.xht @@ -0,0 +1,38 @@ +<!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: Line Breaking in Collapsed White Space</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/> + <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-phase-1"/> + <link rel="match" href="white-space-collapsing-breaks-001-ref.xht"/> + <meta name="assert" content="Line break opportunities are determined before + white space collapsing."/> + <style type="text/css"> + .control { + line-height: 1; + height: 2em; + background: red; + } + .cover { + color: green; + background: green; + } + .constraint { + width: 0; + } + .nobr { white-space: nowrap; } + </style> + + </head> + <body> + <p>There must be a green box below and no red.</p> + <div class="control"> + <div class="cover"> + <div class="constraint"> + <span class="nobr">AA </span> BB + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.xht new file mode 100644 index 0000000000..09d66cd49b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-control-characters-001.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"> + <head> + <title>CSS Test: White-space and non white space control characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#ctrlchars" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="White space processing model does not affect non white space control characters, in this case the 'Start of string' character." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1 Ahem; + } + #div1 + { + white-space: normal; + } + span + { + background: black; + } + #div2 + { + background: blue; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box is the same width or wider than the blue box.</p> + <div id="div1"><span>X ˜ XX</span></div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht new file mode 100644 index 0000000000..bb9c8f5700 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001-ref.xht @@ -0,0 +1,15 @@ +<!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 Reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" /> + <style type="text/css"> + </style> + </head> + <body> + <p>Test passes if the two lines below have the exact same spacing.</p> + <div>The spacing on these two sentences need to be the same!</div> + <div>The spacing on these two sentences need to be the same!</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht new file mode 100644 index 0000000000..da9fbd170b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-generated-content-before-001.xht @@ -0,0 +1,27 @@ +<!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: White-space 'pre-line' vs. ':before' assignment</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-line" /> + <link rel="match" href="white-space-generated-content-before-001-ref.xht" /> + <meta name="assert" content="The ':before' assignment and 'white-space: pre-line' assignment behave the same way with respect to white space." /> + <style type="text/css"> + #div1 + { + white-space: pre-line; + } + #div2:before + { + content:" The spacing on these "; + white-space: pre-line; + } + </style> + </head> + <body> + <p>Test passes if the two lines below have the exact same spacing.</p> + <div id="div1"> The spacing on these two sentences need to be the same! </div> + <div id="div2">two sentences need to be the same! </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht new file mode 100644 index 0000000000..7e17ec3d26 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001-ref.xht @@ -0,0 +1,50 @@ +<!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 + { + background-color: yellow; + border: blue solid medium; + color: orange; + font: 1.25em/1 Ahem; + white-space: pre; + width: 19em; + } + ]]> + </style> + + </head> + + <body> + + <p>There should be a pretty yellow and orange pattern and "PASS" in orange on white.</p> + + <div>1234567890123456789 +x x x x x x x x x x +1234567890123456789 xxxx xxxx xxxx xxxx +x x x x x x x x +x x x x x x x x x x xxxx xxxx xxxx xxxx +x x x x x x x +xxxxxxxxxxxxxxxxxxx x x x xxxx xxxx</div> + + <p>The pattern in the blue rectangle above should look exactly like the reference rendering below:</p> + + <div>1234567890123456789 +x x x x x x x x x x +1234567890123456789 xxxx xxxx xxxx xxxx +x x x x x x x x +x x x x x x x x x x xxxx xxxx xxxx xxxx +x x x x x x x +xxxxxxxxxxxxxxxxxxx x x x xxxx xxxx</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.xht new file mode 100644 index 0000000000..2202c90644 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-001.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"> + + <!-- ================================================================ --> + <!-- WARNING! This document contains significant trailing whitespace! --> + <!-- ================================================================ --> + + <head> + <title>CSS Test: white-space: mixed tests</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/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-property" /> + <link rel="match" href="white-space-mixed-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test + { + background: yellow; + border: solid blue; + color: orange; + font: 1.25em/1 Ahem; + width: 19em; + } + + .normal { white-space: normal; } + .nowrap { white-space: nowrap; } + .pre { white-space: pre; } + </style> + </head> + <body> + <p>There should be a pretty yellow and orange pattern and "PASS" in orange on white.</p> + <div class="test pre">1234567890123456789<span class="normal"> + x <span> +x <span class="pre"></span> x<span> + +</span> x x</span> x <span> x x </span> x <span class="pre">x</span> +1234</span>567890123456789 xxxx xxxx xx<span class="normal">x<span class="nowrap">x +xxxx </span> </span>x<span class="normal"> <span class="pre"> </span> <span class="pre"> </span> <span class="pre"> </span> +<span class="nowrap"> + </span> </span> <span class="pre"> </span><span class="normal"> </span> <span class="nowrap"> + </span><span class="normal"> </span> x x x x x x x +<span class="nowrap">x +x x x x x x x x x xxxx +xxxx xxxx xxxx </span> +x x x x x x x<span class="normal"> xxxxxxxxxxxxxxxxxxx<span +class="pre"> x x x xxxx xxxx </span></span> +</div> + + <p>The pattern in the blue rectangle above should look exactly like the reference rendering below:</p> + + <div class="test pre">1234567890123456789 +x x x x x x x x x x +1234567890123456789 xxxx xxxx xxxx xxxx +x x x x x x x x +x x x x x x x x x x xxxx xxxx xxxx xxxx +x x x x x x x +xxxxxxxxxxxxxxxxxxx x x x xxxx xxxx</div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-ref.xht new file mode 100644 index 0000000000..85fa178883 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002-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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: yellow; + border: blue solid medium; + margin-bottom: 40px; + margin-left: 20px; + margin-top: 36px; + width: 140px; + } + + img {vertical-align: top;} + + img + img {float: right;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the contents of the 2 blue stripes are <strong>identical</strong>.</p> + + <div><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht new file mode 100644 index 0000000000..1de2d46024 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-002.xht @@ -0,0 +1,27 @@ +<!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: white-space: mixed tests (simple)</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/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-rules" /> + <link rel="match" href="white-space-mixed-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { border: solid blue; font: 1.25em/1 Ahem; background: yellow; color: orange; float: left; clear: left; margin: 1em; } + .normal { white-space: normal; } + .nowrap { white-space: nowrap; } + .pre { white-space: pre; } + </style> + </head> + <body> + <p>Test passes if the contents of the 2 blue stripes are <strong>identical</strong>.</p> + <div class="test normal">[<span class="normal"> </span><span class="pre"> </span><span class="normal"> </span><span class="pre"> </span><span class="normal"> </span>]</div> + <div class="test pre">[ ]</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-ref.xht new file mode 100644 index 0000000000..a26e5300ee --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003-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 + { + margin-left: 20px; + margin-top: 36px; + } + + img + { + border: blue solid medium; + margin-right: 40px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the contents of the 2 small blue rectangles are <strong>identical</strong>.</p> + + <div><img src="support/swatch-orange.png" width="20" height="40" alt="Image download support must be enabled" /><img src="support/swatch-orange.png" width="20" height="40" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.xht new file mode 100644 index 0000000000..26a790936a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-003.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: white-space: mixed tests (simple)</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/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-property" /> + <link rel="match" href="white-space-mixed-003-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .test { border: solid blue; font: 1.25em/1 Ahem; background: yellow; color: orange; float: left; margin: 1em; } + .normal { white-space: normal; } + .nowrap { white-space: nowrap; } + .pre { white-space: pre; } + </style> + </head> + <body> + <p>Test passes if the contents of the 2 small blue rectangles are <strong>identical</strong>.</p> + <div class="test normal"><span class="pre">x +<!-- --></span><span class="normal"> x</span></div> + <div class="test pre">x +x</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.xht new file mode 100644 index 0000000000..8b9a601edb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-mixed-004.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"> + + <!-- ================================================================ --> + <!-- WARNING! This document contains significant trailing whitespace! --> + <!-- ================================================================ --> + + <head> + <title>CSS Test: white-space: mixed tests</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/mixed/dynamic/001.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + + <meta name="flags" content="ahem interact"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { font: 1em/1 Ahem, monospace; color: navy; } + .bn { white-space: normal; } + .bp { white-space: pre; } + div:hover .an { white-space: normal; } + div:hover .ap { white-space: pre; } + div:hover .aG { color: green; } + div:hover .aB { color: brown; } + div:hover .abG { background: green; } + div:hover .abL { background: lime; } + </style> + </head> + <body> + <p>The picture below should change from a smiley-face to a landscape when you hover over it.</p> + + <!-- note that spaces at the start of a line collapse in white-space: normal --> + + <div> +<span class="bp an"> </span><span class="bn ap aG"> ###</span><span class="bp ap"><!-- keep newline --> + </span><span class="bp an aG"> ##<span class="abL"> </span> </span><span class="bp ap aG">## + </span><span class="bp an aG"> #<span class="abL"> # +<!-- keep newline --></span> #</span><span class="bn ap"><!-- keep newline --> + </span><span class="bp an aG"> #</span><span class="bp an aG abL"><!-- keep newline --> + #</span><span class="bn ap"><!-- keep newline --> + </span><span class="bp an aB"> #</span><span class="bn ap"><!-- keep newline --> + </span><span class="bp ap aB"> #</span><span class="bn ap"><!-- keep newline --> + </span><span class="bp an aB"> #</span><span class="bp ap"><!-- keep newline --> +<!-- keep newline --></span><span class="bn ap aB"> #</span><span class="bn an"><!-- keep newline --> +<!-- keep newline --></span><span class="bp an"> </span><span class="bp ap aG"> #</span><span class="bn ap"><!-- keep newline --> + </span><span class="bp an"><!-- keep newline --> +<!-- keep newline --></span><span class="bn an aB"># + </span><span class="bp ap"> </span><span class="bp an aG"> <span class="abL"> # +#</span></span><span class="bn ap"><!-- keep newline --> + </span><span class="bp an aB"> #<span class="bn ap"> </span> + </span><span class="bp an aG"># </span><span class="bn ap aB"><!-- keep newline --> + #</span><span class="bp ap"> </span><span class="bn ap aB"> # + </span><span class="bp an aB"> #<span class="bn ap"> </span> + #</span><span class="bn ap"><!-- keep newline --> + </span><span class="bp ap aG abL"> ##</span><span class="bp an aG abL"># # + # # + ##<span class="abG"> </span> ## + ###</span><span class="bn ap abL"> </span> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.xht new file mode 100644 index 0000000000..068ee1813a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001-ref.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"> + + <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: green; + border: black solid medium; + height: 120px; + text-align: center; + width: 60px; + } + + img + { + vertical-align: top; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a rectangle with 3 columns (1 dark green, 1 light green and then 1 dark green) and if there is <strong>no red</strong>.</p> + + <div><img src="support/swatch-lime.png" width="20" height="120" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001.xht new file mode 100644 index 0000000000..b50e02f3d0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-001.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: white-space normal: simple tests</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/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-phase-2" /> + <link rel="match" href="white-space-normal-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + * { white-space: normal; } + div { display: block; } + span { display: inline; } + table { padding: 0; border-spacing: 0; border: solid; } + td { font: 20px/1 Ahem; color: red; background: red; padding: 0; } + .red { background: red; } + .green { color: green; background: lime; } + .check { width: 3em; background: lime; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a rectangle with 3 columns (1 dark green, 1 light green and then 1 dark green) and if there is <strong>no red</strong>.</p> + <table> + <tr> + <td> + <div class="red"> </div> + <div class="red"> <div></div></div> + <div class="red"> <div> </div></div> + <div class="red"><div> </div></div> + <div class="red"><div> </div> </div> + <div class="red"><div></div> </div> + <div class="red"> <div></div> </div> + <div class="red"> <div> </div> </div> + <div class="green"><span>X</span> <span>X</span></div> + <div class="green"> <span>X</span> <span>X</span></div> + <div class="green"><span>X</span> <span>X</span> </div> + <div class="green"> <div></div> <span>X</span> <span>X</span> </div> + <div class="green"> <span>X</span> <span>X</span> <div></div> </div> + <div class="check">X X</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht new file mode 100644 index 0000000000..b929d6751a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-002.xht @@ -0,0 +1,50 @@ +<!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: white-space normal: simple tests</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/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-phase-2" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-1" /> + <link rel="match" href="white-space-normal-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + * { white-space: normal; } + div { display: block; } + span { display: inline; } + table { padding: 0; border-spacing: 0; border: solid; } + td { font: 20px/1 Ahem; color: red; background: red; padding: 0; } + .red { background: red; } + .green { color: green; background: lime; } + .check { width: 3em; background: lime; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a rectangle with 3 columns (1 dark green, 1 light green and then 1 dark green) and if there is <strong>no red</strong>.</p> + <table> + <tr> + <td> + <div class="red"> </div> + <div class="red"> <div></div></div> + <div class="red"> <div> </div></div> + <div class="red"><div> </div></div> + <div class="red"><div> </div> </div> + <div class="red"><div></div> </div> + <div class="red"> <div></div> </div> + <div class="red"> <div> </div> </div> + <div class="green"><span>X</span> <span>X</span></div> + <div class="green"> <span>X</span> <span>X</span></div> + <div class="green"><span>X</span> <span>X</span> </div> + <div class="green"> <div></div> <span>X</span> <span>X</span> </div> + <div class="green"> <span>X</span> <span>X</span> <div></div> </div> + <div class="check">X X</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.xht new file mode 100644 index 0000000000..f348a819e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003-ref.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 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 + { + background-color: lime; + color: green; + font: 20px/1 Ahem; + height: 100px; + margin-left: 2px; + margin-top: 18px; + width: 380px; + } + + img {vertical-align: top;} + + img.va-bottom {vertical-align: bottom;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p> + + <div> + <!-- start of 1st line --><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> + + <!-- start of 2nd line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> + + <!-- start of 3rd line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> + + <!-- start of 4th line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="4" alt="Image download support must be enabled" class="va-bottom" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 5th line --> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> <img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="16" alt="Image download support must be enabled" /> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003.xht new file mode 100644 index 0000000000..f7ef8a6d3b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-003.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"> + <head> + <title>CSS Test: white-space normal: UNICODE space 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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/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-rules" /> + <link rel="match" href="white-space-normal-003-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + * { white-space: normal; font: inherit; } + strong {font-weight: bold;} + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { color: green; background: lime; } + </style> + </head> + <body> + <p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p> + <table> + <tr> + <td> + <div>	<span>XXXp pXXp pXXp pXXp</span></div> + <div><span> X  X X X X É X É</span> </div> + <div><span> XXXÉ XXXX ÉXXp ÉXXp </span></div> + <div> <span>X    X  X p X p X </span> </div> + <div> <span> X X X ÉXXÉ ÉXXÉ + +</span> + + </div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-004.xht new file mode 100644 index 0000000000..4bed414ba2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-004.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 Test: white-space normal: UNICODE space characters with inline elements</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/004.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-rules" /> + <link rel="match" href="white-space-normal-003-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + * { white-space: normal; font: inherit; } + strong {font-weight: bold;} + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { color: green; background: lime; } + </style> + </head> + <body> + <p>Test passes if there is only the word "PASS" in green and <strong>no red</strong>.</p> + <table> + <tr> + <td> + <div>	<span>XXXp pXXp pXXp pXXp</span></div> + <div><span> <span> X</span> <span> X</span> X X X É <span> X </span>É</span> </div> + <div> </div> + <div><span> XXXÉ XXXX ÉXXp ÉXXp </span></div> + <div> <span>X    X  X p <span> X </span> p X </span> </div> + <div><span>X X<span></span> <span> X </span>ÉXXÉ <span> </span> ÉXXÉ </span> </div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005-ref.xht new file mode 100644 index 0000000000..31ad4dc09d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005-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 + { + background-color: lime; + border: green solid 20px; + height: 60px; + margin-left: 2px; + margin-top: 18px; + width: 60px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005.xht new file mode 100644 index 0000000000..fad48a1ac6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-005.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 Test: white-space normal: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/005.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-rules" /> + <link rel="match" href="white-space-normal-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + td * { white-space: normal; font: inherit; } + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { background: lime; } + div { color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> + <table> + <tr> + <td> + <div>XXXXX</div> + <div>X<span>   </span>X</div> + <div>X<span>​ ​ ​ ​</span>X</div> + <div>X<span> ​ ​ </span>X</div> + <div>XXXXX</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-006.xht new file mode 100644 index 0000000000..e64b6c8026 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-006.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 Test: white-space normal: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/006.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-rules" /> + <link rel="match" href="white-space-normal-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + td * { white-space: normal; font: inherit; } + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { background: lime; } + div { color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> + <table> + <tr> + <td> + <div>XXXXX</div> + <div><span>X   X</span></div> + <div><span>X​ ​ ​ ​X</span></div> + <div><span>X ​ ​ X</span></div> + <div>XXXXX</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007-ref.xht new file mode 100644 index 0000000000..77851d24f8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007-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 + { + height: 20px; + margin-left: 20px; + margin-top: 20px; + width: 220px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there are only 3 identical striped green and lime bars and <strong>no red</strong>.</p> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht new file mode 100644 index 0000000000..efb65641ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-007.xht @@ -0,0 +1,55 @@ +<!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"> + <!-- ================================================================ --> + <!-- WARNING! This document contains significant trailing whitespace! --> + <!-- ================================================================ --> + <head> + <title>CSS Test: white-space normal: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/007.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-rules" /> + <link rel="match" href="white-space-normal-007-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + * { white-space: normal; font: inherit; } + strong {font-weight: bold;} + div { display: block; margin: 1em; } + span { display: inline; } + + /* test */ + div { font: 20px/1 Ahem; } + .green { background: lime; color: green; } + .red { background: red; color: maroon; } + </style> + </head> + <body> + <p>Test passes if there are only 3 identical striped green and lime bars and <strong>no red</strong>.</p> + + <!-- the next two tests are identical, but one uses raw data and the other uses entities --> + + <div><span class="red"> + + <span class="green">X <span class="red"><span class="red"> <span class="red"> + </span></span> </span>X <span class="red"> + </span>X<span class="red"><span class="red"><span class="green"> </span><span + class="red"> </span></span> </span>X +<span class="red"> + + </span> + <span class="green">X<span class="green"> <span class="red"> </span></span><span + class="red"> </span>X<span class="red"> + + </span></span></span></span></div> + + <div><span class="red">

   <span class="green">X <span class="red"><span class="red"> <span class="red">
   </span></span> </span>X <span class="red"> 
   </span>X<span class="red"><span class="red"><span class="green"> </span><span class="red"> </span></span> </span>X
<span class="red"> 
   
   </span>
   <span class="green">X<span class="green"> <span class="red"> </span></span><span class="red"> </span>X<span class="red">

  </span></span></span></span></div> + + <div><span class="green">X X X X X X</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-008-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008-ref.xht new file mode 100644 index 0000000000..66e7c23631 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008-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 + { + height: 20px; + margin-left: 20px; + margin-top: 20px; + width: 220px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there are only 2 identical striped green and lime bars and <strong>no red</strong>.</p> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008.xht new file mode 100644 index 0000000000..10d44a0b28 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-008.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 Test: white-space normal: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/008.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-rules" /> + <link rel="match" href="white-space-normal-008-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + * { white-space: normal; font: inherit; } + strong {font-weight: bold;} + div { display: block; margin: 1em; } + span { display: inline; } + + /* test */ + div { font: 20px/1 Ahem; } + .green { background: lime; color: green; } + .red { background: red; color: maroon; } + </style> + </head> + <body> + <p>Test passes if there are only 2 identical striped green and lime bars and <strong>no red</strong>.</p> + + <div><span class="red"> + <span class="green">X </span> <span class="red"> </span> <span class="green"> X </span> + <span class="green">X </span> <span class="green"> X </span> + <span class="green">X</span><span class="green"> X<span class="red"> </span></span> + </span></div> + + <div><span class="green">X X X X X X</span></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-009-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009-ref.xht new file mode 100644 index 0000000000..7b7ae558b1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009-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: green; + height: 40px; + margin-left: 20px; + margin-top: 20px; + width: 80px; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-normal-009.xht b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009.xht new file mode 100644 index 0000000000..ef5d6f49bd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-normal-009.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: white-space normal: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/normal/009.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-property" /> + <link rel="match" href="white-space-normal-009-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + * { white-space: normal; font: inherit; } + strong {font-weight: bold;} + div { display: block; margin: 1em; } + span { display: inline; } + + /* test */ + div { font: 20px/1 Ahem; width: 4em; background: red; color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p> + + <div> + xxxx + xxxx + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001-ref.xht new file mode 100644 index 0000000000..3ae439c06a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-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/" /> + + <style type="text/css"><![CDATA[ + div + { + background-color: lime; + height: 20px; + width: 200px; + } + + img + { + margin-left: 60px; + vertical-align: top; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is a bright green stripe with a green square in it.</p> + + <div><img src="support/swatch-green.png" width="20" height="20" alt="Image download support must be enabled" /></div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-001.xht new file mode 100644 index 0000000000..340755111e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-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: white-space nowrap: basic test</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/nowrap/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-property" /> + <link rel="match" href="white-space-nowrap-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + .top { font: 20px/1 Ahem; } + .outer { width: 10em; background: red; } + .inner { width: 7em; color: lime; background: green; white-space: nowrap; } + </style> + </head> + <body> + <p>Test passes if there is a bright green stripe with a green square in it.</p> + <div class="top"> + <div class="outer"> + <div class="inner"> + xxx xxxxxx + </div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.xht new file mode 100644 index 0000000000..2866785a12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-005.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 Test: white-space nowrap: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/nowrap/005.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-rules" /> + <link rel="match" href="white-space-normal-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + td * { white-space: nowrap; font: inherit; } + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { background: lime; } + div { color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> + <table> + <tr> + <td> + <div>XXXXX</div> + <div>X<span>   </span>X</div> + <div>X<span>​ ​ ​ ​</span>X</div> + <div>X<span> ​ ​ </span>X</div> + <div>XXXXX</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.xht new file mode 100644 index 0000000000..04976acd4b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-006.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 Test: white-space nowrap: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/nowrap/006.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-rules" /> + <link rel="match" href="white-space-normal-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + td * { white-space: nowrap; font: inherit; } + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { background: lime; } + div { color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> + <table> + <tr> + <td> + <div>XXXXX</div> + <div><span>X   X</span></div> + <div><span>X​ ​ ​ ​X</span></div> + <div><span>X ​ ​ X</span></div> + <div>XXXXX</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht new file mode 100644 index 0000000000..d8e16ffc7c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-nowrap-attribute-001.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: White-space 'nowrap' vs. 'nowrap' attribute</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-generated-content-before-001-ref.xht" /> + <meta name="assert" content="The 'nowrap' attribute and 'white-space: nowrap' assignment behave the same way with respect to white space." /> + <style type="text/css"> + div, td + { + width: 2in; + } + div + { + white-space: nowrap; + } + table + { + border-spacing: 0; + } + td + { + padding: 0; + } + </style> + </head> + <body> + <p>Test passes if the two lines below have the exact same spacing.</p> + <div> The spacing on these two sentences need to be the same! </div> + <table cellspacing="0"> + <tr> + <td nowrap="nowrap"> The spacing on these two sentences need to be the same! </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht new file mode 100644 index 0000000000..478aebfc0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-p-element-001.xht @@ -0,0 +1,23 @@ +<!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: White-space 'normal' vs. 'p' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-generated-content-before-001-ref.xht" /> + <meta name="assert" content="The 'p' element and 'white-space: normal' assignment behave the same way with respect to white space." /> + <style type="text/css"> + div + { + white-space: normal; + } + div + p { margin: 0; } + </style> + </head> + <body> + <p>Test passes if the two lines below have the exact same spacing.</p> + <div> The spacing on these two sentences need to be the same! </div> + <p> The spacing on these two sentences need to be the same! </p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht new file mode 100644 index 0000000000..7949195018 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001-ref.xht @@ -0,0 +1,72 @@ +<!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 + { + background-color: green; + border: green solid 20px; + font: 20px/1 Ahem; + height: 100px; + margin-left: 3px; + /* + default horizontal border-spacing : 2px + + + padding-left of cell : 1px + ========================================= + 3px + */ + + margin-top: 39px; + /* + margin-bottom of p : 16px + + + default vertical border-spacing : 2px + + + padding-top of cell : 1px + + + pre's margin-top (margin: 1em 0px) : 20px + =========================================== + 39px + */ + width: 380px; + } + + img {vertical-align: top;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p> + + <div> + <!-- start of 1st line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 2nd line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 3rd line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 4th line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 5th line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-001.xht new file mode 100644 index 0000000000..0d5d6b5c12 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-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: white-space pre: simple tests</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/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-property" /> + <link rel="match" href="white-space-pre-001-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + pre { white-space: pre; font: 1.25em/1 Ahem; background: green; color: lime; } + </style> + </head> + <body> + <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p> + <table><tr><td> + <pre> + xxxx xxxx xxxx xxxx + x x x x x x + xxxx xxxx xxxx xxxx + x x x x x + x x x xxxx xxxx + </pre> + </td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht new file mode 100644 index 0000000000..76f8093038 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002-ref.xht @@ -0,0 +1,70 @@ +<!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 + { + background-color: green; + border: green solid 20px; + font: 20px/1 Ahem; + height: 100px; + margin-left: 3px; + /* + default horizontal border-spacing : 2px + + + padding-left of cell : 1px + ========================================= + 3px + */ + + margin-top: 19px; + /* + margin-bottom of p : 16px + + + default vertical border-spacing : 2px + + + padding-top of cell : 1px + ======================================= + 19px + */ + width: 380px; + } + + img {vertical-align: top;} + ]]> + </style> + + </head> + + <body> + + <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p> + + <div> + <!-- start of 1st line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 2nd line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 3rd line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 4th line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + <!-- start of 5th line --> + <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /><img src="support/swatch-lime.png" width="20" height="20" alt="Image download support must be enabled" /> + + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht new file mode 100644 index 0000000000..508be26165 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: white-space pre: simple tests</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/002.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <link rel="match" href="white-space-pre-002-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div { white-space: pre; font: 1.25em/1 Ahem; background: green; color: lime; } + </style> + </head> + <body> + <p>Test passes if the word PASS is drawn and if there is <strong>no red</strong>.</p> + <table><tr><td> + <div> + xxxx xxxx xxxx xxxx + x x x x x x + xxxx xxxx xxxx xxxx + x x x x x + x x x xxxx xxxx + </div> + </td></tr></table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-005.xht new file mode 100644 index 0000000000..485e1520e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-005.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 Test: white-space pre: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/005.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-rules" /> + <link rel="match" href="white-space-normal-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + td * { white-space: pre; font: inherit; } + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { background: lime; } + div { color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> + <table> + <tr> + <td> + <div>XXXXX</div> + <div>X<span>   </span>X</div> + <div>X<span>​ ​ ​ ​</span>X</div> + <div>X<span> ​ ​ </span>X</div> + <div>XXXXX</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-006.xht new file mode 100644 index 0000000000..a58646bbcc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-006.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 Test: white-space pre: zero width non-breaking space</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-06-29 --> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/006.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-rules" /> + <link rel="match" href="white-space-normal-005-ref.xht" /> + + <meta name="flags" content="ahem" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + /* setup */ + td * { white-space: pre; font: inherit; } + div { display: block; } + span { display: inline; } + + /* test */ + td { font: 20px/1 Ahem; color: maroon; background: red; padding: 0; } + span { background: lime; } + div { color: green; } + </style> + </head> + <body> + <p>Test passes if there is a filled bright green square with a thick green border and if there is <strong>no red</strong>.</p> + <!-- U+00A0 is exactly equivalent to U+200B U+0020 U+200B --> + <table> + <tr> + <td> + <div>XXXXX</div> + <div><span>X   X</span></div> + <div><span>X​ ​ ​ ​X</span></div> + <div><span>X ​ ​ X</span></div> + <div>XXXXX</div> + </td> + </tr> + </table> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht new file mode 100644 index 0000000000..c71d772fae --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-007.xht @@ -0,0 +1,17 @@ +<!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"> <!-- See also http://www.hixie.ch/tests/adhoc/css/text/word-spacing/001.html --> + <head> + <title>CSS Test: white-space and word-spacing</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/white-space/pre/007.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <style type="text/css"> + p { word-spacing: 0.1em; white-space: pre; } + </style> + </head> + <body> + <p>There should be two lines below.</p> + <p>This test has: +PASSED</p> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.xht new file mode 100644 index 0000000000..fecdfb157d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001-ref.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 reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <style type="text/css"> + pre, div + { + font-family: monospace; + font-size: 10pt; + margin: 0; + } + div + { + white-space: pre; + } + </style> + </head> + <body> + <p>Test passes if the next two lines have the exact same spacing.</p> + <div> The spacing on these two sentences need to be the same! </div> + <div> The spacing on these two sentences need to be the same! </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.xht new file mode 100644 index 0000000000..769dd01870 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-pre-element-001.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: White-space 'pre' vs. 'pre' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property"/> + <link rel="match" href="white-space-pre-element-001-ref.xht" /> + <meta name="assert" content="The 'pre' element and 'white-space: pre' assignment behave the same way with respect to white space." /> + <style type="text/css"> + pre, div + { + font-family: monospace; + font-size: 10pt; + margin: 0; + } + div + { + white-space: pre; + } + </style> + </head> + <body> + <p>Test passes if the next two lines have the exact same spacing.</p> + <div> The spacing on these two sentences need to be the same! </div> + <pre> The spacing on these two sentences need to be the same! </pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-001.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-001.xht new file mode 100644 index 0000000000..f212b0c66b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-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"> + <head> + <title>CSS Test: Block level elements with text and white space</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Text within a block element is treated like an anonymous inline element for white space processing model." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1, #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div2 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div>XX XX</div> + <div id="div1"></div><div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht new file mode 100644 index 0000000000..30320ebde2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" /> + <style type="text/css"> + div + { + height: 1em; + margin-bottom: 3px; + } + #div1 + { + background-color: black; + width: 2em; + } + #div2 + { + background-color: blue; + width: 3em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1"></div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-002.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002.xht new file mode 100644 index 0000000000..3cc4db9868 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-002.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: White-space 'normal' with tab adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A tab before a linefeed is removed if 'white-space' is set to 'normal'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: normal; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX	 </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-003.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-003.xht new file mode 100644 index 0000000000..f4310d257c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-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: White-space 'nowrap' with tab adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A tab before a linefeed is removed if 'white-space' is set to 'nowrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: nowrap; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX	 </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-004.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-004.xht new file mode 100644 index 0000000000..08e5c8be5f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-004.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: White-space 'pre-line' with tab adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A tab before a linefeed is removed if 'white-space' is set to 'pre-line'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: pre-line; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX	 </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.xht new file mode 100644 index 0000000000..e42ddd8085 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005-ref.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>test reference</title> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-005.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005.xht new file mode 100644 index 0000000000..1237c6830d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-005.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: White-space 'normal' with carriage return adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem may" /> + <meta name="assert" content="A carriage return before a linefeed is removed if 'white-space' is set to 'normal'. The linefeed may be rendered as a space or not rendered. Under css-text-3, this is stricter: the carriage return is turned into a space, which is removed before a line feed, and the line feed must be turned into a space, which must be discarded since it's at the end of a line." /> + <link rel="match" href="white-space-processing-005-ref.xht"/> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: normal; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX
 </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht new file mode 100644 index 0000000000..76e313a593 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 4em; + } + #div1 + { + background: black; + white-space: nowrap; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is the same width, or shorter, than the blue box. Its okay if the black box has a small notch in it.</p> + <div id="div1">XX X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-006.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006.xht new file mode 100644 index 0000000000..886e6bdc05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-006.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 Test: White-space 'nowrap' with carriage return adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-model" /> + <meta name="flags" content="ahem may" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-processing"/> + <link rel="match" href="white-space-processing-006-ref.xht" /> + <meta name="assert" content="A carriage return before a linefeed is removed if 'white-space' is set to 'nowrap'. The linefeed may be rendered as a space or not rendered. Under css-text-3 rules, this is scriter, and 1 space is expected" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 4em; + } + #div1 + { + background: black; + white-space: nowrap; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is the same width, or shorter, than the blue box. Its okay if the black box has a small notch in it.</p> + <div id="div1">XX X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-007.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-007.xht new file mode 100644 index 0000000000..d05501d169 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-007.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: White-space 'pre-line' with carriage return adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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"/> + <meta name="flags" content="ahem may" /> + <link rel="match" href="white-space-processing-005-ref.xht"/> + <meta name="assert" content="A carriage return before a linefeed is removed if 'white-space' is set to 'pre-line'. The linefeed may be rendered as a space or not rendered. Under css-text-3, the result is fully deterministic." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: pre-line; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-008.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-008.xht new file mode 100644 index 0000000000..1e9fb19486 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-008.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: White-space 'normal' with space adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A space before a linefeed is removed if 'white-space' is set to 'normal'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: pre; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX  </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-009.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-009.xht new file mode 100644 index 0000000000..6592161324 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-009.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: White-space 'nowrap' with space adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A space before a linefeed is removed if 'white-space' is set to 'nowrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: nowrap; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX  </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-010.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-010.xht new file mode 100644 index 0000000000..bbf43365f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-010.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: White-space 'pre-line' with space adjoining linefeed</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A space before a linefeed is removed if 'white-space' is set to 'pre-line'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + height: 1em; + margin-bottom: 3px; + width: 3em; + } + #div1 + { + white-space: pre-line; + } + #div2 + { + background-color: blue; + } + </style> + </head> + <body> + <p>Test passes if the black box below is shorter than the blue box.</p> + <div id="div1">XX  </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-011.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-011.xht new file mode 100644 index 0000000000..6b42dffe5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-011.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 Test: White-space 'pre' with sequence of spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A sequence of spaces are not collapsed when 'white-space' is set to 'pre'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="div1">XX   XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-012.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-012.xht new file mode 100644 index 0000000000..688d2c5ef6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-012.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 Test: White-space 'pre-wrap' with sequence of spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-002-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Sequence of spaces are not collapsed when 'white-space' is set to 'pre-wrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre-wrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are two black squares on the page.</p> + <div id="div1">XX   XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-013-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013-ref.xht new file mode 100644 index 0000000000..937cb87d14 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013-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 Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is one box below.</p> + <div>XX<br />XX</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-013.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013.xht new file mode 100644 index 0000000000..b6dee8f2a5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-013.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: White-space 'pre-wrap' and line opportunity with sequence of spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-013-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A line breaking opportunity is introduced at the end of a sequence of spaces when 'white-space' is set to 'pre-wrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font-family: Ahem; + line-height: 1em; + white-space: pre-wrap; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is one box below.</p> + <div>XX   XX</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.xht new file mode 100644 index 0000000000..9b1bc070d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014-ref.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>test reference</title> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + height: 1em; + margin-bottom: 3px; + } + #div1 + { + background-color: blue; + width: 5em; + } + #div2 + { + background-color: orange; + width: 4em; + } + span + { + background-color: black; + white-space: normal; + } + </style> + </head> + <body> + <p>Test passes if the black box below is the same width as either the blue box or the orange box.</p> + <div id="div1"></div> + <div> + <span>XX XX</span> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-014.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014.xht new file mode 100644 index 0000000000..8f4c10f6e0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-014.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: White-space 'normal' and linefeed characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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/#line-break-transform"/> + <link rel="match" href="white-space-processing-014-ref.xht"/> + <meta name="flags" content="ahem may" /> + <meta name="assert" content="Linefeed characters are transformed into spaces, zero-width space, or not rendered when 'white-space' is set to 'normal'. Under css-text-3 rules, they must be transformed into spaces" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + height: 1em; + margin-bottom: 3px; + } + #div1 + { + background-color: blue; + width: 5em; + } + #div2 + { + background-color: orange; + width: 4em; + } + span + { + background-color: black; + white-space: normal; + } + </style> + </head> + <body> + <p>Test passes if the black box below is the same width as either the blue box or the orange box.</p> + <div id="div1"></div> + <div> + <span>XX XX</span> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.xht new file mode 100644 index 0000000000..d31a52d448 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015-ref.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>test reference</title> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + white-space: nowrap; + } + #div1 + { + background: blue; + display: inline-block; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box below and it is at least as long as the blue box (it can be longer).</p> + <div> + <span>XX XX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-015.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015.xht new file mode 100644 index 0000000000..329753677b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-015.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: White-space 'nowrap' and linefeed characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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/#line-break-transform"/> + <link rel="match" href="white-space-processing-015-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Linefeed characters are transformed into spaces, zero-width space, or not rendered when 'white-space' is set to 'nowrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + white-space: nowrap; + } + #div1 + { + background: blue; + display: inline-block; + height: 1em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if there is one black box below and it is at least as long as the blue box (it can be longer).</p> + <div> + <span>XX XX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-016-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016-ref.xht new file mode 100644 index 0000000000..78feea9618 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016-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 Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there are two boxes below, one above the other.</p> + <div> + <span>XX<br />XX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-016.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016.xht new file mode 100644 index 0000000000..f284ec407d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-016.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: White-space 'pre' and linefeed characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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/#line-break-transform" /> + <link rel="match" href="white-space-processing-016-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="Linefeed characters are not transformed when 'white-space' is set to 'pre'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + white-space: pre; + } + </style> + </head> + <body> + <p>Test passes if there are two boxes below, one above the other.</p> + <div> + <span>XX XX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht new file mode 100644 index 0000000000..ed3dc31693 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-017.xht @@ -0,0 +1,27 @@ +<!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: White-space 'pre-line' and linefeed characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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/#line-break-transform" /> + <link rel="match" href="white-space-processing-016-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Linefeed characters are not transformed when 'white-space' is set to 'pre-line'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + white-space: pre-line; + } + </style> + </head> + <body> + <p>Test passes if there are two boxes below, one above the other.</p> + <div> + <span>XX XX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht new file mode 100644 index 0000000000..57d065a25e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-018.xht @@ -0,0 +1,27 @@ +<!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: White-space 'pre-wrap' and linefeed characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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/#line-break-transform" /> + <link rel="match" href="white-space-processing-016-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Linefeed characters are not transformed when 'white-space' is set to 'pre-wrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + white-space: pre-wrap; + } + </style> + </head> + <body> + <p>Test passes if there are two boxes below, one above the other.</p> + <div> + <span>XX XX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-019.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-019.xht new file mode 100644 index 0000000000..4c6600be05 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-019.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 Test: White-space 'normal' and tabs</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Tabs are converted to spaces when 'white-space' is set to 'normal'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: normal; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1">XX	XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-020.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-020.xht new file mode 100644 index 0000000000..b54037045d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-020.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 Test: White-space 'nowrap' and tabs</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Tabs are converted to spaces when 'white-space' is set to 'nowrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: nowrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1">XX	XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-021.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-021.xht new file mode 100644 index 0000000000..b6bae368e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-021.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 Test: White-space 'pre-line' and tabs</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Tabs are converted to spaces when 'white-space' is set to 'pre-line'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre-line; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1">XX	XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-022.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-022.xht new file mode 100644 index 0000000000..ccc6e91ede --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-022.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 Test: White space processing model with 'space' characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'normal' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: normal; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1">XX   XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-023.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-023.xht new file mode 100644 index 0000000000..25a77a6ea6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-023.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'nowrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'nowrap' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: normal; + } + #span2 + { + white-space: nowrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-024.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-024.xht new file mode 100644 index 0000000000..8f6a83dbc9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-024.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'pre-line'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre-line' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: normal; + } + #span2 + { + white-space: pre-line; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-025.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-025.xht new file mode 100644 index 0000000000..34eda9c291 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-025.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'normal' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: nowrap; + } + #span2 + { + white-space: normal; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-026.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-026.xht new file mode 100644 index 0000000000..a9462df88a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-026.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'nowrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'nowrap' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: nowrap; + } + #span2 + { + white-space: nowrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-027.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-027.xht new file mode 100644 index 0000000000..9b3b10f780 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-027.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'pre-line'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre-line' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: nowrap; + } + #span2 + { + white-space: pre-line; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-028.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-028.xht new file mode 100644 index 0000000000..270e5f5dd1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-028.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'normal' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: pre-line; + } + #span2 + { + white-space: normal; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-029.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-029.xht new file mode 100644 index 0000000000..513ffda908 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-029.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'nowrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'nowrap' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: pre-line; + } + #span2 + { + white-space: nowrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-030.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-030.xht new file mode 100644 index 0000000000..7f3fb4cfb6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-030.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'pre-line'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre-line' collapse into one space." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: pre-line; + } + #span2 + { + white-space: pre-line; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <div id="div1"> + <span id="span1">XX </span><span id="span2"> XX</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.xht new file mode 100644 index 0000000000..050191c8e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031-ref.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"> + <head> + <title>CSS Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <style type="text/css"> + div + { + height: 1em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-031.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031.xht new file mode 100644 index 0000000000..b032363623 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-031.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'pre'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-031-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre' remain two spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: normal; + } + #span2 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1"> + <span id="span1">X </span><span id="span2"> X</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-032.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-032.xht new file mode 100644 index 0000000000..11b37aa1f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-032.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'normal'/'pre-wrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-031-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'normal' adjoining a space with 'white-space' set to 'pre-wrap' remain two spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: normal; + } + #span2 + { + white-space: pre-wrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1"> + <span id="span1">X </span><span id="span2"> X</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-033.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-033.xht new file mode 100644 index 0000000000..ba6af357ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-033.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'pre'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-031-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre' remain two spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: nowrap; + } + #span2 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1"> + <span id="span1">X </span><span id="span2"> X</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-034.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-034.xht new file mode 100644 index 0000000000..4acf4e580c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-034.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'nowrap'/'pre-wrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-031-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'nowrap' adjoining a space with 'white-space' set to 'pre-wrap' remain two spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: nowrap; + } + #span2 + { + white-space: pre-wrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1"> + <span id="span1">X </span><span id="span2"> X</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-035.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-035.xht new file mode 100644 index 0000000000..aec28aa8a8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-035.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'pre'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-031-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre' retain two spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: pre-line; + } + #span2 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1"> + <span id="span1">X </span><span id="span2"> X</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-036.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-036.xht new file mode 100644 index 0000000000..0755c3b51f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-036.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"> + <head> + <title>CSS Test: Two spaces adjoining with 'white-space' 'pre-line'/'pre-wrap'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-031-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="One space with 'white-space' set to 'pre-line' adjoining a space with 'white-space' set to 'pre-wrap' retain two spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font: 16px/1em Ahem; + } + #span1 + { + white-space: pre-line; + } + #span2 + { + white-space: pre-wrap; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1"> + <span id="span1">X </span><span id="span2"> X</span> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht new file mode 100644 index 0000000000..192344dfce --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037-ref.xht @@ -0,0 +1,21 @@ +<!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: White-space 'normal' and space at beginning of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <style type="text/css"> + div + { + background: black; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div></div> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-037.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037.xht new file mode 100644 index 0000000000..11ed4be9ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-037.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"> + <head> + <title>CSS Test: White-space 'normal' and space at beginning of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-037-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space at beginning of line is removed when 'white-space' is set to 'normal'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: normal; + } + #div2 + { + background: black; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="div1"> X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-038.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-038.xht new file mode 100644 index 0000000000..935e3ff043 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-038.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"> + <head> + <title>CSS Test: White-space 'nowrap' and space at beginning of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-037-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space at beginning of line is removed when 'white-space' is set to 'nowrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: nowrap; + } + #div2 + { + background: black; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="div1"> X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-039.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-039.xht new file mode 100644 index 0000000000..db66acbd2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-039.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"> + <head> + <title>CSS Test: White-space 'pre-line' and space at beginning of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-037-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space at beginning of line is removed when 'white-space' is set to 'pre-line'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre-line; + } + #div2 + { + background: black; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="div1"> X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-040.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-040.xht new file mode 100644 index 0000000000..bda32c7b31 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-040.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: White-space 'pre-wrap' and space at beginning of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-037-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space at beginning of line is not removed when 'white-space' is set to 'pre-wrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre-wrap; + margin-left: -1em; + } + #div2 + { + background: black; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="div1"> X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-041.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-041.xht new file mode 100644 index 0000000000..2e3644c4f4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-041.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: White-space 'pre' and space at beginning of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-037-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space at beginning of line is not removed when 'white-space' is set to 'pre'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre; + margin-left: -1em; + } + #div2 + { + background: black; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="div1"> X</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.xht new file mode 100644 index 0000000000..c845dd06d9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042-ref.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"> + <head> + <title>CSS Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivol" href="https://florian.rivoal.net" /> + <style type="text/css"> + div + { + height: 1em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + <div> + <div id="div2"></div><div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-042.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042.xht new file mode 100644 index 0000000000..a33484aece --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-042.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 Test: Tab width</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-042-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Tabs (when rendered) render spaces at 8 character stops. That is, within a line, split the line into 8 character lengths. The tab would continue until the end of the next length. So if there are already 3 characters in a line, the tab would be rendered as 5 spaces." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div> + <div id="div1">XX	XX</div> + <div id="div2"></div><div id="div3"></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht new file mode 100644 index 0000000000..0a8924fc94 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043-ref.xht @@ -0,0 +1,23 @@ +<!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 reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 1.25em/1 Ahem; + white-space: normal; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <span>X</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-043.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043.xht new file mode 100644 index 0000000000..aeaf8d82c1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-043.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: White-space 'normal' and space at end of line</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-08-11 --> + <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-phase-2" /> + <link rel="match" href="white-space-processing-043-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space is removed at the end of the line when 'white-space' is set to 'normal'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: red; + font: 1.25em/1 Ahem; + white-space: normal; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <span>X </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-044.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-044.xht new file mode 100644 index 0000000000..624bf68837 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-044.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: White-space 'nowrap' and space at end of line</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-08-11 --> + <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-phase-2" /> + <link rel="match" href="white-space-processing-043-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space is removed at the end of the line when 'white-space' is set to 'nowrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: red; + font: 1.25em/1 Ahem; + white-space: nowrap; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <span>X </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-045.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-045.xht new file mode 100644 index 0000000000..0d01b72d64 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-045.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: White-space 'pre-line' and space at end of line</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-08-11 --> + <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-phase-2" /> + <link rel="match" href="white-space-processing-043-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space is removed at the end of the line when 'white-space' is set to 'pre-line'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: red; + font: 1.25em/1 Ahem; + white-space: pre-line; + } + </style> + </head> + <body> + <p>Test passes if there is <strong>no red</strong>.</p> + <div> + <span>X </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-046-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046-ref.xht new file mode 100644 index 0000000000..9c7e0950ba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046-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 Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoa.net" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color:black; + font-family: Ahem; + white-space: pre; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div> + <span> </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht new file mode 100644 index 0000000000..3b81e108da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-046.xht @@ -0,0 +1,27 @@ +<!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: White-space 'pre' and space at end of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-046-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space is not removed at the end of the line when 'white-space' is set to 'pre'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color:black; + font-family: Ahem; + white-space: pre; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div> + <span> </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht new file mode 100644 index 0000000000..c92979ba18 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-047.xht @@ -0,0 +1,27 @@ +<!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: White-space 'pre-wrap' and space at end of line</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-2" /> + <link rel="match" href="white-space-processing-046-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Space is not removed at the end of the line when 'white-space' is set to 'pre-wrap'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + background-color: black; + font-family: Ahem; + white-space: pre-wrap; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div> + <span> </span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht new file mode 100644 index 0000000000..ab837b0276 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048-ref.xht @@ -0,0 +1,27 @@ +<!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>test reference</title> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + white-space: normal; + width: 5em; + } + div div + { + color: blue; + float: right; + } + </style> + </head> + <body> + <p>Test passes if the blue box is below the black box.</p> + <div id="div1"> + <span>XXXXXX</span> + <div>XXX</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-048.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048.xht new file mode 100644 index 0000000000..13a639ab75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-048.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: Floats and line opportunity with 'white-space'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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/#text-encoding"/> + <link rel="match" href="white-space-processing-048-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A line breaking opportunity is not introduced with floats." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + font-family: Ahem; + white-space: normal; + width: 5em; + } + div div + { + color: blue; + float: right; + } + </style> + </head> + <body> + <p>Test passes if the blue box is below the black box.</p> + <div id="div1"> + <span>XXX<div>XXX</div>XXX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-049-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049-ref.xht new file mode 100644 index 0000000000..0903a615cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049-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/" /> + + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"><![CDATA[ + div + { + background-color: orange; + color: blue; + font: 1.25em/1 Ahem; + padding: 0em 2em; + width: 3em; + } + ]]> + </style> + + </head> + + <body> + + <p>Test passes if there is an orange sliver on the left and right of a short blue stripe.</p> + + <div>123</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-049.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049.xht new file mode 100644 index 0000000000..4492d4b64b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-049.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: Floats and line-breaking opportunities with 'white-space'</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-08-11 --> + <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/#text-encoding"/> + <link rel="match" href="white-space-processing-049-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="A line breaking opportunity is not introduced with an absolutely positioned element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + color: orange; + font: 1.25em/1 Ahem; + position: relative; + white-space: normal; + width: 5em; + } + div div + { + color: blue; + position: absolute; + right:0; + top:0; + } + </style> + </head> + <body> + <p>Test passes if there is an orange sliver on the left and right of a short blue stripe.</p> + <div id="div1"> + <span>XXX<div>XXX</div>XXXX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-050.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-050.xht new file mode 100644 index 0000000000..b4f528a2ec --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-050.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"> + <head> + <title>CSS Test: White-space 'normal' on a 'pre' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'normal' removes extra spacing when two spaces are next to each other when set on 'pre' element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + pre + { + font: 16px/1em Ahem; + margin: 0; + padding: 0; + } + #pre1 + { + white-space: normal; + } + #pre2 + { + background: blue; + } + #pre3 + { + margin-left: 1em; + } + #pre2, #pre3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <pre id="pre1">XX XX</pre> + <pre id="pre2"></pre><pre id="pre3"></pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-051.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-051.xht new file mode 100644 index 0000000000..8556d3a161 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-051.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 Test: White-space 'nowrap' on a 'pre' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-001-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'nowrap' does not remove extra spacing when two spaces are next to each other." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + pre + { + font: 16px/1em Ahem; + margin: 0; + padding: 0; + } + #pre1 + { + white-space: nowrap; + width: 3em; + } + #pre2, #pre3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #pre3 + { + margin-left: 1em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 filled black squares.</p> + <pre id="pre1">XX XX</pre> + <pre id="pre2"></pre><pre id="pre3"></pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-052-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052-ref.xht new file mode 100644 index 0000000000..318b6321a0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052-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 Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + pre + { + font: 16px/1em Ahem; + margin: 0; + padding: 0; + } + #pre1 + { + white-space: pre-wrap; + width: 5em; + } + #pre2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is one box below.</p> + <pre id="pre1">XX<br />XX</pre> + <pre id="pre2"></pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-052.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052.xht new file mode 100644 index 0000000000..45461812b6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-052.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: White-space 'pre-wrap' on a 'pre' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-052-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'pre-wrap' does not remove extra spacing when two spaces are next to each other and introduces line breaking opportunities when set on a 'pre' element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + pre + { + font: 16px/1em Ahem; + margin: 0; + padding: 0; + } + #pre1 + { + white-space: pre-wrap; + width: 5em; + } + #pre2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is one box below.</p> + <pre id="pre1">XX XX</pre> + <pre id="pre2"></pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-053.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-053.xht new file mode 100644 index 0000000000..03c14b1b5e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-053.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: White-space 'pre-line' on a 'pre' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-phase-1" /> + <link rel="match" href="white-space-processing-052-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property set to 'pre-line' does remove extra spacing when two spaces are next to each other and breaks at new lines when set on a 'pre' element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + pre + { + font: 16px/1em Ahem; + margin: 0; + padding: 0; + } + #pre1 + { + white-space: pre-line; + } + #pre2 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + </style> + </head> + <body> + <p>Test passes if there is one box below.</p> + <pre id="pre1"> XX + XX</pre> + <pre id="pre2"></pre> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht new file mode 100644 index 0000000000..88e3c439f2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/" /> + <style type="text/css"> + div + { + height: 1em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1.5em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div><div id="div2"></div><div id="div3"></div></div> + <div><div id="div2"></div><div id="div3"></div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-054.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054.xht new file mode 100644 index 0000000000..e122a9d8cf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-054.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 Test: White space processing model with 'en quad' characters</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-rules" /> + <link rel="match" href="white-space-processing-054-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="An 'en quad' characters is not collapsed by the white space processing model." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: normal; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 1.5em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">XX   XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht new file mode 100644 index 0000000000..b2e817a80a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055-ref.xht @@ -0,0 +1,23 @@ +<!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 reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + background: black; + display: inline-block; + height: 2em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-055.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055.xht new file mode 100644 index 0000000000..3dd01b0d70 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-055.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: White space processing model with 'zero width no break space' character</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-rules" /> + <link rel="match" href="white-space-processing-055-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="A 'zero width no break space' character is not collapsed by the white space processing model." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: normal; + } + #div2 + { + background: black; + display: inline-block; + height: 1em; + width: 4em; + } + </style> + </head> + <body> + <p>Test passes if there is only one box below.</p> + <div id="div1">XXXX</div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.xht new file mode 100644 index 0000000000..2a9e425fd7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056-ref.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 reference</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net" /> + <style type="text/css"> + div + { + font-size: 1.25em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 2em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 small filled black squares.</p> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/white-space-processing-056.xht b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056.xht new file mode 100644 index 0000000000..0dfc98751a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/white-space-processing-056.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 Test: White space processing model with 'ideographic space' character</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <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-rules" /> + <link rel="match" href="white-space-processing-056-ref.xht" /> + + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'ideographic space' character is not collapsed by the white space processing model." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 1.25em/1 Ahem; + } + #div1 + { + white-space: normal; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are 2 small filled black squares.</p> + <div id="div1">XX　　　XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht new file mode 100644 index 0000000000..2dab814ef0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-004-ref.xht @@ -0,0 +1,23 @@ +<!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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-004.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-004.xht new file mode 100644 index 0000000000..f7e449efc2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-004.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: Word-spacing using pixels with a negative zero value, -0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-005.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-005.xht new file mode 100644 index 0000000000..16db0a26f6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-005.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: Word-spacing using pixels with a zero value, 0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-006.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-006.xht new file mode 100644 index 0000000000..8eb27fd6b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-006.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: Word-spacing using pixels with a positive zero value, +0px</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in pixels." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht new file mode 100644 index 0000000000..dddf4d31ea --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-007-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span1, + #span2 + { + margin-left: 112px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x</span><span id="span1">x</span> + </div> + <div> + <span>x</span><span id="span2">x</span> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-007.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-007.xht new file mode 100644 index 0000000000..98a55006ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-007.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"> + <head> + <title>CSS Test: Word-spacing normal pixel on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 96px adds 96px (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 96px; + } + #test + { + word-spacing: 96px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-008.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-008.xht new file mode 100644 index 0000000000..a69ac2cc72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-008.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"> + <head> + <title>CSS Test: Word-spacing +normal pixel on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +96px adds 96px (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 96px; + } + #test + { + word-spacing: +96px; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-016.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-016.xht new file mode 100644 index 0000000000..d35020bb85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-016.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: Word-spacing using points with a negative zero value, -0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-017.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-017.xht new file mode 100644 index 0000000000..53752f7624 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-017.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: Word-spacing using points with a zero value, 0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-018.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-018.xht new file mode 100644 index 0000000000..ce7ed13974 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-018.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: Word-spacing using points with a positive zero value, +0pt</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in points." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-019.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-019.xht new file mode 100644 index 0000000000..5c047edfa6 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-019.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"> + <head> + <title>CSS Test: Word-spacing set to a nominal value of '72pt'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that letter-spacing 72pt adds 72pt (in addition to default spacing) between letters in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 72pt; + } + #test + { + word-spacing: 72pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-020.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-020.xht new file mode 100644 index 0000000000..c4ee51998f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-020.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"> + <head> + <title>CSS Test: Word-spacing +normal pt on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +72pt adds +72 points (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 72pt; + } + #test + { + word-spacing: +72pt; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-028.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-028.xht new file mode 100644 index 0000000000..bc4ad9ff2b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-028.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: Word-spacing using picas with a negative zero value, -0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-029.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-029.xht new file mode 100644 index 0000000000..c33d73e350 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-029.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: Word-spacing using picas with a zero value, 0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-030.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-030.xht new file mode 100644 index 0000000000..74575f93ad --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-030.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: Word-spacing using picas with a positive zero value, +0pc</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in picas." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-031.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-031.xht new file mode 100644 index 0000000000..f28c3c123c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-031.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"> + <head> + <title>CSS Test: Word-spacing normal pc on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 6pc adds 6pc (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 6pc; + } + #test + { + word-spacing: 6pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-032.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-032.xht new file mode 100644 index 0000000000..bf7cea9b1c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-032.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"> + <head> + <title>CSS Test: Word-spacing +normal pc on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +6pc adds 6pc (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 6pc; + } + #test + { + word-spacing: +6pc; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-040.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-040.xht new file mode 100644 index 0000000000..7d9995882e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-040.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: Word-spacing using centimeters with a negative zero value, -0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-041.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-041.xht new file mode 100644 index 0000000000..9daf333f8e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-041.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: Word-spacing using centimeters with a zero value, 0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-042.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-042.xht new file mode 100644 index 0000000000..f07bd616b4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-042.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: Word-spacing using centimeters with a positive zero value, +0cm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in centimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-043.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-043.xht new file mode 100644 index 0000000000..6d56c4ae08 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-043.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"> + <head> + <title>CSS Test: Word-spacing normal cm on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 2.54cm adds 2.54cm (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 2.54cm; + } + #test + { + word-spacing: 2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-044.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-044.xht new file mode 100644 index 0000000000..ba5650373f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-044.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"> + <head> + <title>CSS Test: Word-spacing +normal cm on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +2.54cm adds 2.54cm (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 2.54cm; + } + #test + { + word-spacing: +2.54cm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-052.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-052.xht new file mode 100644 index 0000000000..97a017bf20 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-052.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: Word-spacing using millimeters with a negative zero value, -0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-053.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-053.xht new file mode 100644 index 0000000000..2224326c9b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-053.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: Word-spacing using millimeters with a zero value, 0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-054.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-054.xht new file mode 100644 index 0000000000..e8d217e156 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-054.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: Word-spacing using millimeters with a positive zero value, +0mm</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in millimeters." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-055.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-055.xht new file mode 100644 index 0000000000..895882fa7f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-055.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"> + <head> + <title>CSS Test: Word-spacing normal mm on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 25.4mm adds 25.4mm (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 25.4mm; + } + #test + { + word-spacing: 25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-056.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-056.xht new file mode 100644 index 0000000000..8d393bc97c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-056.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"> + <head> + <title>CSS Test: Word-spacing +normal mm on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +25.4mm adds 25.4mm (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 25.4mm; + } + #test + { + word-spacing: +25.4mm; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-064.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-064.xht new file mode 100644 index 0000000000..5f60fd6618 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-064.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: Word-spacing using inches with a negative zero value, -0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-065.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-065.xht new file mode 100644 index 0000000000..3f9a20f030 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-065.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: Word-spacing using inches with a zero value, 0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-066.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-066.xht new file mode 100644 index 0000000000..0f4a7bb00c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-066.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: Word-spacing using inches with a positive zero value, +0in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in inches." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-067.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-067.xht new file mode 100644 index 0000000000..f2f2eda7bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-067.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"> + <head> + <title>CSS Test: Word-spacing normal in on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 1in adds 1in (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 1in; + } + #test + { + word-spacing: 1in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-068.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-068.xht new file mode 100644 index 0000000000..d8aa6b7b60 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-068.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"> + <head> + <title>CSS Test: Word-spacing +normal in on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +1in adds 1in (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 1in; + } + #test + { + word-spacing: +1in; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-076.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-076.xht new file mode 100644 index 0000000000..01cfc7d5ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-076.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: Word-spacing using 'em' units with a negative zero value, -0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-077.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-077.xht new file mode 100644 index 0000000000..b27a110554 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-077.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: Word-spacing using 'em' units with a zero value, 0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-078.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-078.xht new file mode 100644 index 0000000000..6d53a9b432 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-078.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: Word-spacing using 'em' units with a positive zero value, +0em</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in 'em' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-079.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-079.xht new file mode 100644 index 0000000000..aa26d4e6a1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-079.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"> + <head> + <title>CSS Test: Word-spacing normal em on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 6em adds 6em (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 6em; + } + #test + { + word-spacing: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-080.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-080.xht new file mode 100644 index 0000000000..9c9cedb4bc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-080.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"> + <head> + <title>CSS Test: Word-spacing +normal em on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-007-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +6em adds 6em (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 6em; + } + #test + { + word-spacing: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-088.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-088.xht new file mode 100644 index 0000000000..324ebbe1b5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-088.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: Word-spacing using 'ex' units with a negative zero value, -0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a negative zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-089.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-089.xht new file mode 100644 index 0000000000..cd4e4370c8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-089.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: Word-spacing using 'ex' units with a zero value, 0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-090.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-090.xht new file mode 100644 index 0000000000..d77ef61e0b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-090.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: Word-spacing using 'ex' units with a positive zero value, +0ex</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property sets a positive zero length value in 'ex' units." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht new file mode 100644 index 0000000000..5f80730fb0 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-091-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span1, + #span2 + { + margin-left: 12ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span1">x</span> + </div> + <div> + <span>x </span><span id="span2">x</span> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-091.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-091.xht new file mode 100644 index 0000000000..534e3018a4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-091.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"> + <head> + <title>CSS Test: Word-spacing nominal ex on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-091-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 12ex adds 12ex (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 12ex; + } + #test + { + word-spacing: 12ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-092.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-092.xht new file mode 100644 index 0000000000..11b5e58169 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-092.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"> + <head> + <title>CSS Test: Word-spacing +normal ex on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-091-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +12ex adds 12ex (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 12ex; + } + #test + { + word-spacing: +12ex; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-097.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-097.xht new file mode 100644 index 0000000000..e6807d77aa --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-097.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: Word-spacing -0 on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing -0 adds 0 (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: -0; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-098.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-098.xht new file mode 100644 index 0000000000..23b22a2406 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-098.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: Word-spacing 0 on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing 0 adds no extra space (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: 0; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-099.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-099.xht new file mode 100644 index 0000000000..160d1671d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-099.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: Word-spacing +0 on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing +0 adds no extra space (in addition to default spacing) between words in the element." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: +0; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-100.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-100.xht new file mode 100644 index 0000000000..41208d7153 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-100.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: Word-spacing set to 'normal'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-004-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property set to normal does not change spacing between words." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #test + { + word-spacing: normal; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div> + <div> + <span>x x</span> + </div> + <div id="test">x x</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-101.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-101.xht new file mode 100644 index 0000000000..cc09cd2c45 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-101.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: Word-spacing inherit on an element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property" /> + <link rel="match" href="word-spacing-091-ref.xht" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Ensure that word-spacing with inherit uses its parents value for word-spacing." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #wrapper + { + font: 16px/1em Ahem; + } + #span2 + { + margin-left: 12ex; + } + #parent + { + word-spacing: 12ex; + } + #test + { + word-spacing: 0; + word-spacing: inherit; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below (with no jagged edges).</p> + <div id="wrapper"> + <div> + <span>x </span><span id="span2">x</span> + </div> + <div id="parent"> + <div id="test">x x</div> + </div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001-ref.xht new file mode 100644 index 0000000000..adec02560e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: inline; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div>XXXXX XXXXXX</div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-001.xht new file mode 100644 index 0000000000..1b8935ba3e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-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"> + <head> + <title>CSS Test: Word-spacing application to 'display: inline' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: inline' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: inline; + word-spacing: 10em; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div>XXXXX XXXXXX</div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-002.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-002.xht new file mode 100644 index 0000000000..905623e6cb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-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"> + <head> + <title>CSS Test: Word-spacing application to 'display: block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: block; + word-spacing: 10em; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div> + <span>XXXXX XXXXXX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-ref.xht new file mode 100644 index 0000000000..620db3dc40 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + font: 16px/1em Ahem; + } + div div + { + display: list-item; + } + #div2 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends. There also needs to be a marker bullet on the left-hand side of the left most black box.</p> + <div> + <div>XXXXX XXXXXX</div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.xht new file mode 100644 index 0000000000..df82c523da --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-003.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 Test: Word-spacing application to 'display: list-item' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-003-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: list-item' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + body + { + margin-left: 2em; + } + div + { + font: 16px/1em Ahem; + } + div div + { + display: list-item; + word-spacing: 10em; + } + #div2 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends. There also needs to be a marker bullet on the left-hand side of the left most black box.</p> + <div> + <div>XXXXX XXXXXX</div> + </div> + <div id="div2"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.xht new file mode 100644 index 0000000000..3d3980335a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-005.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: Word-spacing application to 'display: inline-block' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: inline-block' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + span + { + display: inline-block; + word-spacing: 10em; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div> + <span>XXXXX XXXXXX</span> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.xht new file mode 100644 index 0000000000..2391060920 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-006.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: Word-spacing application to 'display: table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-ref.xht new file mode 100644 index 0000000000..3763d7e86b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.xht new file mode 100644 index 0000000000..a8780bf5de --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-007.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: Word-spacing application to 'display: inline-table' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-007-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: inline-table' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: inline-table; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.xht new file mode 100644 index 0000000000..f5b1f98357 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-008.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: Word-spacing application to 'display: table-row-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table-row-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-row-group; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.xht new file mode 100644 index 0000000000..aecc99e2a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-009.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: Word-spacing application to 'display: table-header-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table-header-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-header-group; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.xht new file mode 100644 index 0000000000..f726522e73 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-010.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: Word-spacing application to 'display: table-footer-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table-footer-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-footer-group; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.xht new file mode 100644 index 0000000000..ad9d843c75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-011.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: Word-spacing application to 'display: table-row' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table-row' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #row + { + display: table-row; + word-spacing: 10em; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="cell">XXXXX XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht new file mode 100644 index 0000000000..59fcf0312a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012-ref.xht @@ -0,0 +1,46 @@ +<!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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column-group; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXX XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht new file mode 100644 index 0000000000..2bc77c239d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-012.xht @@ -0,0 +1,53 @@ +<!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: Word-spacing application to 'display: table-column-group' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-012-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property is not applied to 'display: table-column-group' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column-group; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXX XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht new file mode 100644 index 0000000000..628c516335 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-013.xht @@ -0,0 +1,53 @@ +<!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: Word-spacing application to 'display: table-column' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-012-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property is not applied to 'display: table-column' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #test + { + display: table-column; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="test"></div> + <div id="row"> + <div id="cell">XXXXX XXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.xht new file mode 100644 index 0000000000..0fe3c6217f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-014.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: Word-spacing application to 'display: table-cell' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table-cell' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + } + #table + { + display: table-row; + } + #test + { + display: table-cell; + word-spacing: 10em; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="row"> + <div id="test">XXXXX XXXXXX</div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.xht new file mode 100644 index 0000000000..c81aa5a99a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-applies-to-015.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: Word-spacing application to 'display: table-caption' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-applies-to-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: table-caption' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #table + { + display: table; + width: 22em; + } + #caption + { + display: table-caption; + word-spacing: 10em; + } + #row + { + display: table-row; + } + #cell + { + display: table-cell; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div id="table"> + <div id="caption">XXXXX XXXXXX</div> + <div id="row"> + <div id="cell"></div> + </div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht new file mode 100644 index 0000000000..4a6004eb6f --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001-ref.xht @@ -0,0 +1,80 @@ +<!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>test reference</title> + <style type="text/css"> + div { + margin: 1em; + font-family: monospace; + page-break-inside: avoid; + } + div p { + margin: 0; + } + .controlcontrol { + background: orange; + width: 4em; + } + + .control span { + background: blue; + color: blue; + } + .spacer { + padding-left: 4em; + } + .test span { + background: orange; + color: orange; + } + .ws-pre p { + white-space: pre; + } + </style> + </head> + <body> + <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p> + + <div> + <p class="control"><span class="spacer"></span> </p> + <p class="controlcontrol"> </p> + </div> + + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span>B</span></p> + </div> + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span>B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p> + </div> + + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span>B</span></p> + </div> + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span><span class="spacer"></span>B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span><span class="spacer"></span>B</span></p> + </div> + + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p> + <p class="test"><span>A <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>	B</span></p> + <p class="test"><span>A <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>	B</span></p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht new file mode 100644 index 0000000000..8fc41a9a0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-001.xht @@ -0,0 +1,88 @@ +<!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: word-spacing on Flexible Space Characters</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-characters-001-ref.xht"/> + <meta name="assert" content="Word-spacing affects each space (U+0020) + and non-breaking space (U+00A0)."/> + <style type="text/css"> + div { + margin: 1em; + font-family: monospace; + page-break-inside: avoid; + } + div p { + margin: 0; + } + .controlcontrol { + background: orange; + width: 4em; + } + + .control span { + background: blue; + color: blue; + } + .spacer { + padding-left: 4em; + } + .test span { + word-spacing: 4em; + background: orange; + color: orange; + } + .ws-pre p { + white-space: pre; + } + </style> + </head> + <body> + <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p> + + <div> + <p class="control"><span class="spacer"></span> </p> + <p class="controlcontrol"> </p> + </div> + + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span>B</span></p> + <p class="test"><span>A B</span></p> + </div> + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span>B</span></p> + <p class="test"><span>A B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p> + <p class="test"><span>A B</span></p> + </div> + + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span>B</span></p> + <p class="test"><span>A B</span></p> + </div> + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span>B</span></p> + <p class="test"><span>A B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span>B</span></p> + <p class="test"><span>A B</span></p> + </div> + + <div class="ws-normal"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p> + <p class="test"><span>A 	 + 	 B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>	B</span></p> + <p class="test"><span>A 	B</span></p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht new file mode 100644 index 0000000000..4b7928d976 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002-ref.xht @@ -0,0 +1,175 @@ +<!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>test reference</title> + <style type="text/css"> + div { + margin: 1em; + font-family: monospace; + page-break-inside: avoid; + } + div p { + margin: 0; + } + + .control span { + background: blue; + color: blue; + } + .test span { + background: orange; + color: orange; + } + .ws-pre p { + white-space: pre; + } + body > div { display: inline-block; } /* to avoid overflowing the screen. Non essential to the test. */ + </style> + </head> + <body> + <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p> + + <!-- IDEOGRAPHIC SPACE --> + <div class="ws-normal"> + <p class="control"><span>A　　　　B</span></p> + <p class="test"><span>A　　　　B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A　　　　B</span></p> + <p class="test"><span>A　　　　B</span></p> + </div> + + <!-- EN QUAD --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- EM QUAD --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- EN SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- THREE-PER-EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- FOUR-PER-EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- SIX-PER-EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- FIGURE SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- PUNCTUATION SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!--THIN SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- HAIR SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- NARROW NO-BREAK SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- MEDIUM MATHEMATICAL SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht new file mode 100644 index 0000000000..1f2578c29b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-002.xht @@ -0,0 +1,181 @@ +<!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: word-spacing on Fixed-Width Space Characters</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-characters-002-ref.xht"/> + <meta name="assert" content="Word-spacing does not affect fixed-width spaces."/> + <style type="text/css"> + div { + margin: 1em; + font-family: monospace; + page-break-inside: avoid; + } + div p { + margin: 0; + } + + .control span { + background: blue; + color: blue; + } + .test span { + word-spacing: 4em; + background: orange; + color: orange; + } + .ws-pre p { + white-space: pre; + } + body > div { display: inline-block; } /* to avoid overflowing the screen. Non essential to the test. */ + </style> + </head> + <body> + <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p> + + <!-- IDEOGRAPHIC SPACE --> + <div class="ws-normal"> + <p class="control"><span>A　　　　B</span></p> + <p class="test"><span>A　　　　B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A　　　　B</span></p> + <p class="test"><span>A　　　　B</span></p> + </div> + + <!-- EN QUAD --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- EM QUAD --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- EN SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- THREE-PER-EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- FOUR-PER-EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- SIX-PER-EM SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- FIGURE SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- PUNCTUATION SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!--THIN SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- HAIR SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- NARROW NO-BREAK SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + <!-- MEDIUM MATHEMATICAL SPACE --> + <div class="ws-normal"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A    B</span></p> + <p class="test"><span>A    B</span></p> + </div> + + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht new file mode 100644 index 0000000000..b8d64adee1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003-ref.xht @@ -0,0 +1,73 @@ +<!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>test reference</title> + <style type="text/css"> + div { + margin: 1em; + font-family: monospace; + page-break-inside: avoid; + } + div p { + margin: 0; + } + + .control span { + background: blue; + color: blue; + } + .test span { + background: orange; + color: orange; + } + .ws-pre p { + white-space: pre; + } + </style> + </head> + <body> + <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p> + + <!-- ZERO-WIDTH SPACE --> + <div class="ws-normal"> + <p class="control"><span>A​​​​B</span></p> + <p class="test"><span>A​​​​B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A​​​​B</span></p> + <p class="test"><span>A​​​​B</span></p> + </div> + + <!-- ZERO-WIDTH NO-BREAK SPACE --> + <div class="ws-normal"> + <p class="control"><span>AB</span></p> + <p class="test"><span>AB</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>AB</span></p> + <p class="test"><span>AB</span></p> + </div> + + <!-- ZERO-WIDTH NON-JOINER --> + <div class="ws-normal"> + <p class="control"><span>A‌‌‌‌B</span></p> + <p class="test"><span>A‌‌‌‌B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A‌‌‌‌B</span></p> + <p class="test"><span>A‌‌‌‌B</span></p> + </div> + + <!-- ZERO-WIDTH JOINER --> + <div class="ws-normal"> + <p class="control"><span>A‍‍‍‍B</span></p> + <p class="test"><span>A‍‍‍‍B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A‍‍‍‍B</span></p> + <p class="test"><span>A‍‍‍‍B</span></p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht new file mode 100644 index 0000000000..a5119af6ca --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-characters-003.xht @@ -0,0 +1,79 @@ +<!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: word-spacing on Zero-Width Characters</title> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-characters-003-ref.xht"/> + <meta name="assert" content="Word-spacing does not affect zero-width characters."/> + <style type="text/css"> + div { + margin: 1em; + font-family: monospace; + page-break-inside: avoid; + } + div p { + margin: 0; + } + + .control span { + background: blue; + color: blue; + } + .test span { + word-spacing: 4em; + background: orange; + color: orange; + } + .ws-pre p { + white-space: pre; + } + </style> + </head> + <body> + <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p> + + <!-- ZERO-WIDTH SPACE --> + <div class="ws-normal"> + <p class="control"><span>A​​​​B</span></p> + <p class="test"><span>A​​​​B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A​​​​B</span></p> + <p class="test"><span>A​​​​B</span></p> + </div> + + <!-- ZERO-WIDTH NO-BREAK SPACE --> + <div class="ws-normal"> + <p class="control"><span>AB</span></p> + <p class="test"><span>AB</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>AB</span></p> + <p class="test"><span>AB</span></p> + </div> + + <!-- ZERO-WIDTH NON-JOINER --> + <div class="ws-normal"> + <p class="control"><span>A‌‌‌‌B</span></p> + <p class="test"><span>A‌‌‌‌B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A‌‌‌‌B</span></p> + <p class="test"><span>A‌‌‌‌B</span></p> + </div> + + <!-- ZERO-WIDTH JOINER --> + <div class="ws-normal"> + <p class="control"><span>A‍‍‍‍B</span></p> + <p class="test"><span>A‍‍‍‍B</span></p> + </div> + <div class="ws-pre"> + <p class="control"><span>A‍‍‍‍B</span></p> + <p class="test"><span>A‍‍‍‍B</span></p> + </div> + + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001-ref.xht new file mode 100644 index 0000000000..90268c2994 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-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>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + display: block; + font: 16px/1em Ahem; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if there are three distinct boxes below.</p> + <div> + <span>XXXXX XXXXX XXXXX XXXXX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-001.xht new file mode 100644 index 0000000000..17d811de98 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-justify-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: Word-spacing and 'text-align: justify'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-align-property"/> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-justify-property"/> + <link rel="match" href="word-spacing-justify-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The word spacing is changed when combined with 'text-align: justify'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + display: block; + font: 16px/1em Ahem; + text-align: justify; + width: 20em; + word-spacing: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are three distinct boxes below.</p> + <div> + <span>XXXXX XXXXX XXXXX XXXXX</span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht new file mode 100644 index 0000000000..8f331d3dbc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.xht new file mode 100644 index 0000000000..0f28e33f64 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-001.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 Test: Word-spacing and white space with multiple spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-remove-space-001-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The white space processing removes spaces before 'word-spacing' is applied." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + word-spacing: 2em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht new file mode 100644 index 0000000000..36e2194751 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 12em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.xht new file mode 100644 index 0000000000..990b98eca8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-002.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 Test: Word-spacing and white space with multiple non-breaking spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-remove-space-002-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The white space processing removes non-breaking space before 'word-spacing' is applied." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + word-spacing: 2em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 12em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht new file mode 100644 index 0000000000..596ee02c97 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003-ref.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 8em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X　 　 X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.xht new file mode 100644 index 0000000000..9655c134eb --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-003.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 Test: Word-spacing and white space with multiple ideographic spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-remove-space-003-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The white space processing removes ideographic space before 'word-spacing' is applied." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + word-spacing: 2em; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 8em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X　 　 X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.xht new file mode 100644 index 0000000000..8c55f28f72 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.xht new file mode 100644 index 0000000000..5aa54a6810 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-004.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 Test: Word-spacing and white space with multiple preserved spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-remove-space-004-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Any space left after white-space processing model occurs, has word-spacing applied to it." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + word-spacing: 2em; + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 6em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.xht new file mode 100644 index 0000000000..de884afbba --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 9em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.xht new file mode 100644 index 0000000000..daaa40fb2c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-005.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 Test: Word-spacing and white space with multiple preserved spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-remove-space-005-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Any non-breaking space left after white-space processing model occurs, has word-spacing applied to it." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + word-spacing: 2em; + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 9em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.xht new file mode 100644 index 0000000000..1a809e523b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006-ref.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"> + <head> + <title>test reference</title> + <meta name="flags" content="ahem" /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 8em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X　 　X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.xht b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.xht new file mode 100644 index 0000000000..d3b2936770 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/text/word-spacing-remove-space-006.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 Test: Word-spacing and white space with multiple preserved spaces</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property"/> + <link rel="match" href="word-spacing-remove-space-006-ref.xht"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Any ideographic space left after white-space processing model occurs, has word-spacing applied to it." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + word-spacing: 2em; + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 1em; + } + #div3 + { + margin-left: 8em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">X　 　X</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html> |
