OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/js/resources/js-test-pre.js"></script> | 2 <script src="../../fast/js/resources/js-test-pre.js"></script> |
3 <div style="-webkit-aspect-ratio: 1 / 2;"> | 3 <div style="-webkit-aspect-ratio: 1 / 2;"> |
4 <div id="aspectRatioTest"></div> | 4 <div id="aspectRatioTest"></div> |
5 </div> | 5 </div> |
6 <script> | 6 <script> |
7 function testComputedValue(elementId, value, styleAttribute) | 7 function testComputedValue(elementId, value, styleAttribute) |
8 { | 8 { |
9 var div = document.getElementById(elementId); | 9 var div = document.getElementById(elementId); |
10 div.style[styleAttribute] = value; | 10 div.style[styleAttribute] = value; |
11 var computedValue = window.getComputedStyle(div)[styleAttribute]; | 11 var computedValue = window.getComputedStyle(div)[styleAttribute]; |
12 return computedValue; | 12 return computedValue; |
13 } | 13 } |
14 shouldBeEqualToString('testComputedValue("aspectRatioTest", "1 / 4", "-webki
t-aspect-ratio")', '1/4'); | 14 shouldBeEqualToString('testComputedValue("aspectRatioTest", "1 / 4", "-webki
t-aspect-ratio")', '1/4'); |
15 shouldBeEqualToString('testComputedValue("aspectRatioTest", "inherit", "-web
kit-aspect-ratio")', '1/2'); | 15 shouldBeEqualToString('testComputedValue("aspectRatioTest", "inherit", "-web
kit-aspect-ratio")', '1/2'); |
16 shouldBeEqualToString('testComputedValue("aspectRatioTest", "none", "-webkit
-aspect-ratio")', 'none'); | 16 shouldBeEqualToString('testComputedValue("aspectRatioTest", "none", "-webkit
-aspect-ratio")', 'none'); |
17 </script> | 17 </script> |
18 <script src="../../fast/js/resources/js-test-post.js"></script> | |
OLD | NEW |