Index: third_party/WebKit/LayoutTests/external/wpt/css/css-flexbox-1/align-items-006.html |
diff --git a/third_party/WebKit/LayoutTests/external/wpt/css/css-flexbox-1/align-items-006.html b/third_party/WebKit/LayoutTests/external/wpt/css/css-flexbox-1/align-items-006.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f20c8969c4b3d988bb961290a219720ce6e4c848 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/external/wpt/css/css-flexbox-1/align-items-006.html |
@@ -0,0 +1,37 @@ |
+<!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
+<html xmlns="http://www.w3.org/1999/xhtml"> |
+ <head> |
+ <title>CSS Test: A flex container with 'column' direction and 'align-items' property set to 'flex-start'</title> |
+ <link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"> |
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#align-items-property" /> |
+ <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property" /> |
+ <link rel="match" href="reference/align-content-001-ref.html" /> |
+ <meta name="assert" content="This test checks that 'align-items: flex-start' implies the flex item's 'auto' width to be resolved as 'fit-content'." /> |
+ <style type="text/css"> |
+ .block { |
+ position: absolute; |
+ width: 300px; |
+ height: 100px; |
+ } |
+ #flexbox |
+ { |
+ font: 50px/1 Ahem; |
+ background: green; |
+ flex-direction: column; |
+ align-items: flex-start; |
+ display: flex; |
+ width: 300px; |
+ height: 100px; |
+ } |
+ </style> |
+ </head> |
+ <body> |
+ <p>Test passes if there is no red visible on the page.</p> |
+ <div class="block"> |
+ <div style="width: 200px; height: 50px; background: green"></div> |
+ </div> |
+ <div id="flexbox"> |
+ <div style="background: red; color: red">XXXX</div> |
+ </div> |
+ </body> |
+</html> |