| Index: third_party/WebKit/LayoutTests/animations/responsive/clip-responsive.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/responsive/clip-responsive.html b/third_party/WebKit/LayoutTests/animations/responsive/clip-responsive.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e6f3bb9b47874fce430465f532848332a468b87e
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/responsive/clip-responsive.html
|
| @@ -0,0 +1,53 @@
|
| +<!DOCTYPE html>
|
| +<script src="resources/responsive-test.js"></script>
|
| +<script>
|
| +assertCSSResponsive({
|
| + property: 'clip',
|
| + from: 'inherit',
|
| + to: 'rect(200px auto auto auto)',
|
| + configurations: [{
|
| + state: {inherited: 'auto'},
|
| + expect: [
|
| + {at: 0.25, is: 'auto'},
|
| + {at: 0.75, is: 'rect(200px auto auto auto)'},
|
| + ],
|
| + }, {
|
| + state: {inherited: 'rect(100px 100px auto auto)'},
|
| + expect: [
|
| + {at: 0.25, is: 'rect(100px 100px auto auto)'},
|
| + {at: 0.75, is: 'rect(200px auto auto auto)'},
|
| + ],
|
| + }, {
|
| + state: {inherited: 'rect(100px auto auto auto)'},
|
| + expect: [
|
| + {at: 0.25, is: 'rect(125px auto auto auto)'},
|
| + {at: 0.75, is: 'rect(175px auto auto auto)'},
|
| + ],
|
| + }],
|
| +});
|
| +
|
| +assertCSSResponsive({
|
| + property: 'clip',
|
| + from: neutralKeyframe,
|
| + to: 'rect(200px auto auto auto)',
|
| + configurations: [{
|
| + state: {underlying: 'auto'},
|
| + expect: [
|
| + {at: 0.25, is: 'auto'},
|
| + {at: 0.75, is: 'rect(200px auto auto auto)'},
|
| + ],
|
| + }, {
|
| + state: {underlying: 'rect(100px 100px auto auto)'},
|
| + expect: [
|
| + {at: 0.25, is: 'rect(100px 100px auto auto)'},
|
| + {at: 0.75, is: 'rect(200px auto auto auto)'},
|
| + ],
|
| + }, {
|
| + state: {underlying: 'rect(100px auto auto auto)'},
|
| + expect: [
|
| + {at: 0.25, is: 'rect(125px auto auto auto)'},
|
| + {at: 0.75, is: 'rect(175px auto auto auto)'},
|
| + ],
|
| + }],
|
| +});
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 1640643002:
Add additive animation support for CSS property clip (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_propertyInterpolationTypesMapping