| 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 <style> | 3 <style> |
| 4 #calc { | 4 #calc { |
| 5 border: 2px solid; | 5 border: 2px solid; |
| 6 width: 100px; | 6 width: 100px; |
| 7 height: 100px; | 7 height: 100px; |
| 8 font-size: 10px; | 8 font-size: 10px; |
| 9 border-top-left-radius: calc(10px + 25%) calc(20px + 25%); | 9 border-top-left-radius: calc(10px + 25%) calc(20px + 25%); |
| 10 border-top-right-radius: calc(1em + 25%); | 10 border-top-right-radius: calc(1em + 25%); |
| 11 border-bottom-right-radius: calc(25%); | 11 border-bottom-right-radius: calc(25%); |
| 12 border-bottom-left-radius: calc(25px); | 12 border-bottom-left-radius: calc(25px); |
| 13 } | 13 } |
| 14 </style> | 14 </style> |
| 15 <div id="calc"></div> | 15 <div id="calc"></div> |
| 16 <script> | 16 <script> |
| 17 function test(prop, expected) { | 17 function test(prop, expected) { |
| 18 shouldBeEqualToString("getComputedStyle(document.getElementById('calc'), nul
l).getPropertyValue('" + prop + "')", expected); | 18 shouldBeEqualToString("getComputedStyle(document.getElementById('calc'), nul
l).getPropertyValue('" + prop + "')", expected); |
| 19 } | 19 } |
| 20 | 20 |
| 21 description("Tests calling getPropertyValue on computed border radii involving C
SS calc"); | 21 description("Tests calling getPropertyValue on computed border radii involving C
SS calc"); |
| 22 | 22 |
| 23 test('border-top-left-radius', 'calc(10px + 25%) calc(20px + 25%)'); | 23 test('border-top-left-radius', 'calc(10px + 25%) calc(20px + 25%)'); |
| 24 test('border-top-right-radius', 'calc(10px + 25%)'); | 24 test('border-top-right-radius', 'calc(10px + 25%)'); |
| 25 test('border-bottom-right-radius', '25%'); | 25 test('border-bottom-right-radius', '25%'); |
| 26 test('border-bottom-left-radius', '25px'); | 26 test('border-bottom-left-radius', '25px'); |
| 27 test('border-radius', 'calc(10px + 25%) calc(10px + 25%) 25% 25px / calc(20px +
25%) calc(10px + 25%) 25% 25px'); | 27 test('border-radius', 'calc(10px + 25%) calc(10px + 25%) 25% 25px / calc(20px +
25%) calc(10px + 25%) 25% 25px'); |
| 28 </script> | 28 </script> |
| 29 <script src="../../fast/js/resources/js-test-post.js"></script> | |
| OLD | NEW |