Index: third_party/WebKit/Source/core/layout/ng/test_data/margins_collapse1.html |
diff --git a/third_party/WebKit/Source/core/layout/ng/test_data/margins_collapse1.html b/third_party/WebKit/Source/core/layout/ng/test_data/margins_collapse1.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..42ecda52b1580fd61521136ec05c7b6d260df5fc |
--- /dev/null |
+++ b/third_party/WebKit/Source/core/layout/ng/test_data/margins_collapse1.html |
@@ -0,0 +1,27 @@ |
+<!DOCTYPE html> |
eae
2017/01/03 04:47:47
Please add a comment explaining how this html file
|
+<style> |
+ #container { |
+ height: 200px; |
+ width: 200px; |
+ margin-top: 10px; |
+ height: 50px; |
+ background-color: red; |
+ } |
+ |
+ #firstChild { |
+ margin-top: 20px; |
+ height: 10px; |
+ background-color: blue; |
+ } |
+</style> |
+ |
+<div id="container"> |
+ <div id="firstChild"></div> |
+</div> |
+ |
+<p>Verifies the collapsing margins case for the next pair: |
+ <li>top margin of a box and top margin of its first in-flow child. |
+ |
+<p>Expected: |
+ <li> Margins are collapsed resulting a single margin 20px = max(20px, 10px) |
+ <li> The top offset of #firstChild == 20px |