Chromium Code Reviews Chromium Code Reviews
Issue 2891743003:
Enable interpolation of CSS property font-variation-settings (Closed)
| Index: third_party/WebKit/LayoutTests/animations/composition/font-variation-settings-composition.html |
| diff --git a/third_party/WebKit/LayoutTests/animations/composition/font-variation-settings-composition.html b/third_party/WebKit/LayoutTests/animations/composition/font-variation-settings-composition.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..367522c3dd4bd2d0fc627ad7af40ae70222fdccb |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/animations/composition/font-variation-settings-composition.html |
| @@ -0,0 +1,84 @@ |
| +<!DOCTYPE html> |
| +<meta charset="UTF-8"> |
| +<body> |
| +<script src="../interpolation/resources/interpolation-test.js"></script> |
| +<script> |
| +assertComposition({ |
| + property: 'font-variation-settings', |
| + underlying: '"'test' 50"', |
| + addFrom: '"'test' 100"', |
| + addTo: '"'test' 200"', |
| +}, [ |
| + {at: -0.3, is: "'test' 120"}, |
| + {at: 0, is: "'test' 150"}, |
| + {at: 0.5, is: "'test' 200"}, |
| + {at: 1, is: "'test' 250"}, |
| + {at: 1.5, is: "'test' 300"}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'font-variation-settings', |
| + underlying: '"'test' 50"', |
| + addFrom: '"'test' 100"', |
| + replaceTo: '"'test' 200"', |
| +}, [ |
| + {at: -0.3, is: "'test' 135"}, |
| + {at: 0, is: "'test' 150"}, |
| + {at: 0.5, is: "'test' 175"}, |
| + {at: 1, is: "'test' 200"}, |
| + {at: 1.5, is: "'test' 225"}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'font-variation-settings', |
| + underlying: '"'test' 100"', |
| + addFrom: ''normal'', |
| + replaceTo: '"'test' 200"', |
| +}, [ |
| + {at: -0.3, is: 'normal'}, |
| + {at: 0, is: 'normal'}, |
| + {at: 0.5, is: "'test' 200"}, |
| + {at: 1, is: "'test' 200"}, |
| + {at: 1.5, is: "'test' 200"}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'font-variation-settings', |
| + underlying: '"'test' 100"', |
| + addFrom: ''normal'', |
| + addTo: '"'test' 200"', |
| +}, [ |
| + {at: -0.3, is: 'normal'}, |
| + {at: 0, is: 'normal'}, |
| + {at: 0.5, is: "'test' 300"}, |
| + {at: 1, is: "'test' 300"}, |
| + {at: 1.5, is: "'test' 300"}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'font-variation-settings', |
| + underlying: '"'aaaa' 100, 'bbbb' 200"', |
| + addFrom: '"'aaaa' 50, 'bbbb' 50"', |
| + addTo: '"'aaaa' 100, 'bbbb' 100"', |
| +}, [ |
| + {at: -0.3, is: "'aaaa' 135, 'bbbb' 235"}, |
| + {at: 0, is: "'aaaa' 150, 'bbbb' 250"}, |
|
Eric Willigers
2017/05/19 05:33:28
Perhaps in these last two tests, aaaa could addFro
alancutter (OOO until 2018)
2017/05/19 06:59:55
Done.
|
| + {at: 0.5, is: "'aaaa' 175, 'bbbb' 275"}, |
| + {at: 1, is: "'aaaa' 200, 'bbbb' 300"}, |
| + {at: 1.5, is: "'aaaa' 225, 'bbbb' 325"}, |
| +]); |
| + |
| +assertComposition({ |
| + property: 'font-variation-settings', |
| + underlying: '"'test' 100"', |
| + addFrom: '"'aaaa' 50, 'bbbb' 50"', |
| + addTo: '"'aaaa' 100, 'bbbb' 100"', |
| +}, [ |
| + {at: -0.3, is: "'aaaa' 35, 'bbbb' 35"}, |
| + {at: 0, is: "'aaaa' 50, 'bbbb' 50"}, |
| + {at: 0.5, is: "'aaaa' 75, 'bbbb' 75"}, |
| + {at: 1, is: "'aaaa' 100, 'bbbb' 100"}, |
| + {at: 1.5, is: "'aaaa' 125, 'bbbb' 125"}, |
| +]); |
| +</script> |
| +</body> |
