diff options
Diffstat (limited to 'test')
16 files changed, 73 insertions, 23 deletions
diff --git a/test/layout/center-in-inline.expected b/test/layout/center-in-inline.expected new file mode 100644 index 00000000..cb132683 --- /dev/null +++ b/test/layout/center-in-inline.expected @@ -0,0 +1,3 @@ + test + test + test diff --git a/test/layout/center-in-inline.html b/test/layout/center-in-inline.html new file mode 100644 index 00000000..bac61fd1 --- /dev/null +++ b/test/layout/center-in-inline.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<center> +<span> +test +<center style="width: 20ch"> +<div style="width: 5ch"> +test +</div> +</center> +test +</span> diff --git a/test/layout/flex-anonymous-item-from-text.expected b/test/layout/flex-anonymous-item-from-text.expected new file mode 100644 index 00000000..b64aea45 --- /dev/null +++ b/test/layout/flex-anonymous-item-from-text.expected @@ -0,0 +1 @@ +[test] diff --git a/test/layout/flex-anonymous-item-from-text.html b/test/layout/flex-anonymous-item-from-text.html new file mode 100644 index 00000000..adbf3abc --- /dev/null +++ b/test/layout/flex-anonymous-item-from-text.html @@ -0,0 +1,2 @@ +<!DOCTYPE html> +<div style="display: flex">[<div>test</div>]</div> diff --git a/test/layout/flex-perc-width-constrains-intrinsic-min-width.expected b/test/layout/flex-perc-width-constrains-intrinsic-min-width.expected index 15bc70e4..159d7848 100644 --- a/test/layout/flex-perc-width-constrains-intrinsic-min-width.expected +++ b/test/layout/flex-perc-width-constrains-intrinsic-min-width.expected @@ -1,6 +1,6 @@ testtest testtest testtest - test + test test test test test diff --git a/test/layout/float-with-margins.html b/test/layout/float-with-margins.html index 864a4e2b..09206e51 100644 --- a/test/layout/float-with-margins.html +++ b/test/layout/float-with-margins.html @@ -1,6 +1,10 @@ <!DOCTYPE html> -<html> -<body> +<style> +* { +font-family: monospace; +font-size: 16px +} +</style> <div style="width: 20ch"> <div style="float: left; width: 20ch"> testing @@ -17,5 +21,3 @@ aside 3<br> 4 </div> -</body> -</html> diff --git a/test/layout/inline-backgrounds.color.expected b/test/layout/inline-backgrounds.color.expected index 3f140fda..52e82d6d 100644 --- a/test/layout/inline-backgrounds.color.expected +++ b/test/layout/inline-backgrounds.color.expected @@ -16,7 +16,7 @@ but [48;2;255;0;0mtest test test test thing[49m -final stage +final stage [48;2;255;0;0mtesting[49m diff --git a/test/layout/list-item-in-inline.expected b/test/layout/list-item-in-inline.expected new file mode 100644 index 00000000..9daeafb9 --- /dev/null +++ b/test/layout/list-item-in-inline.expected @@ -0,0 +1 @@ +test diff --git a/test/layout/list-item-in-inline.html b/test/layout/list-item-in-inline.html new file mode 100644 index 00000000..456e9ec3 --- /dev/null +++ b/test/layout/list-item-in-inline.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<span> +<li> +test diff --git a/test/layout/position-absolute-with-relative-inline-parent-offset.color.expected b/test/layout/position-absolute-with-relative-inline-parent-offset.color.expected index 4ee85fbd..fd207776 100644 --- a/test/layout/position-absolute-with-relative-inline-parent-offset.color.expected +++ b/test/layout/position-absolute-with-relative-inline-parent-offset.color.expected @@ -1,16 +1,13 @@ -Note: the absolute box is sized differently than boxes in other engines, because -the CSS standard explicitly specifies this as UB and I *really* don't want to -make this even more complex. - -I don't care, but feel free to fix it ;) +Note: per CSS, the absolute box's sizing is explicitly UB, apparently to +accomodate for Gecko's broken rendering. We follow Blink. test test [48;2;255;0;0m2t 2t [49mestadsfasdf test test [48;2;255;0;0m2 [49mest -asdfasd fa[48;2;255;0;0m [49m - - - -test +[48;2;0;0;255masdfasd fa[48;2;255;0;0m [48;2;0;0;255m [49m + [48;2;255;0;0m [49m + [48;2;255;0;0m [49m + [48;2;255;0;0m [49m +test [48;2;255;0;0m [49m diff --git a/test/layout/position-absolute-with-relative-inline-parent-offset.html b/test/layout/position-absolute-with-relative-inline-parent-offset.html index ccebeb55..88f5882f 100644 --- a/test/layout/position-absolute-with-relative-inline-parent-offset.html +++ b/test/layout/position-absolute-with-relative-inline-parent-offset.html @@ -1,15 +1,13 @@ +<!DOCTYPE html> <!-- don't ask --> <p> -Note: the absolute box is sized differently than boxes in other engines, -because the CSS standard explicitly specifies this as UB and I *really* -don't want to make this even more complex. -<p> -I don't care, but feel free to fix it ;) +Note: per CSS, the absolute box's sizing is explicitly UB, apparently to +accomodate for Gecko's broken rendering. We follow Blink. </p> <br> <br>test test <span style="position:relative">test test<div style="display: inline-block">adsfasdf</div><BR> test test test test -<div> +<div style="background: blue"> <div style="display: block; position: absolute; top: 0em; left: 0; height: 100%; background: red; width: 3em">2t 2t 2</div> asdfasd fasd </div> diff --git a/test/layout/position-relative-percentage-of-indefinite-parent-height.color.expected b/test/layout/position-relative-percentage-of-indefinite-parent-height.color.expected new file mode 100644 index 00000000..7d66a428 --- /dev/null +++ b/test/layout/position-relative-percentage-of-indefinite-parent-height.color.expected @@ -0,0 +1,2 @@ +test +[48;2;255;0;0mtest [49m diff --git a/test/layout/position-relative-percentage-of-indefinite-parent-height.html b/test/layout/position-relative-percentage-of-indefinite-parent-height.html new file mode 100644 index 00000000..63be4367 --- /dev/null +++ b/test/layout/position-relative-percentage-of-indefinite-parent-height.html @@ -0,0 +1,8 @@ +<!DOCTYPE html> +<div> +<div> +test +</div> +<div style="position: relative; top: 300%; background: red"> +test +</div> diff --git a/test/layout/tabs.color.expected b/test/layout/tabs.color.expected index c0375438..accba20f 100644 --- a/test/layout/tabs.color.expected +++ b/test/layout/tabs.color.expected @@ -4,7 +4,7 @@ [48;2;255;0;0mx y [49m [48;2;255;0;0m^ The above rows should be aligned, and dump mode should output spaces. [49m -Without bgcolor: +Without bgcolor: x y x y diff --git a/test/layout/weird-combination-of-overflow-float.color.expected b/test/layout/weird-combination-of-overflow-float.color.expected new file mode 100644 index 00000000..3230c996 --- /dev/null +++ b/test/layout/weird-combination-of-overflow-float.color.expected @@ -0,0 +1,14 @@ +[48;2;255;0;0mred box [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +[48;2;255;0;0m [49m +clear +inline +overflow + right diff --git a/test/layout/weird-combination-of-overflow-float.html b/test/layout/weird-combination-of-overflow-float.html new file mode 100644 index 00000000..f9719177 --- /dev/null +++ b/test/layout/weird-combination-of-overflow-float.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<div style="height: 10em; background: red">red box</div> +<div style="clear: left">clear</div> +<span>inline</span> +<div><div style="overflow: auto">overflow</div></div> +<div style="float: right"> +right |