about summary refs log tree commit diff stats
path: root/test/layout
diff options
context:
space:
mode:
Diffstat (limited to 'test/layout')
-rw-r--r--test/layout/bfc-next-to-float.color.expected (renamed from test/layout/bfc-next-to-float.expected)2
-rw-r--r--test/layout/bfc-next-to-float.html2
-rw-r--r--test/layout/config.toml3
-rw-r--r--test/layout/flex-wrap-in-nowrap.color.expected16
-rw-r--r--test/layout/flex-wrap-in-nowrap.html9
-rw-r--r--test/layout/intrinsic-min-size-constrained-by-specified-size.color.expected16
-rw-r--r--test/layout/intrinsic-min-size-constrained-by-specified-size.html52
-rw-r--r--test/layout/nested-flex-correct-intrinsic-size.color.expected11
-rw-r--r--test/layout/nested-flex-correct-intrinsic-size.html12
9 files changed, 121 insertions, 2 deletions
diff --git a/test/layout/bfc-next-to-float.expected b/test/layout/bfc-next-to-float.color.expected
index 8efff318..3bf78241 100644
--- a/test/layout/bfc-next-to-float.expected
+++ b/test/layout/bfc-next-to-float.color.expected
@@ -1,4 +1,4 @@
-firstsecond
+firstsecond                                                                     
      second second second second second second second second second second
      second second second second second
 third
diff --git a/test/layout/bfc-next-to-float.html b/test/layout/bfc-next-to-float.html
index cc03fb63..6fe96f6a 100644
--- a/test/layout/bfc-next-to-float.html
+++ b/test/layout/bfc-next-to-float.html
@@ -3,7 +3,7 @@
 first
 </div>
 <div style="display: flow-root">
-<div style="width: 100%">second</div> second second second second second second second second second second second second second second second
+<div style="width: 100%; background: red">second</div> second second second second second second second second second second second second second second second
 </div>
 <div style="display: flow-root">
 third
diff --git a/test/layout/config.toml b/test/layout/config.toml
index 9b33aa2e..5f3fee4d 100644
--- a/test/layout/config.toml
+++ b/test/layout/config.toml
@@ -7,3 +7,6 @@ force-columns = true
 force-lines = true
 force-pixels-per-column = true
 force-pixels-per-line = true
+
+[buffer]
+images = true
diff --git a/test/layout/flex-wrap-in-nowrap.color.expected b/test/layout/flex-wrap-in-nowrap.color.expected
new file mode 100644
index 00000000..d68eff74
--- /dev/null
+++ b/test/layout/flex-wrap-in-nowrap.color.expected
@@ -0,0 +1,16 @@
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+
diff --git a/test/layout/flex-wrap-in-nowrap.html b/test/layout/flex-wrap-in-nowrap.html
new file mode 100644
index 00000000..8e81c9e5
--- /dev/null
+++ b/test/layout/flex-wrap-in-nowrap.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<div style="display: flex; flex-wrap: nowrap; width: 20ch">
+<div style="display: flex; flex-flow: wrap">
+<div style="width: 10ch; height: 5em; background: red"></div>
+<div style="width: 10ch; height: 5em; background: green"></div>
+<div style="width: 10ch; height: 5em; background: red"></div>
+<div style="width: 10ch; height: 5em; background: green"></div>
+<div style="width: 10ch; height: 5em; background: red"></div>
+<div style="width: 10ch; height: 5em; background: green"></div>
diff --git a/test/layout/intrinsic-min-size-constrained-by-specified-size.color.expected b/test/layout/intrinsic-min-size-constrained-by-specified-size.color.expected
new file mode 100644
index 00000000..46251b0d
--- /dev/null
+++ b/test/layout/intrinsic-min-size-constrained-by-specified-size.color.expected
@@ -0,0 +1,16 @@
+          first
+          second
+          third
+ fourth
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+fifth
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+sixth
diff --git a/test/layout/intrinsic-min-size-constrained-by-specified-size.html b/test/layout/intrinsic-min-size-constrained-by-specified-size.html
new file mode 100644
index 00000000..a909f2e1
--- /dev/null
+++ b/test/layout/intrinsic-min-size-constrained-by-specified-size.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<div style="display: flex; width: 2ch">
+<div>
+<div style="background-color: blue">
+<div style="width: 10ch"></div>
+</div>
+</div>
+<div>first</div>
+</div>
+
+<div style="display: flex; width: 2ch">
+<div>
+<div style="background-color: blue">
+<div style="min-width: 10ch"></div>
+</div>
+</div>
+<div>second</div>
+</div>
+
+<div style="display: flex; width: 2ch">
+<div>
+<div style="background-color: blue; min-width: 1ch">
+<div style="width: 10ch"></div>
+</div>
+</div>
+<div>third</div>
+</div>
+
+<div style="display: flex; width: 2ch">
+<div style="min-width: 1ch">
+<div style="background-color: blue">
+<div style="width: 10ch"></div>
+</div>
+</div>
+<div>fourth</div>
+</div>
+
+<div style="display: flex; flex-direction: column; height: 2em">
+<div>
+<div style="min-height: 1em; height: 4em; background-color: blue"></div>
+</div>
+<div>
+fifth
+</div>
+
+<div style="display: flex; flex-direction: column; height: 2em">
+<div>
+<div style="min-height: 6em; height: 4em; background-color: blue"></div>
+</div>
+<div>
+sixth
+</div>
diff --git a/test/layout/nested-flex-correct-intrinsic-size.color.expected b/test/layout/nested-flex-correct-intrinsic-size.color.expected
new file mode 100644
index 00000000..016495e4
--- /dev/null
+++ b/test/layout/nested-flex-correct-intrinsic-size.color.expected
@@ -0,0 +1,11 @@
+test                                                                            
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+                                                                                
+test
diff --git a/test/layout/nested-flex-correct-intrinsic-size.html b/test/layout/nested-flex-correct-intrinsic-size.html
new file mode 100644
index 00000000..eb315d3a
--- /dev/null
+++ b/test/layout/nested-flex-correct-intrinsic-size.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<div style="display: flex; flex-direction: column; height: 10em; background: purple">
+<div style="display: flex; background: blue">
+<div style="display: flex; background: green">
+<div style="width: 10ch; height: 10em; background: red">
+test
+</div>
+</div>
+</div>
+<div>
+<div style="height: 20em">
+test