| 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 |