diff options
Diffstat (limited to 'layout/reftests/w3c-css/submitted/text3')
15 files changed, 379 insertions, 0 deletions
diff --git a/layout/reftests/w3c-css/submitted/text3/reftest-stylo.list b/layout/reftests/w3c-css/submitted/text3/reftest-stylo.list new file mode 100644 index 000000000..c5f743719 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/reftest-stylo.list @@ -0,0 +1,9 @@ +# DO NOT EDIT! This is a auto-generated temporary list for Stylo testing +== text-align-match-parent-01.html text-align-match-parent-01.html +== text-align-match-parent-02.html text-align-match-parent-02.html +== text-align-match-parent-03.html text-align-match-parent-03.html +== text-align-match-parent-04.html text-align-match-parent-04.html +== text-align-match-parent-root-ltr.html text-align-match-parent-root-ltr.html +== text-align-match-parent-root-rtl.html text-align-match-parent-root-rtl.html + +== text-word-spacing-001.html text-word-spacing-001.html diff --git a/layout/reftests/w3c-css/submitted/text3/reftest.list b/layout/reftests/w3c-css/submitted/text3/reftest.list new file mode 100644 index 000000000..2712e4363 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/reftest.list @@ -0,0 +1,8 @@ +== text-align-match-parent-01.html text-align-match-parent-ref.html +== text-align-match-parent-02.html text-align-match-parent-ref.html +== text-align-match-parent-03.html text-align-match-parent-ref.html +== text-align-match-parent-04.html text-align-match-parent-ref.html +== text-align-match-parent-root-ltr.html text-align-match-parent-root-ltr-ref.html +== text-align-match-parent-root-rtl.html text-align-match-parent-root-rtl-ref.html + +== text-word-spacing-001.html text-word-spacing-ref.html diff --git a/layout/reftests/w3c-css/submitted/text3/support/Ahem.ttf b/layout/reftests/w3c-css/submitted/text3/support/Ahem.ttf Binary files differnew file mode 100644 index 000000000..ac81cb031 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/support/Ahem.ttf diff --git a/layout/reftests/w3c-css/submitted/text3/support/ahem.css b/layout/reftests/w3c-css/submitted/text3/support/ahem.css new file mode 100644 index 000000000..82ee46679 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/support/ahem.css @@ -0,0 +1,4 @@ +@font-face { + font-family: "Ahem"; + src: url(./Ahem.ttf); +} diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-01.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-01.html new file mode 100644 index 000000000..2c390dc66 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-01.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>CSS Text: text-align: match-parent</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property"> + <meta name="assert" content="Text checks that an element with + text-align: match-parent inherits its parent's value and calculates + 'start' and 'end' with respect to its parent's direction" + <link rel="match" href="text-align-match-parent-ref.html"> + <style type="text/css"> +div.start { text-align: start; } +div.end { text-align: end; } +div.left { text-align: left; } +div.right { text-align: right; } +div > div { text-align: match-parent; } + </style> + </head> + <body> + <div>Test passes if each line that says "Left" is aligned left and + each line that says "Right" is aligned right</div> + <div class="start" dir="ltr"><div dir="ltr">Left</div></div> + <div class="start" dir="ltr"><div dir="rtl">Left</div></div> + <div class="start" dir="rtl"><div dir="ltr">Right</div></div> + <div class="start" dir="rtl"><div dir="rtl">Right</div></div> + <div class="end" dir="ltr"><div dir="ltr">Right</div></div> + <div class="end" dir="ltr"><div dir="rtl">Right</div></div> + <div class="end" dir="rtl"><div dir="ltr">Left</div></div> + <div class="end" dir="rtl"><div dir="rtl">Left</div></div> + <div class="left" dir="ltr"><div dir="ltr">Left</div></div> + <div class="left" dir="ltr"><div dir="rtl">Left</div></div> + <div class="left" dir="rtl"><div dir="ltr">Left</div></div> + <div class="left" dir="rtl"><div dir="rtl">Left</div></div> + <div class="right" dir="ltr"><div dir="ltr">Right</div></div> + <div class="right" dir="ltr"><div dir="rtl">Right</div></div> + <div class="right" dir="rtl"><div dir="ltr">Right</div></div> + <div class="right" dir="rtl"><div dir="rtl">Right</div></div> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-02.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-02.html new file mode 100644 index 000000000..0d567cb02 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-02.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html class="reftest-wait"> + <head> + <meta charset="utf-8"> + <title>CSS Text: text-align: match-parent</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property"> + <meta name="flags" content="dom"> + <meta name="assert" content="Text checks that an element with + text-align: match-parent still aligns correctly if the parent's + dir attribute is changed"> + <link rel="match" href="text-align-match-parent-ref.html"> + <style type="text/css"> +div.start { text-align: start; } +div.end { text-align: end; } +div.left { text-align: left; } +div.right { text-align: right; } +div > div { text-align: match-parent; } + </style> + <script type="text/javascript"> +function changeParentDir() +{ + for (parent = 0; parent < 16; ++parent) { + var parentDiv = document.getElementById("d" + parent); + if (parentDiv.dir == "rtl") { + parentDiv.dir = "ltr"; + } else { + parentDiv.dir = "rtl"; + } + } + + document.documentElement.removeAttribute("class"); +} + </script> + </head> + <body onload="changeParentDir()"> + <div>Test passes if each line that says "Left" is aligned left and + each line that says "Right" is aligned right</div> + <div id="d0" class="start" dir="rtl"><div dir="ltr">Left</div></div> + <div id="d1" class="start" dir="rtl"><div dir="rtl">Left</div></div> + <div id="d2" class="start" dir="ltr"><div dir="ltr">Right</div></div> + <div id="d3" class="start" dir="ltr"><div dir="rtl">Right</div></div> + <div id="d4" class="end" dir="rtl"><div dir="ltr">Right</div></div> + <div id="d5" class="end" dir="rtl"><div dir="rtl">Right</div></div> + <div id="d6" class="end" dir="ltr"><div dir="ltr">Left</div></div> + <div id="d7" class="end" dir="ltr"><div dir="rtl">Left</div></div> + <div id="d8" class="left" dir="rtl"><div dir="ltr">Left</div></div> + <div id="d9" class="left" dir="rtl"><div dir="rtl">Left</div></div> + <div id="d10" class="left" dir="ltr"><div dir="ltr">Left</div></div> + <div id="d11" class="left" dir="ltr"><div dir="rtl">Left</div></div> + <div id="d12" class="right" dir="rtl"><div dir="ltr">Right</div></div> + <div id="d13" class="right" dir="rtl"><div dir="rtl">Right</div></div> + <div id="d14" class="right" dir="ltr"><div dir="ltr">Right</div></div> + <div id="d15" class="right" dir="ltr"><div dir="rtl">Right</div></div> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-03.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-03.html new file mode 100644 index 000000000..55887fd5d --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-03.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html class="reftest-wait"> + <head> + <meta charset="utf-8"> + <title>CSS Text: text-align: match-parent</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property"> + <meta name="flags" content="dom"> + <meta name="assert" content="Text checks that an element whose + text-align property is changed to match-parent aligns correctly"> + <link rel="match" href="text-align-match-parent-ref.html"> + <style type="text/css"> +div.start { text-align: start; } +div.end { text-align: end; } +div.left { text-align: left; } +div.right { text-align: right; } +div.center { text-align: center; } +div.match { text-align: match-parent; } + </style> + <script type="text/javascript"> +function changeChildAlign() +{ + for (child = 0; child < 16; ++child) { + var childDiv = document.getElementById("d" + child); + childDiv.className = "match"; + } + + document.documentElement.removeAttribute("class"); +} + </script> + </head> + <body onload="changeChildAlign()"> + <div>Test passes if each line that says "Left" is aligned left and + each line that says "Right" is aligned right</div> + <div class="start" dir="ltr"><div id="d0" class="center" dir="ltr">Left</div></div> + <div class="start" dir="ltr"><div id="d1" class="center" dir="rtl">Left</div></div> + <div class="start" dir="rtl"><div id="d2" class="center" dir="ltr">Right</div></div> + <div class="start" dir="rtl"><div id="d3" class="center" dir="rtl">Right</div></div> + <div class="end" dir="ltr"><div id="d4" class="center" dir="ltr">Right</div></div> + <div class="end" dir="ltr"><div id="d5" class="center" dir="rtl">Right</div></div> + <div class="end" dir="rtl"><div id="d6" class="center" dir="ltr">Left</div></div> + <div class="end" dir="rtl"><div id="d7" class="center" dir="rtl">Left</div></div> + <div class="left" dir="ltr"><div id="d8" class="center" dir="ltr">Left</div></div> + <div class="left" dir="ltr"><div id="d9" class="center" dir="rtl">Left</div></div> + <div class="left" dir="rtl"><div id="d10" class="center" dir="ltr">Left</div></div> + <div class="left" dir="rtl"><div id="d11" class="center" dir="rtl">Left</div></div> + <div class="right" dir="ltr"><div id="d12" class="center" dir="ltr">Right</div></div> + <div class="right" dir="ltr"><div id="d13" class="center" dir="rtl">Right</div></div> + <div class="right" dir="rtl"><div id="d14" class="center" dir="ltr">Right</div></div> + <div class="right" dir="rtl"><div id="d15" class="center" dir="rtl">Right</div></div> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-04.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-04.html new file mode 100644 index 000000000..dc1c0adcd --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-04.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html class="reftest-wait"> + <head> + <meta charset="utf-8"> + <title>CSS Text: text-align: match-parent</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property"> + <meta name="flags" content="dom"> + <meta name="assert" content="Text checks that an element with + text-align: match-parent still aligns correctly if the parent's + width is changed"> + <link rel="match" href="text-align-match-parent-ref.html"> + <style type="text/css"> +div.start { text-align: start; } +div.end { text-align: end; } +div.left { text-align: left; } +div.right { text-align: right; } +div > div { text-align: match-parent; } + </style> + <script type="text/javascript"> +function changeParentWidth() +{ + for (parent = 0; parent < 16; ++parent) { + var parentDiv = document.getElementById("d" + parent); + parentDiv.style.width = ""; + } + + document.documentElement.removeAttribute("class"); +} + </script> + </head> + <body onload="changeParentWidth()"> + <div>Test passes if each line that says "Left" is aligned left and + each line that says "Right" is aligned right</div> + <div id="d0" style="width: 50%;" class="start" dir="ltr"><div dir="ltr">Left</div></div> + <div id="d1" style="width: 50%;" class="start" dir="ltr"><div dir="rtl">Left</div></div> + <div id="d2" style="width: 50%;" class="start" dir="rtl"><div dir="ltr">Right</div></div> + <div id="d3" style="width: 50%;" class="start" dir="rtl"><div dir="rtl">Right</div></div> + <div id="d4" style="width: 50%;" class="end" dir="ltr"><div dir="ltr">Right</div></div> + <div id="d5" style="width: 50%;" class="end" dir="ltr"><div dir="rtl">Right</div></div> + <div id="d6" style="width: 50%;" class="end" dir="rtl"><div dir="ltr">Left</div></div> + <div id="d7" style="width: 50%;" class="end" dir="rtl"><div dir="rtl">Left</div></div> + <div id="d8" style="width: 50%;" class="left" dir="ltr"><div dir="ltr">Left</div></div> + <div id="d9" style="width: 50%;" class="left" dir="ltr"><div dir="rtl">Left</div></div> + <div id="d10" style="width: 50%;" class="left" dir="rtl"><div dir="ltr">Left</div></div> + <div id="d11" style="width: 50%;" class="left" dir="rtl"><div dir="rtl">Left</div></div> + <div id="d12" style="width: 50%;" class="right" dir="ltr"><div dir="ltr">Right</div></div> + <div id="d13" style="width: 50%;" class="right" dir="ltr"><div dir="rtl">Right</div></div> + <div id="d14" style="width: 50%;" class="right" dir="rtl"><div dir="ltr">Right</div></div> + <div id="d15" style="width: 50%;" class="right" dir="rtl"><div dir="rtl">Right</div></div> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-ref.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-ref.html new file mode 100644 index 000000000..f916b44c9 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-ref.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <style type="text/css"> +div.left { text-align: left; } +div.right { text-align: right; } + </style> + </head> + <body> + <div>Test passes if each line that says "Left" is aligned left and + each line that says "Right" is aligned right</div> + <div class="left">Left</div> + <div class="left">Left</div> + <div class="right">Right</div> + <div class="right">Right</div> + <div class="right">Right</div> + <div class="right">Right</div> + <div class="left">Left</div> + <div class="left">Left</div> + <div class="left">Left</div> + <div class="left">Left</div> + <div class="left">Left</div> + <div class="left">Left</div> + <div class="right">Right</div> + <div class="right">Right</div> + <div class="right">Right</div> + <div class="right">Right</div> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr-ref.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr-ref.html new file mode 100644 index 000000000..422f4fa51 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html dir="ltr"> + <head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <style type="text/css"> +html { text-align: start; } + </style> + </head> + <body> + <p>This line should be aligned left</p> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr.html new file mode 100644 index 000000000..6665703b6 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html dir="ltr"> + <head> + <meta charset="utf-8"> + <title>CSS Text: text-align: match-parent</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property"> + <meta name="assert" content="Text checks that + text-align: match-parent on a root element with dir=ltr is + equivalent to text-align: start"> + <link rel="match" href="text-align-match-parent-root-ltr-ref.html"> + <style type="text/css"> +html { text-align: match-parent; } + </style> + </head> + <body> + <p>This line should be aligned left</p> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl-ref.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl-ref.html new file mode 100644 index 000000000..a96db4575 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<html dir="rtl"> + <head> + <meta charset="utf-8"> + <title>CSS Reftest Reference</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <style type="text/css"> +html { text-align: start; } + </style> + </head> + <body> + <p>This line should be aligned right</p> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl.html b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl.html new file mode 100644 index 000000000..a2d8f2290 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl.html @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html dir="rtl"> + <head> + <title>CSS Text: text-align: match-parent</title> + <link rel="author" title="Simon Montagu" href="mailto:smontagu@mozilla.com"> + <link rel="help" href="http://www.w3.org/TR/css-text-3/#text-align-property"> + <meta name="assert" content="Text checks that + text-align: match-parent on a root element with dir=rtl is + equivalent to text-align: start"> + <link rel="match" href="text-align-match-parent-root-rtl-ref.html"> + <style type="text/css"> +html { text-align: match-parent; } + </style> + </head> + <body> + <p>This line should be aligned right</p> + </body> +</html> diff --git a/layout/reftests/w3c-css/submitted/text3/text-word-spacing-001.html b/layout/reftests/w3c-css/submitted/text3/text-word-spacing-001.html new file mode 100644 index 000000000..a9bcfd93b --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-word-spacing-001.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<title>CSS Text Test: Word Spacing</title> +<link rel="author" title="Nicholas Nethercote" href="mailto:nnethercote@mozilla.com"> +<link rel="help" href="http://www.w3.org/TR/css-text-3/#word-spacing"> +<link rel="stylesheet" type="text/css" href="support/ahem.css" /> +<link rel="match" href="text-word-spacing-ref.html"> +<meta name="flags" content="ahem"> +<meta name="assert" content="Test checks that word-spacing works with percentages."> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +div.wsn100 { word-spacing: -100%; } +div.wsn40 { word-spacing: -40%; } +div.ws0 { word-spacing: 0%; } +div.ws25 { word-spacing: calc(25% + 0px); } +div.ws100 { word-spacing: 100%; } +div.ws300 { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); } +div.ws400p1 { word-spacing: calc(400% + 1em); } +</style> +<body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div class="wsn100" >A Bc Def Ghij</div> + <div class="ws0" >A Bc Def Ghij</div> + <div class="ws100" >A Bc Def Ghij</div> + <div class="wsn40" >A Bc Def Ghij</div> + <div class="ws300" >A Bc Def Ghij</div> + <div class="ws25" >A Bc Def Ghij</div> + <div class="ws400p1">A Bc Def Ghij</div> +</body> diff --git a/layout/reftests/w3c-css/submitted/text3/text-word-spacing-ref.html b/layout/reftests/w3c-css/submitted/text3/text-word-spacing-ref.html new file mode 100644 index 000000000..5cbd7a550 --- /dev/null +++ b/layout/reftests/w3c-css/submitted/text3/text-word-spacing-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<title>CSS Text Test: Word Spacing</title> +<link rel="author" title="Nicholas Nethercote" href="mailto:nnethercote@mozilla.com"> +<link rel="stylesheet" type="text/css" href="support/ahem.css" /> +<meta name="flags" content="ahem"> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +span.padoneem { padding-left: 1em; } +</style> +<body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div>ABcDefGhij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A <span class="padoneem">Bc <span class="padoneem">Def <span class="padoneem">Ghij <span class="padoneem"></div> +</body> |