From abc928d64b009432b33c9ddc34813abb97eb4aed Mon Sep 17 00:00:00 2001 From: Marco Castelluccio Date: Wed, 1 Apr 2020 13:21:00 +0000 Subject: [PATCH] Bug 1625385 [wpt PR 22485] - [css-flexbox] Move flex-item-contains-strict.html test to WPT, a=testonly Automatic update from web-platform-tests [css-flexbox] Move flex-item-contains-strict.html test to WPT This CL moves flex-item-contains-strict.html test from css3/css-flexbox to external/wpt/css/css-flexbox with WPT styles, adding links to the relevant specs, a proper title, and test description. Bug: 1063749 Change-Id: I5559de07cc72a44a36ed39c951562a156dfeabca Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2123695 Reviewed-by: Robert Ma Reviewed-by: David Grogan Commit-Queue: Gyuyoung Kim Commit-Queue: Robert Ma Cr-Commit-Position: refs/heads/master{#754029} -- wpt-commits: 1d7656ff988d83460ee4d120b8aaa2ceb6edb53f wpt-pr: 22485 UltraBlame original commit: 27eff5d8ef1a36ab6c40222ae74c7842568b7c48 --- .../flex-item-contains-strict.html | 976 ++++++++++++++++++ 1 file changed, 976 insertions(+) create mode 100644 testing/web-platform/tests/css/css-flexbox/flex-item-contains-strict.html diff --git a/testing/web-platform/tests/css/css-flexbox/flex-item-contains-strict.html b/testing/web-platform/tests/css/css-flexbox/flex-item-contains-strict.html new file mode 100644 index 0000000000000..5532373bdc76b --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/flex-item-contains-strict.html @@ -0,0 +1,976 @@ +< +! +DOCTYPE +html +> +< +title +> +CSS +Flexbox +: +' +contain +' +property +strict +value +< +/ +title +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +contain +/ +# +contain +- +property +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +flexbox +/ +# +flex +- +containers +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +flexbox +/ +# +flex +- +direction +- +property +" +> +< +link +rel += +" +help +" +href += +" +https +: +/ +/ +drafts +. +csswg +. +org +/ +css +- +flexbox +/ +# +align +- +items +- +property +" +> +< +meta +name += +" +assert +" +content += +" +This +test +ensures +that +the +strict +value +of +the +' +contain +' +property +in +combination +with +mixing +of +' +display +' +inline +- +flex +value +' +align +- +items +' +flex +- +start +value +column +direction +works +properly +. +" +> +< +style +> +. +inline +- +flex +{ +display +: +inline +- +flex +; +outline +: +solid +; +background +: +red +; +} +< +/ +style +> +< +script +src += +" +/ +resources +/ +testharness +. +js +" +> +< +/ +script +> +< +script +src += +" +/ +resources +/ +testharnessreport +. +js +" +> +< +/ +script +> +< +script +src += +" +/ +resources +/ +check +- +layout +- +th +. +js +" +> +< +/ +script +> +< +body +onload += +" +checkLayout +( +' +. +inline +- +flex +' +) +" +> +< +p +> +Stretched +: +< +/ +p +> +< +div +class += +" +inline +- +flex +" +style += +" +display +: +inline +- +flex +; +flex +- +direction +: +column +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +< +div +style += +" +contain +: +strict +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +Column +< +/ +div +> +< +/ +div +> +< +div +class += +" +inline +- +flex +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +< +div +style += +" +contain +: +strict +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +Row +< +/ +div +> +< +/ +div +> +< +div +class += +" +inline +- +flex +" +style += +" +display +: +inline +- +flex +; +flex +- +direction +: +column +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +< +div +style += +" +contain +: +strict +; +width +: +30px +; +height +: +30px +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +Column +< +/ +div +> +< +/ +div +> +< +div +class += +" +inline +- +flex +" +style += +" +display +: +inline +- +flex +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +< +div +style += +" +contain +: +strict +; +width +: +30px +; +height +: +30px +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +Row +< +/ +div +> +< +/ +div +> +< +p +> +Flex +- +start +: +< +/ +p +> +< +div +class += +" +inline +- +flex +" +style += +" +flex +- +direction +: +column +; +align +- +items +: +flex +- +start +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +< +div +style += +" +contain +: +strict +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +Column +< +/ +div +> +< +/ +div +> +< +div +class += +" +inline +- +flex +" +style += +" +align +- +items +: +flex +- +start +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +< +div +style += +" +contain +: +strict +; +" +data +- +expected +- +width += +" +0 +" +data +- +expected +- +height += +" +0 +" +> +Row +< +/ +div +> +< +/ +div +> +< +div +class += +" +inline +- +flex +" +style += +" +flex +- +direction +: +column +; +align +- +items +: +flex +- +start +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +< +div +style += +" +contain +: +strict +; +width +: +30px +; +height +: +30px +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +Column +< +/ +div +> +< +/ +div +> +< +div +class += +" +inline +- +flex +" +style += +" +align +- +items +: +flex +- +start +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +< +div +style += +" +contain +: +strict +; +width +: +30px +; +height +: +30px +; +" +data +- +expected +- +width += +" +30 +" +data +- +expected +- +height += +" +30 +" +> +Row +< +/ +div +> +< +/ +div +>