1 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-grid/reference/display-grid-ref.html b/testing/web-platform/tests/css/css-grid/reference/display-grid-ref.html
new file mode 100644
index 0000000000..8008359a6b
--- /dev/null
+++ b/testing/web-platform/tests/css/css-grid/reference/display-grid-ref.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <title>CSS Grid Layout: Reference File</title>
+  <link rel="author" title="swain" href="mailto:swainet@126.com"/>
+  <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"/> <!-- 2013-09-17 -->
+  <style type="text/css">
+    #container {
+      position:relative;
+      width:400px;
+      height:100px;
+    }
+
+    .error {
+      position:absolute;
+      top:0;
+      left:0;
+      height:100%;
+      width:100%;
+      z-index:-1;
+    }
+
+    #table {
+      width:100%;
+      height:100%;
+      border-collapse:collapse;
+    }
+
+    #table td {
+      padding:0;
+      vertical-align:top;
+    }
+
+    #table td:first-child {
+      width:100px;
+    }
+
+    #table tr:last-child td {
+      height:30px;
+    }
+  </style>
+</head>
+<body>
+<p>Test passes if there are 4 green rectangles and no red.</p>
+
+<div id="container">
+  <div class="error">
+    <table id="table">
+      <tbody>
+      <tr>
+        <td style="background-color:green">cell1</td>
+        <td style="background-color:limegreen">cell2</td>
+      </tr>
+      <tr>
+        <td style="background-color:limegreen">cell3</td>
+        <td style="background-color:green">cell4</td>
+      </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+</body>
+</html>