7 files changed, 100 insertions, 0 deletions
diff --git a/tests/ref/basic.list b/tests/ref/basic.list
index 88f27cbfc00..e568e5e2311 100644
--- a/tests/ref/basic.list
+++ b/tests/ref/basic.list
@@ -274,6 +274,10 @@ flaky_cpu,experimental == vertical-lr-blocks.html vertical-lr-blocks_ref.html
 == vertical_align_top_a.html vertical_align_top_ref.html
 == vertical_align_top_bottom_a.html vertical_align_top_bottom_ref.html
 == vertical_align_top_span_a.html vertical_align_top_span_ref.html
+resolution=800x600 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_a.html
+resolution=600x800 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_b.html
+resolution=800x600 == viewport_percentage_vw_vh.html viewport_percentage_vw_vh_a.html
+resolution=600x800 == viewport_percentage_vw_vh.html viewport_percentage_vw_vh_b.html
 == visibility_hidden.html visibility_hidden_ref.html
 == whitespace_nowrap_a.html whitespace_nowrap_ref.html
 == whitespace_pre.html whitespace_pre_ref.html
diff --git a/tests/ref/viewport_percentage_vmin_vmax.html b/tests/ref/viewport_percentage_vmin_vmax.html
new file mode 100644
index 00000000000..370245a384b
--- /dev/null
+++ b/tests/ref/viewport_percentage_vmin_vmax.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #box {
+        background: green;
+        height: 50vmax;
+        width: 50vmin;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="box">
+    </div>
+  </body>
+</html>
diff --git a/tests/ref/viewport_percentage_vmin_vmax_a.html b/tests/ref/viewport_percentage_vmin_vmax_a.html
new file mode 100644
index 00000000000..d67f728bc8f
--- /dev/null
+++ b/tests/ref/viewport_percentage_vmin_vmax_a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #box {
+        background: green;
+        height: 400px;
+        width: 300px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="box">
+    </div>
+  </body>
+</html>
diff --git a/tests/ref/viewport_percentage_vmin_vmax_b.html b/tests/ref/viewport_percentage_vmin_vmax_b.html
new file mode 100644
index 00000000000..d67f728bc8f
--- /dev/null
+++ b/tests/ref/viewport_percentage_vmin_vmax_b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #box {
+        background: green;
+        height: 400px;
+        width: 300px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="box">
+    </div>
+  </body>
+</html>
diff --git a/tests/ref/viewport_percentage_vw_vh.html b/tests/ref/viewport_percentage_vw_vh.html
new file mode 100644
index 00000000000..11e6f5b00bf
--- /dev/null
+++ b/tests/ref/viewport_percentage_vw_vh.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #box {
+        background: green;
+        height: 50vh;
+        width: 50vw;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="box">
+    </div>
+  </body>
+</html>
diff --git a/tests/ref/viewport_percentage_vw_vh_a.html b/tests/ref/viewport_percentage_vw_vh_a.html
new file mode 100644
index 00000000000..116b3a05481
--- /dev/null
+++ b/tests/ref/viewport_percentage_vw_vh_a.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #box {
+        background: green;
+        height: 300px;
+        width: 400px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="box">
+    </div>
+  </body>
+</html>
diff --git a/tests/ref/viewport_percentage_vw_vh_b.html b/tests/ref/viewport_percentage_vw_vh_b.html
new file mode 100644
index 00000000000..d67f728bc8f
--- /dev/null
+++ b/tests/ref/viewport_percentage_vw_vh_b.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      #box {
+        background: green;
+        height: 400px;
+        width: 300px;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="box">
+    </div>
+  </body>
+</html>