1 files changed, 41 insertions, 0 deletions
diff --git a/layout/reftests/css-valuesandunits/ch-width-1-ref.html b/layout/reftests/css-valuesandunits/ch-width-1-ref.html
new file mode 100644
index 0000000000..588234be72
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/ch-width-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+body {
+  font-family: courier new, courier, monospace;
+  line-height: 1;
+}
+div {
+  width: 120px;
+  float: left;
+}
+span {
+  display: inline-block;
+  height: 1em;
+  background: lightgreen;
+}
+</style>
+<p>No red should appear at the tips of the rectangles:</p>
+<script>
+for (var i = 10; i <= 16; i++) {
+  var div = document.createElement("div");
+  div.style.fontSize = i + "px";
+  document.body.appendChild(div);
+  for (var j = 1; j <= 10; j++) {
+    // green span containing the specified number of chars
+    var b = document.createElement("span");
+    b.className = "b";
+    b.textContent = "\xA0".repeat(j);
+    div.appendChild(b);
+    div.appendChild(document.createElement("br"));
+    div.appendChild(document.createElement("br"));
+  }
+  for (var j = 1; j <= 10; j++) {
+    var b = document.createElement("span");
+    b.className = "b";
+    b.textContent = "\xA0".repeat(j);
+    div.appendChild(b);
+    div.appendChild(document.createElement("br"));
+    div.appendChild(document.createElement("br"));
+  }
+}
+</script>