OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../resources/testharness.js"></script> | 2 <script src="../resources/testharness.js"></script> |
3 <script src="../resources/testharnessreport.js"></script> | 3 <script src="../resources/testharnessreport.js"></script> |
4 <style> | 4 <style> |
5 #target { | 5 #target { |
6 transition: 1s; | |
7 border-style: solid; | 6 border-style: solid; |
8 outline-style: solid; | 7 outline-style: solid; |
9 column-rule-style: solid; | 8 column-rule-style: solid; |
10 } | 9 } |
11 </style> | 10 </style> |
12 <div id="target"></div> | 11 <div id="target"></div> |
13 <script> | 12 <script> |
14 var lengthProperties = [ | 13 var lengthProperties = [ |
15 'baselineShift', | 14 'baselineShift', |
16 'borderBottomWidth', | 15 'borderBottomWidth', |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
65 'y', | 64 'y', |
66 'lineHeight', | 65 'lineHeight', |
67 ]; | 66 ]; |
68 var expected = {}; | 67 var expected = {}; |
69 | 68 |
70 setup(() => { | 69 setup(() => { |
71 for (var property of lengthProperties) { | 70 for (var property of lengthProperties) { |
72 target.style[property] = '10px'; | 71 target.style[property] = '10px'; |
73 expected[property] = getComputedStyle(target)[property]; | 72 expected[property] = getComputedStyle(target)[property]; |
74 } | 73 } |
| 74 target.style.transition = '1s'; |
75 internals.setZoomFactor(2); | 75 internals.setZoomFactor(2); |
76 }); | 76 }); |
77 | 77 |
78 for (var property of lengthProperties) { | 78 for (var property of lengthProperties) { |
79 test(() => { | 79 test(() => { |
80 assert_equals(getComputedStyle(target)[property], expected[property]); | 80 assert_equals(getComputedStyle(target)[property], expected[property]); |
81 }, 'Computed value of transitionable ' + property + ' should not change when z
oom changes'); | 81 }, 'Computed value of transitionable ' + property + ' should not change when z
oom changes'); |
82 } | 82 } |
83 </script> | 83 </script> |
OLD | NEW |