| Index: third_party/WebKit/LayoutTests/animations/transition-zoomed-length.html
|
| diff --git a/third_party/WebKit/LayoutTests/animations/transition-zoomed-length.html b/third_party/WebKit/LayoutTests/animations/transition-zoomed-length.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..6a8e9f4f332fab740435043189d4bf2d498f759f
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/animations/transition-zoomed-length.html
|
| @@ -0,0 +1,83 @@
|
| +<!DOCTYPE html>
|
| +<script src="../resources/testharness.js"></script>
|
| +<script src="../resources/testharnessreport.js"></script>
|
| +<style>
|
| +#target {
|
| + transition: 1s;
|
| + border-style: solid;
|
| + outline-style: solid;
|
| + column-rule-style: solid;
|
| +}
|
| +</style>
|
| +<div id="target"></div>
|
| +<script>
|
| +var lengthProperties = [
|
| + 'baselineShift',
|
| + 'borderBottomWidth',
|
| + 'borderLeftWidth',
|
| + 'borderRightWidth',
|
| + 'borderTopWidth',
|
| + 'bottom',
|
| + 'cx',
|
| + 'cy',
|
| + 'flexBasis',
|
| + 'height',
|
| + 'left',
|
| + 'letterSpacing',
|
| + 'marginBottom',
|
| + 'marginLeft',
|
| + 'marginRight',
|
| + 'marginTop',
|
| + 'maxHeight',
|
| + 'maxWidth',
|
| + 'minHeight',
|
| + 'minWidth',
|
| + 'offsetDistance',
|
| + 'outlineOffset',
|
| + 'outlineWidth',
|
| + 'paddingBottom',
|
| + 'paddingLeft',
|
| + 'paddingRight',
|
| + 'paddingTop',
|
| + 'perspective',
|
| + 'r',
|
| + 'right',
|
| + 'rx',
|
| + 'ry',
|
| + 'shapeMargin',
|
| + 'strokeDashoffset',
|
| + 'strokeWidth',
|
| + 'top',
|
| + 'verticalAlign',
|
| + 'webkitBorderHorizontalSpacing',
|
| + 'webkitBorderVerticalSpacing',
|
| + 'columnGap',
|
| + 'columnRuleWidth',
|
| + 'columnWidth',
|
| + 'webkitPerspectiveOriginX',
|
| + 'webkitPerspectiveOriginY',
|
| + 'webkitTransformOriginX',
|
| + 'webkitTransformOriginY',
|
| + 'webkitTransformOriginZ',
|
| + 'width',
|
| + 'wordSpacing',
|
| + 'x',
|
| + 'y',
|
| + 'lineHeight',
|
| +];
|
| +var expected = {};
|
| +
|
| +setup(() => {
|
| + for (var property of lengthProperties) {
|
| + target.style[property] = '10px';
|
| + expected[property] = getComputedStyle(target)[property];
|
| + }
|
| + internals.setZoomFactor(2);
|
| +});
|
| +
|
| +for (var property of lengthProperties) {
|
| + test(() => {
|
| + assert_equals(getComputedStyle(target)[property], expected[property]);
|
| + }, 'Computed value of transitionable ' + property + ' should not change when zoom changes');
|
| +}
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 2562643002:
Avoid visually transitioning on length CSS properties when zoom changes (Closed)
