3 files changed, 35 insertions, 0 deletions
diff --git a/test/html/Makefile.am b/test/html/Makefile.am
index fc959b1f..60455ac5 100644
--- a/test/html/Makefile.am
+++ b/test/html/Makefile.am
@@ -18,6 +18,7 @@ TESTS = \
 	render/form-display-none.html \
 	render/github-infinite-loop.html \
 	render/hackernews.html \
+	render/hr.html \
 	render/img-aspect-ratio-absolute.html \
 	render/img-aspect-ratio-div.html \
 	render/img-aspect-ratio-mix-border.html \
diff --git a/test/html/render/hr.html b/test/html/render/hr.html
new file mode 100644
index 00000000..e76dde7a
--- /dev/null
+++ b/test/html/render/hr.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test hr length</title>
+  </head>
+  <body>
+    <hr>
+    <hr style="border-width: 10px">
+  </body>
+</html>
diff --git a/test/html/render/hr.ref.html b/test/html/render/hr.ref.html
new file mode 100644
index 00000000..21064d9f
--- /dev/null
+++ b/test/html/render/hr.ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test hr length</title>
+  </head>
+<style>
+div {
+  border: 1px inset;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+</style>
+  <body>
+    <!--
+      Default canvas width is 780, with 5 pixels of margin for body on each
+      side, so we have 770 pixels of space available before the scrollbar is
+      shown. The ruler needs one pixel on each side by default, so 768 px is the
+      available width.
+    -->
+    <div style="width: 768px"></div>
+    <!-- Same but with 20 pixels for the ruler border -->
+    <div style="width: 750px; border-width: 10px"></div>
+  </body>
+</html>