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