Index: LayoutTests/fast/css/object-fit-object-expected.html |
diff --git a/LayoutTests/fast/css/object-fit-object-expected.html b/LayoutTests/fast/css/object-fit-object-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..306898f36396f2799d9598e8522c1dfdb80ad6fd |
--- /dev/null |
+++ b/LayoutTests/fast/css/object-fit-object-expected.html |
@@ -0,0 +1,40 @@ |
+<!DOCTYPE html> |
+ |
+<html> |
+ <head> |
+ <title>object-fit on objects</title> |
+ <style type="text/css"> |
+ .group > div { |
+ display: inline-block; |
+ overflow: hidden; |
+ width: 72px; |
+ height: 72px; |
+ margin: 2px 10px; |
+ border: 1px solid black; |
+ background-color: gray; |
+ } |
+ |
+ .group > * > * { display: block; } |
+ .group > *:nth-child(1) * { width:100%; height:100%; } |
+ .group > *:nth-child(2) * { width:100%; margin-top:25%; } |
+ .group > *:nth-child(3) * { height:100%; margin-left:-50%; } |
+ .group > *:nth-child(4) * { width:288px; margin-left:-108px; margin-top:-36px; } |
+ .group > *:nth-child(5) * { width:100%; margin-top:25%; } |
+ .group > *:nth-child(6) * { width:100%; margin-top:25%; } |
+ .group > *:nth-child(7) * { width:100%; height:100%; } |
+ </style> |
+ </head> |
+ <body> |
+ |
+ <div class="group"> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ <div><object data="resources/circles-landscape.png"></object></div> |
+ </div> |
+ |
+ </body> |
+</html> |