1 files changed, 42 insertions, 0 deletions
diff --git a/test/html/render/img-aspect-ratio-mix-border.ref.html b/test/html/render/img-aspect-ratio-mix-border.ref.html
new file mode 100644
index 00000000..775c8cb2
--- /dev/null
+++ b/test/html/render/img-aspect-ratio-mix-border.ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test image aspect ratio while constrained</title>
+    <style>
+      body {margin: 20px}
+      div {width: 640px; height: 640px; background: lightblue;}
+      img {border: 10px solid green}
+    </style>
+  </head>
+  <body>
+    <div>
+      <p>All images should be 32px by 32px like this one:</p>
+      <img src="pic.png" style="width:32px;height:32px;">
+      <p>Only one max-* contraint</p>
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <p>One max-* and fixed size contraint</p>
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <p>Two max-* contraints</p>
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <p>Both min-* and max-* constrained</p>
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <p>Bad constraints</p>
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+      <img src="pic.png" style="width:32px;height:32px;">
+    </div>
+  </body>
+</html>