OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/js/resources/js-test-pre.js"></script> | 2 <script src="../../resources/js-test.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> |
OLD | NEW |