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 #control {font-size: 200%;} | 4 #control {font-size: 200%;} |
5 #calc-percent {font-size: calc(200%);} | 5 #calc-percent {font-size: calc(200%);} |
6 #calc-percent-pixels {font-size: calc(150% + 10px);} | 6 #calc-percent-pixels {font-size: calc(150% + 10px);} |
7 </style> | 7 </style> |
8 | 8 |
9 <div id="test-container" style="font-size: 20px;"> | 9 <div id="test-container" style="font-size: 20px;"> |
10 <span id="control">The font size of these lines should be identical</span> | 10 <span id="control">The font size of these lines should be identical</span> |
11 <br/> | 11 <br/> |
12 <span class="fonttest" id="calc-percent">The font size of these lines should be
identical</span> | 12 <span class="fonttest" id="calc-percent">The font size of these lines should be
identical</span> |
13 <br/> | 13 <br/> |
14 <span class="fonttest" id="calc-percent-pixels">The font size of these lines sho
uld be identical</span> | 14 <span class="fonttest" id="calc-percent-pixels">The font size of these lines sho
uld be identical</span> |
15 </div> | 15 </div> |
16 | 16 |
17 <script> | 17 <script> |
18 description("Tests that CSS3 calc() can be used with the font-size property"); | 18 description("Tests that CSS3 calc() can be used with the font-size property"); |
19 | 19 |
20 var spans = document.getElementsByClassName("fonttest"); | 20 var spans = document.getElementsByClassName("fonttest"); |
21 for (var i = 0; i < spans.length; ++i) { | 21 for (var i = 0; i < spans.length; ++i) { |
22 shouldBeEqualToString('getComputedStyle(document.getElementById("' + spans[i
].id + '"), null).fontSize', getComputedStyle(document.getElementById("control")
, null).fontSize); | 22 shouldBeEqualToString('getComputedStyle(document.getElementById("' + spans[i
].id + '"), null).fontSize', getComputedStyle(document.getElementById("control")
, null).fontSize); |
23 } | 23 } |
24 | 24 |
25 if (window.testRunner) | 25 if (window.testRunner) |
26 document.body.removeChild(document.getElementById("test-container")); | 26 document.body.removeChild(document.getElementById("test-container")); |
27 </script> | 27 </script> |
28 <script src="../../fast/js/resources/js-test-post.js"></script> | |
OLD | NEW |