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 body {font-size: 12px;} | 4 body {font-size: 12px;} |
5 #control {font: normal 400 80%/2.5 sans-serif;} | 5 #control {font: normal 400 80%/2.5 sans-serif;} |
6 #calc-reduce {font: normal 400 calc(80%)/2.5 sans-serif;} | 6 #calc-reduce {font: normal 400 calc(80%)/2.5 sans-serif;} |
7 </style> | 7 </style> |
8 | 8 |
9 <div id="test-container"> | 9 <div id="test-container"> |
10 <span id="control">The font size and line height of these lines should be identi
cal</span> | 10 <span id="control">The font size and line height of these lines should be identi
cal</span> |
11 <hr/> | 11 <hr/> |
12 <span class="fonttest" id="calc-reduce">The font size and line height of these l
ines should be identical</span> | 12 <span class="fonttest" id="calc-reduce">The font size and line height of these l
ines should be identical</span> |
13 </div> | 13 </div> |
14 <hr/> | 14 <hr/> |
15 | 15 |
16 <script> | 16 <script> |
17 description("Tests that CSS3 calc() can be used with the font property using fra
ctional sizes"); | 17 description("Tests that CSS3 calc() can be used with the font property using fra
ctional sizes"); |
18 | 18 |
19 var spans = document.getElementsByClassName("fonttest"); | 19 var spans = document.getElementsByClassName("fonttest"); |
20 for (var i = 0; i < spans.length; ++i) { | 20 for (var i = 0; i < spans.length; ++i) { |
21 var current = spans[i]; | 21 var current = spans[i]; |
22 shouldBeEqualToString('getComputedStyle(document.getElementById("' + current
.id + '"), null).lineHeight', getComputedStyle(document.getElementById("control"
), null).lineHeight); | 22 shouldBeEqualToString('getComputedStyle(document.getElementById("' + current
.id + '"), null).lineHeight', getComputedStyle(document.getElementById("control"
), null).lineHeight); |
23 shouldBeEqualToString('getComputedStyle(document.getElementById("' + current
.id + '"), null).fontSize', getComputedStyle(document.getElementById("control"),
null).fontSize); | 23 shouldBeEqualToString('getComputedStyle(document.getElementById("' + current
.id + '"), null).fontSize', getComputedStyle(document.getElementById("control"),
null).fontSize); |
24 } | 24 } |
25 | 25 |
26 if (window.testRunner) | 26 if (window.testRunner) |
27 document.body.removeChild(document.getElementById("test-container")); | 27 document.body.removeChild(document.getElementById("test-container")); |
28 </script> | 28 </script> |
OLD | NEW |