| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 1 | <!DOCTYPE HTML> |
| mark.lam@apple.com | 0615530 | 2013-09-08 02:07:30 +0000 | [diff] [blame] | 2 | <script src="../../resources/js-test-pre.js"></script> |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 3 | <style> |
| 4 | #control {font-size: 200%;} |
| mikelawther@chromium.org | 9a374ece | 2013-01-21 07:05:16 +0000 | [diff] [blame] | 5 | #calc-percent {font-size: calc(200%);} |
| 6 | #calc-percent-pixels {font-size: calc(150% + 10px);} |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 7 | </style> |
| 8 | |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 9 | <div id="test-container" style="font-size: 20px;"> |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 10 | <span id="control">The font size of these lines should be identical</span> |
| 11 | <br/> |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 12 | <span class="fonttest" id="calc-percent">The font size of these lines should be identical</span> |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 13 | <br/> |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 14 | <span class="fonttest" id="calc-percent-pixels">The font size of these lines should be identical</span> |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 15 | </div> |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 16 | |
| 17 | <script> |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 18 | description("Tests that CSS3 calc() can be used with the font-size property"); |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 19 | |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 20 | var spans = document.getElementsByClassName("fonttest"); |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 21 | for (var i = 0; i < spans.length; ++i) { |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 22 | shouldBeEqualToString('getComputedStyle(document.getElementById("' + spans[i].id + '"), null).fontSize', getComputedStyle(document.getElementById("control"), null).fontSize); |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 23 | } |
| 24 | |
| rniwa@webkit.org | 42948af | 2012-06-11 18:23:57 +0000 | [diff] [blame] | 25 | if (window.testRunner) |
| mikelawther@chromium.org | a16cfcf | 2012-02-10 20:07:54 +0000 | [diff] [blame] | 26 | document.body.removeChild(document.getElementById("test-container")); |
| mikelawther@chromium.org | bfa7c83 | 2012-01-09 06:14:33 +0000 | [diff] [blame] | 27 | </script> |
| mark.lam@apple.com | 0615530 | 2013-09-08 02:07:30 +0000 | [diff] [blame] | 28 | <script src="../../resources/js-test-post.js"></script> |
