diff --git a/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-001-ref.html b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-001-ref.html new file mode 100644 index 0000000000000..840c3baf5b581 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-001-ref.html @@ -0,0 +1,118 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +test +reference +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +style +> +div +{ +font +- +family +: +monospace +; +color +: +transparent +; +font +- +size +: +50px +; +background +: +green +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +green +rectangle +below +and +no +red +. +< +div +> +XS +< +br +> +S +< +br +> +XS +< +br +> +S +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-002-ref.html b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-002-ref.html new file mode 100644 index 0000000000000..863e48b894ee7 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-002-ref.html @@ -0,0 +1,112 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +test +reference +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +style +> +div +{ +color +: +transparent +; +background +: +blue +; +font +- +family +: +monospace +; +font +- +size +: +50px +; +width +: +3ch +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +single +blue +rectangle +below +. +< +div +> +XXX +< +br +> +XXX +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-003-ref.html b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-003-ref.html new file mode 100644 index 0000000000000..fc1cf7def0e66 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-003-ref.html @@ -0,0 +1,104 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +test +reference +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +style +> +div +{ +color +: +transparent +; +font +- +size +: +50px +; +background +: +green +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +green +rectangle +below +and +no +red +. +< +div +> +X +< +br +> +X +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-004-ref.html b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-004-ref.html new file mode 100644 index 0000000000000..ec11d59d8526e --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/reference/white-space-intrinsic-size-004-ref.html @@ -0,0 +1,136 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +test +reference +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +style +> +aside +{ +float +: +left +; +background +: +blue +; +} +div +{ +color +: +transparent +; +font +- +family +: +monospace +; +font +- +size +: +50px +; +width +: +5ch +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +single +blue +rectangle +below +. +< +div +> +< +aside +class += +own +> +X +< +/ +aside +> +< +aside +class += +owbw +> +X +< +/ +aside +> +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-001.html b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-001.html new file mode 100644 index 0000000000000..e062fe2266700 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-001.html @@ -0,0 +1,370 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +CSS +Text +Test +: +min +- +content +sizing +and +white +- +space +: +break +- +spaces +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +propdef +- +white +- +space +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +white +- +space +- +phase +- +2 +" +> +< +meta +name += +" +flags +" +content += +" +" +> +< +link +rel += +" +match +" +href += +" +reference +/ +white +- +space +- +intrinsic +- +size +- +001 +- +ref +. +html +" +> +< +meta +name += +" +assert +" +content += +" +When +white +- +space +is +break +- +spaces +preserved +spaces +at +the +end +of +the +line +do +affect +the +intrinsic +min +- +content +size +. +Overflow +- +wrap +makes +no +difference +. +" +> +< +style +> +aside +{ +float +: +left +; +white +- +space +: +break +- +spaces +; +background +: +green +; +} +aside +: +last +- +of +- +type +{ +overflow +- +wrap +: +break +- +word +; +} +div +{ +font +- +family +: +monospace +; +color +: +transparent +; +font +- +size +: +50px +; +width +: +0ch +; +} +# +red +{ +position +: +absolute +; +background +: +red +; +width +: +auto +; +z +- +index +: +- +1 +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +green +rectangle +below +and +no +red +. +< +div +id += +red +> +XS +< +br +> +S +< +br +> +XS +< +br +> +S +< +/ +div +> +< +div +> +< +aside +> +X +< +/ +aside +> +< +aside +> +X +< +/ +aside +> +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-002.html b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-002.html new file mode 100644 index 0000000000000..7dfc9843488c7 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-002.html @@ -0,0 +1,389 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +CSS +Text +Test +: +max +- +content +sizing +and +white +- +space +: +break +- +spaces +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +propdef +- +white +- +space +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +white +- +space +- +phase +- +2 +" +> +< +meta +name += +" +flags +" +content += +" +" +> +< +link +rel += +" +match +" +href += +" +reference +/ +white +- +space +- +intrinsic +- +size +- +002 +- +ref +. +html +" +> +< +meta +name += +" +assert +" +content += +" +If +white +- +space +is +break +- +spaces +preserved +spaces +at +the +end +of +the +line +do +affect +the +intrinsic +max +- +content +size +. +The +value +of +overflow +- +wrap +makes +no +difference +. +" +> +< +style +> +aside +{ +float +: +left +; +white +- +space +: +break +- +spaces +; +background +: +blue +; +} +aside +: +last +- +of +- +type +{ +float +: +right +; +overflow +- +wrap +: +break +- +word +; +} +div +{ +color +: +transparent +; +font +- +family +: +monospace +; +font +- +size +: +50px +; +width +: +3ch +; +/ +* +both +floats +should +take +the +full +3ch +one +on +each +line +and +therefore +line +up +to +look +like +a +single +large +box +. +If +the +spaces +are +not +taken +into +account +for +min +- +content +sizing +the +floats +will +leave +a +gap +between +them +* +/ +} +. +owbw +{ +overflow +- +wrap +: +break +- +word +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +single +blue +rectangle +below +. +< +div +> +< +aside +> +X +< +/ +aside +> +< +aside +> +X +< +/ +aside +> +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-003.html b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-003.html new file mode 100644 index 0000000000000..6fe8bc697c1f6 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-003.html @@ -0,0 +1,370 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +CSS +Text +Test +: +min +- +content +sizing +and +white +- +space +: +pre +- +wrap +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +propdef +- +white +- +space +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +white +- +space +- +phase +- +2 +" +> +< +meta +name += +" +flags +" +content += +" +" +> +< +link +rel += +" +match +" +href += +" +reference +/ +white +- +space +- +intrinsic +- +size +- +003 +- +ref +. +html +" +> +< +meta +name += +" +assert +" +content += +" +Preserved +spaces +at +the +end +of +the +line +do +not +affect +the +intrinsic +min +- +content +size +when +white +- +space +is +pre +- +wrap +. +The +value +of +overflow +- +wrap +makes +no +difference +. +" +> +< +style +> +aside +{ +float +: +left +; +white +- +space +: +pre +- +wrap +; +background +: +red +; +} +div +{ +color +: +transparent +; +font +- +size +: +50px +; +width +: +0ch +; +} +. +own +{ +overflow +- +wrap +: +normal +; +} +. +owbw +{ +overflow +- +wrap +: +break +- +word +; +} +# +green +{ +position +: +absolute +; +background +: +green +; +z +- +index +: +1 +; +width +: +auto +; +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +green +rectangle +below +and +no +red +. +< +div +id += +green +> +X +< +br +> +X +< +/ +div +> +< +div +> +< +aside +class += +own +> +X +< +/ +aside +> +< +aside +class += +owbw +> +X +< +/ +aside +> +< +/ +div +> diff --git a/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-004.html b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-004.html new file mode 100644 index 0000000000000..f2cfdc2eb8b24 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/white-space/white-space-intrinsic-size-004.html @@ -0,0 +1,367 @@ +< +! +DOCTYPE +html +> +< +meta +charset += +" +utf +- +8 +" +> +< +title +> +CSS +Text +Test +: +max +- +content +sizing +and +white +- +space +: +pre +- +wrap +< +/ +title +> +< +link +rel += +" +author +" +title += +" +Florian +Rivoal +" +href += +" +https +: +/ +/ +florian +. +rivoal +. +net +/ +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +propdef +- +white +- +space +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +text +- +3 +/ +# +white +- +space +- +phase +- +2 +" +> +< +meta +name += +" +flags +" +content += +" +" +> +< +link +rel += +" +match +" +href += +" +reference +/ +white +- +space +- +intrinsic +- +size +- +004 +- +ref +. +html +" +> +< +meta +name += +" +assert +" +content += +" +Preserved +spaces +at +the +end +of +the +line +do +not +affect +the +intrinsic +max +- +content +size +when +white +- +space +is +pre +- +wrap +. +The +value +of +overflow +- +wrap +makes +no +difference +. +" +> +< +style +> +aside +{ +float +: +left +; +white +- +space +: +pre +- +wrap +; +background +: +blue +; +margin +- +bottom +: +1em +; +} +aside +: +last +- +of +- +type +{ +overflow +- +wrap +: +break +- +word +; +} +div +{ +color +: +transparent +; +font +- +family +: +monospace +; +font +- +size +: +50px +; +width +: +3ch +; +/ +* +enough +room +for +both +floats +if +their +max +- +content +size +does +not +include +the +preserved +spaces +but +not +enough +if +they +do +causing +a +line +break +in +that +case +. +* +/ +} +< +/ +style +> +< +p +> +Test +passes +if +there +is +a +single +blue +rectangle +below +. +< +div +> +< +aside +> +X +< +/ +aside +> +< +aside +> +X +< +/ +aside +> +< +/ +div +>