Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(43)

Unified Diff: third_party/WebKit/LayoutTests/css3/flexbox/flexbox-lines-must-be-stretched-by-default.html

Issue 2361733003: [css-align] Initial value of align-content should be 'stretch'. (Closed)
Patch Set: Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/css/ComputedStyleCSSValueMapping.cpp » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/css3/flexbox/flexbox-lines-must-be-stretched-by-default.html
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-lines-must-be-stretched-by-default.html b/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-lines-must-be-stretched-by-default.html
new file mode 100644
index 0000000000000000000000000000000000000000..1cff600ab2942f139894cd4fe2f1f66a1a4a7482
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-lines-must-be-stretched-by-default.html
@@ -0,0 +1,66 @@
+<!doctype html>
+<style>
+.flex-container {
+ display: flex;
+ height:100px;
+ width:200px;
+ background-color:pink;
+ flex-wrap: wrap;
+}
+.flex-item1 {
+ width: 100%;
+ background-color:blue;
+ border:1px solid;
+ border-color:red;
+}
+.flex-item2 {
+ width: 100%;
+ background-color:blue;
+}
+</style>
+<script src="../../resources/testharness.js"></script>
+<script src="../../resources/testharnessreport.js"></script>
+<script src="../../resources/check-layout-th.js"></script>
+<body>
+<script>
+function runTest(gridEnabled)
+{
+ if (window.internals)
+ internals.runtimeFlags.cssGridLayoutEnabled = gridEnabled;
+
+ var flexContainer = document.createElement("div");
+ if (gridEnabled)
+ flexContainer.className += "gridEnabled flex-container";
+ else
+ flexContainer.className += "gridDisabled flex-container";
+ document.body.appendChild(flexContainer);
+
+ var flexItem1 = document.createElement("div");
+ flexItem1.id = "flexItem1";
+ flexItem1.className += "flex-item1";
+ flexItem1.setAttribute("data-expected-height", "51");
+ flexContainer.appendChild(flexItem1);
+
+ var flexItem2 = document.createElement("div");
+ flexItem2.id = "flexItem2";
+ flexItem2.className += "flex-item2";
+ flexItem2.setAttribute("data-expected-height", "49");
+ flexContainer.appendChild(flexItem2);
+
+ var br = document.createElement("br");
+ document.body.appendChild(br);
+
+ flexContainer.style.alignContent = "initial";
+
+ if (gridEnabled)
+ checkLayout('.gridEnabled');
+ else
+ checkLayout('.gridDisabled');
+}
+
+runTest(false);
+runTest(true);
+</script>
+<p>'Test for BUG=647694 - align-content "stretch" is not applied by default when grid is disabled.'</p>
+<div id="log"></div>
+</body>
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/css/ComputedStyleCSSValueMapping.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698