Index: LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize-expected.html |
diff --git a/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize-expected.html b/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f9117612c402a8a6a139036e7e4b0486171acc74 |
--- /dev/null |
+++ b/LayoutTests/fast/css-grid-layout/flex-content-sized-columns-resize-expected.html |
@@ -0,0 +1,48 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <style type="text/css"> |
+ #firstColumnFloat { |
+ width: 50%; |
+ background-color: blue; |
+ } |
+ |
+ #secondColumnFloat { |
+ float: right; |
+ width: 50%; |
+ background-color: lime; |
+ } |
+ |
+ #oneColumnRegular { |
+ background-color: blue; |
+ } |
+ </style> |
+ <script> |
+ function runTest() { |
+ if (window.testRunner) { |
+ testRunner.useUnfortunateSynchronousResizeMode(); |
+ window.resizeTo(600, 600); |
+ } |
+ } |
+ </script> |
+</head> |
+<body onLoad="runTest();"> |
+ <h1>Description</h1> |
+ <p>Grid flex and content sized columns width should be updated properly when you resize the window (you should not see the grid background in grey color).</p> |
+ <h1>Grid 2 flex columns</h1> |
+ <div> |
+ <div id="secondColumnFloat">second column</div> |
+ <div id="firstColumnFloat">first column</div> |
+ </div> |
+ <h1>Grid 1 auto column</h1> |
+ <div> |
+ <div id="oneColumnRegular"> |
+ one column one column one column one column one column one column one column one column |
+ one column one column one column one column one column one column one column one column |
+ one column one column one column one column one column one column one column one column |
+ one column one column one column one column one column one column one column one column |
+ </div> |
+ </div> |
+</body> |
+</html> |
+ |