2 files changed, 75 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/mediaqueries/support/media_queries_iframe.html b/testing/web-platform/tests/css/mediaqueries/support/media_queries_iframe.html
new file mode 100644
index 0000000000..890eb6c461
--- /dev/null
+++ b/testing/web-platform/tests/css/mediaqueries/support/media_queries_iframe.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+	"http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en-US">
+<head>
+	<title>Media Queries Test inner frame</title>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+	<meta http-equiv="Content-Style-Type" content="text/css">
+	<style type="text/css" id="style" media="all">
+	body { text-decoration: underline; }
+	</style>
+</head>
+<body>
+
+</body>
+</html>
diff --git a/testing/web-platform/tests/css/mediaqueries/support/min-width-tables-001-iframe.html b/testing/web-platform/tests/css/mediaqueries/support/min-width-tables-001-iframe.html
new file mode 100644
index 0000000000..794c047b0a
--- /dev/null
+++ b/testing/web-platform/tests/css/mediaqueries/support/min-width-tables-001-iframe.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>iframe containing the meat of the test</title>
+    <style>
+body {
+    margin: 0;
+    overflow: hidden;
+}
+/* green div that should cover the red divs */
+#green {
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-color: green;
+    width: 100%;
+    height: 600px;
+}
+.spacer {
+    height: 98px;
+    width: 20px;
+}
+.item {
+    background-color: red;
+    display: block;/* property under test */
+    /* border to aid understanding of boundaries between items */
+    border-style: solid;
+    border-width: 1px;
+    border-color: red;/* Note: if you're trying to debug this, use a different color here */
+}
+/* 100px = 10*(1 + 8 + 1) */
+@media (min-width: 100px) {
+    #green {
+        width: 100px;
+        height: 100px;/* = 1 + 98 + 1 */
+    }
+    .item {
+        display: table-cell;/* property and value under test */
+    }
+}
+    </style>
+</head>
+<body>
+    <div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+        <div class="item"><div class="spacer"></div></div>
+    </div>
+    <div id="green"></div>
+</body>
+</html>