about summary refs log tree commit diff stats
path: root/test
diff options
context:
space:
mode:
Diffstat (limited to 'test')
-rw-r--r--test/layout/flex-item-margin-collapsing.color.expected17
-rw-r--r--test/layout/flex-item-margin-collapsing.html28
2 files changed, 45 insertions, 0 deletions
diff --git a/test/layout/flex-item-margin-collapsing.color.expected b/test/layout/flex-item-margin-collapsing.color.expected
new file mode 100644
index 00000000..e38eebc4
--- /dev/null
+++ b/test/layout/flex-item-margin-collapsing.color.expected
@@ -0,0 +1,17 @@
+test 
+     
+     
+     
+test2
+     
+     
+     
+test3
+     
+     
+     
+test3
+     
+     
+     
+
diff --git a/test/layout/flex-item-margin-collapsing.html b/test/layout/flex-item-margin-collapsing.html
new file mode 100644
index 00000000..56c7260d
--- /dev/null
+++ b/test/layout/flex-item-margin-collapsing.html
@@ -0,0 +1,28 @@
+<div style="display: flex; background: red; width: 5ch">
+<div style="margin-bottom: 2em; background: blue">
+<div style="margin-bottom: 1em; background: green">
+test
+</div>
+</div>
+</div>
+<div style="display: flex; background: red; width: 5ch">
+<div style="margin-bottom: 1em; background: blue">
+<div style="margin-bottom: 2em; background: green">
+test2
+</div>
+</div>
+</div>
+<div style="display: flex; flex-direction: column; background: red; width: 5ch">
+<div style="margin-bottom: 2em; background: blue">
+<div style="margin-bottom: 1em; background: green">
+test3
+</div>
+</div>
+</div>
+<div style="display: flex; flex-direction: column; background: red; width: 5ch">
+<div style="margin-bottom: 1em; background: blue">
+<div style="margin-bottom: 2em; background: green">
+test3
+</div>
+</div>
+</div>