diff options
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.html | 2 | ||||
-rw-r--r-- | test/layout/config.toml | 3 | ||||
-rw-r--r-- | test/layout/flex-wrap-in-nowrap.color.expected | 16 | ||||
-rw-r--r-- | test/layout/flex-wrap-in-nowrap.html | 9 | ||||
-rw-r--r-- | test/layout/intrinsic-min-size-constrained-by-specified-size.color.expected | 16 | ||||
-rw-r--r-- | test/layout/intrinsic-min-size-constrained-by-specified-size.html | 52 | ||||
-rw-r--r-- | test/layout/nested-flex-correct-intrinsic-size.color.expected | 11 | ||||
-rw-r--r-- | test/layout/nested-flex-correct-intrinsic-size.html | 12 |
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 +first[48;2;255;0;0msecond [49m 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 @@ +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m +[48;2;255;0;0m [48;2;0;128;0m [49m + 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 +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +fifth +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +[48;2;0;0;255m [49m +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 @@ +[48;2;255;0;0mtest [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +[48;2;255;0;0m [48;2;0;0;255m [49m +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 |