diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-sizing')
9 files changed, 237 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-sizing/animation/height-interpolation.html b/testing/web-platform/tests/css/css-sizing/animation/height-interpolation.html index 10ceed5b2c..75e0977fa1 100644 --- a/testing/web-platform/tests/css/css-sizing/animation/height-interpolation.html +++ b/testing/web-platform/tests/css/css-sizing/animation/height-interpolation.html @@ -66,6 +66,12 @@ test_no_interpolation({ to: '20px', }); +test_no_interpolation({ + property: 'height', + from: 'auto', + to: '20px', +}); + test_interpolation({ property: 'height', from: '0px', @@ -78,4 +84,41 @@ test_interpolation({ {at: 1, expect: '100px'}, {at: 1.5, expect: '150px'} ]); + +test_no_interpolation({ + property: 'height', + from: 'auto', + to: 'min-content', +}); + +test_no_interpolation({ + property: 'height', + from: 'fit-content', + to: '20px', +}); + +test_no_interpolation({ + property: 'height', + from: 'max-content', + to: 'fit-content', +}); + +test_no_interpolation({ + property: 'height', + from: 'max-content', + to: 'stretch', +}); + +test_no_interpolation({ + property: 'height', + from: 'max-content', + to: neutralKeyframe, +}); + +test_no_interpolation({ + property: 'height', + from: neutralKeyframe, + to: 'fit-content', +}); + </script> diff --git a/testing/web-platform/tests/css/css-sizing/animation/max-height-interpolation.html b/testing/web-platform/tests/css/css-sizing/animation/max-height-interpolation.html index c4cab0e1cf..f2af3629bc 100644 --- a/testing/web-platform/tests/css/css-sizing/animation/max-height-interpolation.html +++ b/testing/web-platform/tests/css/css-sizing/animation/max-height-interpolation.html @@ -72,6 +72,12 @@ test_no_interpolation({ to: '20px', }); +test_no_interpolation({ + property: 'max-height', + from: 'none', + to: '20px', +}); + test_interpolation({ property: 'max-height', from: '0px', @@ -84,4 +90,35 @@ test_interpolation({ {at: 1, expect: '100px'}, {at: 1.5, expect: '150px'} ]); + +test_no_interpolation({ + property: 'max-height', + from: 'none', + to: 'max-content', +}); + +test_no_interpolation({ + property: 'max-height', + from: 'stretch', + to: 'fit-content', +}); + +test_no_interpolation({ + property: 'max-height', + from: '20px', + to: 'min-content', +}); + +test_no_interpolation({ + property: 'max-height', + from: 'min-content', + to: neutralKeyframe, +}); + +test_no_interpolation({ + property: 'max-height', + from: neutralKeyframe, + to: 'max-content', +}); + </script> diff --git a/testing/web-platform/tests/css/css-sizing/animation/max-width-interpolation.html b/testing/web-platform/tests/css/css-sizing/animation/max-width-interpolation.html index 111199baa7..4d1614db6d 100644 --- a/testing/web-platform/tests/css/css-sizing/animation/max-width-interpolation.html +++ b/testing/web-platform/tests/css/css-sizing/animation/max-width-interpolation.html @@ -65,6 +65,12 @@ test_no_interpolation({ to: '20px', }); +test_no_interpolation({ + property: 'max-width', + from: 'none', + to: '20px', +}); + test_interpolation({ property: 'max-width', from: '0px', @@ -77,4 +83,35 @@ test_interpolation({ {at: 1, expect: '100px'}, {at: 1.5, expect: '150px'} ]); + +test_no_interpolation({ + property: 'max-width', + from: 'stretch', + to: 'none', +}); + +test_no_interpolation({ + property: 'max-width', + from: 'fit-content', + to: '20px', +}); + +test_no_interpolation({ + property: 'max-width', + from: 'max-content', + to: 'min-content', +}); + +test_no_interpolation({ + property: 'max-width', + from: 'min-content', + to: neutralKeyframe, +}); + +test_no_interpolation({ + property: 'max-width', + from: neutralKeyframe, + to: 'fit-content', +}); + </script> diff --git a/testing/web-platform/tests/css/css-sizing/animation/min-height-interpolation.html b/testing/web-platform/tests/css/css-sizing/animation/min-height-interpolation.html index 6fd5b4e2f5..33f3fd1d7f 100644 --- a/testing/web-platform/tests/css/css-sizing/animation/min-height-interpolation.html +++ b/testing/web-platform/tests/css/css-sizing/animation/min-height-interpolation.html @@ -65,6 +65,12 @@ test_no_interpolation({ to: '20px', }); +test_no_interpolation({ + property: 'min-height', + from: 'auto', + to: '20px', +}); + test_interpolation({ property: 'min-height', from: '0px', @@ -77,4 +83,35 @@ test_interpolation({ {at: 1, expect: '100px'}, {at: 1.5, expect: '150px'} ]); + +test_no_interpolation({ + property: 'min-height', + from: 'auto', + to: '0px', +}); + +test_no_interpolation({ + property: 'min-height', + from: 'fit-content', + to: 'min-content', +}); + +test_no_interpolation({ + property: 'min-height', + from: 'max-content', + to: 'stretch', +}); + +test_no_interpolation({ + property: 'min-height', + from: 'fit-content', + to: neutralKeyframe, +}); + +test_no_interpolation({ + property: 'min-height', + from: neutralKeyframe, + to: 'min-content', +}); + </script> diff --git a/testing/web-platform/tests/css/css-sizing/animation/min-width-interpolation.html b/testing/web-platform/tests/css/css-sizing/animation/min-width-interpolation.html index d11fb3d5cb..e9edf0c6ec 100644 --- a/testing/web-platform/tests/css/css-sizing/animation/min-width-interpolation.html +++ b/testing/web-platform/tests/css/css-sizing/animation/min-width-interpolation.html @@ -64,6 +64,12 @@ test_no_interpolation({ to: '20px', }); +test_no_interpolation({ + property: 'min-width', + from: 'auto', + to: '20px', +}); + test_interpolation({ property: 'min-width', from: '0px', @@ -76,4 +82,35 @@ test_interpolation({ {at: 1, expect: '100px'}, {at: 1.5, expect: '150px'} ]); + +test_no_interpolation({ + property: 'min-width', + from: '0px', + to: 'stretch', +}); + +test_no_interpolation({ + property: 'min-width', + from: 'min-content', + to: 'fit-content', +}); + +test_no_interpolation({ + property: 'min-width', + from: 'auto', + to: 'max-content', +}); + +test_no_interpolation({ + property: 'min-width', + from: 'fit-content', + to: neutralKeyframe, +}); + +test_no_interpolation({ + property: 'min-width', + from: neutralKeyframe, + to: 'max-content', +}); + </script> diff --git a/testing/web-platform/tests/css/css-sizing/animation/width-interpolation.html b/testing/web-platform/tests/css/css-sizing/animation/width-interpolation.html index d165c994b5..b229b5bc5e 100644 --- a/testing/web-platform/tests/css/css-sizing/animation/width-interpolation.html +++ b/testing/web-platform/tests/css/css-sizing/animation/width-interpolation.html @@ -97,6 +97,12 @@ test_interpolation({ {at: 1.5, expect: '145px'} ]); +test_no_interpolation({ + property: 'width', + from: 'auto', + to: '40px', +}); + // The "vw" unit equals to 1% of the width of the viewport's initial containing // block: // https://developer.mozilla.org/en-US/docs/Web/CSS/length @@ -123,5 +129,42 @@ test_interpolation({ {at: 1, expect: calc(1)}, {at: 1.5, expect: calc(1.5)} ]); + +test_no_interpolation({ + property: 'width', + from: 'auto', + to: 'fit-content', +}); + +test_no_interpolation({ + property: 'width', + from: 'stretch', + to: 'auto', +}); + +test_no_interpolation({ + property: 'width', + from: '30px', + to: 'fit-content', +}); + +test_no_interpolation({ + property: 'width', + from: 'max-content', + to: 'min-content', +}); + +test_no_interpolation({ + property: 'width', + from: 'max-content', + to: neutralKeyframe, +}); + +test_no_interpolation({ + property: 'width', + from: neutralKeyframe, + to: 'min-content', +}); + </script> </body> diff --git a/testing/web-platform/tests/css/css-sizing/aspect-ratio/WEB_FEATURES.yml b/testing/web-platform/tests/css/css-sizing/aspect-ratio/WEB_FEATURES.yml new file mode 100644 index 0000000000..65e2142a16 --- /dev/null +++ b/testing/web-platform/tests/css/css-sizing/aspect-ratio/WEB_FEATURES.yml @@ -0,0 +1,3 @@ +features: +- name: aspect-ratio + files: "**" diff --git a/testing/web-platform/tests/css/css-sizing/aspect-ratio/support/2x2-green.ogv b/testing/web-platform/tests/css/css-sizing/aspect-ratio/support/2x2-green.ogv Binary files differdeleted file mode 100644 index 29903c0a81..0000000000 --- a/testing/web-platform/tests/css/css-sizing/aspect-ratio/support/2x2-green.ogv +++ /dev/null diff --git a/testing/web-platform/tests/css/css-sizing/aspect-ratio/support/2x2-green.webm b/testing/web-platform/tests/css/css-sizing/aspect-ratio/support/2x2-green.webm Binary files differnew file mode 100644 index 0000000000..74af43afeb --- /dev/null +++ b/testing/web-platform/tests/css/css-sizing/aspect-ratio/support/2x2-green.webm |