summaryrefslogtreecommitdiffstats
path: root/layout/reftests/w3c-css/submitted/text3
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/w3c-css/submitted/text3
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/w3c-css/submitted/text3')
-rw-r--r--layout/reftests/w3c-css/submitted/text3/reftest-stylo.list9
-rw-r--r--layout/reftests/w3c-css/submitted/text3/reftest.list8
-rw-r--r--layout/reftests/w3c-css/submitted/text3/support/Ahem.ttfbin0 -> 12480 bytes
-rw-r--r--layout/reftests/w3c-css/submitted/text3/support/ahem.css4
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-01.html40
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-02.html56
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-03.html52
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-04.html52
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-ref.html32
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr-ref.html14
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-ltr.html19
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl-ref.html14
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-align-match-parent-root-rtl.html18
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-word-spacing-001.html35
-rw-r--r--layout/reftests/w3c-css/submitted/text3/text-word-spacing-ref.html26
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
new file mode 100644
index 000000000..ac81cb031
--- /dev/null
+++ b/layout/reftests/w3c-css/submitted/text3/support/Ahem.ttf
Binary files differ
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 &nbsp;&nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;&nbsp;Ghij</div>
+ <div class="ws300" >A Bc Def Ghij</div>
+ <div class="ws25" >A &nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;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 &nbsp;Bc &nbsp;Def &nbsp;Ghij</div>
+ <div>A &nbsp;&nbsp;Bc &nbsp;&nbsp;Def &nbsp;&nbsp;Ghij</div>
+ <div>A &nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;Ghij</div>
+ <div>A &nbsp;&nbsp;&nbsp;&nbsp;Bc &nbsp;&nbsp;&nbsp;&nbsp;Def &nbsp;&nbsp;&nbsp;&nbsp;Ghij</div>
+ <div>A &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem">Bc &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem">Def &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem">Ghij &nbsp;&nbsp;&nbsp;&nbsp;<span class="padoneem"></div>
+</body>