1 files changed, 48 insertions, 0 deletions
diff --git a/layout/reftests/image/image-orientation-background.html b/layout/reftests/image/image-orientation-background.html
new file mode 100644
index 000000000..f02411366
--- /dev/null
+++ b/layout/reftests/image/image-orientation-background.html
@@ -0,0 +1,48 @@
+<!DOCTYPE>
+<head>
+  <style>
+    body {
+      border:  0px;
+      margin:  0px;
+      padding: 0px;
+    }
+    div {
+      width:   100px;
+      height:  200px;
+      border:  50px solid black;
+      margin:  50px;
+      padding: 50px;
+
+      /* This is deliberately an image with a non-neutral inherent orientation to */
+      /* ensure that the inherent orientation is irrelevant. */
+      background-image:    url(image-exif-90-deg-flip.jpg);
+      background-position: center;
+      background-repeat:   no-repeat;
+    }
+  </style>
+</head>
+<body>
+  <div></div>
+
+  <script>
+    var orientation = location.search.substring(1).split("&");
+    var angle = orientation[0];
+    var flip = orientation[1] == "flip" ? true : false;
+
+    // Construct a style. "from-image" is special-cased.
+    var style;
+    if (angle == "from-image") {
+      style = "div { image-orientation: from-image; }\n";
+    } else {
+      style = "div { image-orientation: "
+            + angle + "deg"
+            + (flip ? " flip" : "")
+            + "; }\n";
+    }
+
+    // Apply the style to the document.
+    var sheet = document.createElement('style');
+    sheet.innerHTML = style;
+    document.body.appendChild(sheet);
+  </script>
+</body>