| Index: LayoutTests/fast/css/font-shorthand.html
|
| diff --git a/LayoutTests/fast/css/font-shorthand.html b/LayoutTests/fast/css/font-shorthand.html
|
| index ad7af5a971550e4c5aa04518d1ea1a5ba9a6f052..5090dcd713457eca45f74f40288fc19f60206394 100644
|
| --- a/LayoutTests/fast/css/font-shorthand.html
|
| +++ b/LayoutTests/fast/css/font-shorthand.html
|
| @@ -1,44 +1,58 @@
|
| -<html>
|
| -<head>
|
| +<!DOCTYPE html>
|
| +<div id="target"></div>
|
| +<pre id="output"></pre>
|
| <script>
|
| - if (window.testRunner)
|
| - testRunner.dumpAsText();
|
| -</script>
|
| -</head>
|
| -<body>
|
| -<div id="foo">Test</div>
|
| -<script>
|
| -function testFontValue(value)
|
| +if (window.testRunner) {
|
| + testRunner.dumpAsText();
|
| +}
|
| +
|
| +var style = target.style;
|
| +function showFontLonghands(fontValue, suppressLonghandValue)
|
| {
|
| - document.write("Font for '" + value + "':<br>");
|
| - var element = document.getElementById("foo");
|
| - var decl = element.style;
|
| - decl.font = "";
|
| - decl.font = value;
|
| - for (var i = 0; i < decl.length; i++) {
|
| - document.write(decl[i] + ": " + decl.getPropertyValue(decl[i]));
|
| - document.write("<br>");
|
| + output.textContent += 'Longhands for font: ' + fontValue + '\n';
|
| + style.font = '';
|
| + style.font = fontValue;
|
| + for (var i = 0; i < style.length; i++) {
|
| + output.textContent += style[i];
|
| + if (!suppressLonghandValue) {
|
| + output.textContent += ': ' + style.getPropertyValue(style[i]);
|
| + }
|
| + output.textContent += '\n';
|
| }
|
| - document.write("<br>");
|
| + output.textContent += '\n';
|
| }
|
|
|
| -testFontValue("12px monospace");
|
| -testFontValue("12px/24px serif");
|
| -testFontValue("normal 12px serif");
|
| -testFontValue("normal normal 12px serif");
|
| -testFontValue("normal normal normal 12px serif");
|
| -testFontValue("italic small-caps 12px/24px serif");
|
| -testFontValue("italic bold 12px/24px serif");
|
| -testFontValue("small-caps bold 14px/28px Arial, sans-serif");
|
| -testFontValue("italic small-caps bold 14px/28px Arial, sans-serif");
|
| +showFontLonghands('12px monospace');
|
| +showFontLonghands('12px/24px serif');
|
| +showFontLonghands('normal 12px serif');
|
| +showFontLonghands('normal normal 12px serif');
|
| +showFontLonghands('normal normal normal 12px serif');
|
| +showFontLonghands('italic small-caps 12px/24px serif');
|
| +showFontLonghands('italic bold 12px/24px serif');
|
| +showFontLonghands('small-caps bold 14px/28px Arial, sans-serif');
|
| +showFontLonghands('italic small-caps bold 14px/28px Arial, sans-serif');
|
| +
|
| +// Suppress showing the longhand values for system fonts because they are platform specific.
|
| +// Platform specific system font styles are covered in fast/css/css2-system-fonts.html.
|
| +showFontLonghands('caption', true);
|
| +showFontLonghands('icon', true);
|
| +showFontLonghands('menu', true);
|
| +showFontLonghands('message-box', true);
|
| +showFontLonghands('small-caption', true);
|
| +showFontLonghands('status-bar', true);
|
| +showFontLonghands('-webkit-mini-control', true);
|
| +showFontLonghands('-webkit-small-control', true);
|
| +showFontLonghands('-webkit-control', true);
|
|
|
| // Invalid values should yield no longhands.
|
| -testFontValue("italic small-caps bold 12px/24px");
|
| -testFontValue("italic small-caps bold 12px");
|
| -testFontValue("italic small-caps bold /12px serif");
|
| -testFontValue("italic small-caps small-caps 12px serif");
|
| -testFontValue("italic italic small-caps bold 12px serif");
|
| -testFontValue("12px/italic serif");
|
| +showFontLonghands('italic small-caps bold 12px/24px');
|
| +showFontLonghands('italic small-caps bold 12px');
|
| +showFontLonghands('italic small-caps bold /12px serif');
|
| +showFontLonghands('italic small-caps small-caps 12px serif');
|
| +showFontLonghands('italic italic small-caps bold 12px serif');
|
| +showFontLonghands('12px/italic serif');
|
| +showFontLonghands("caption italic");
|
| +showFontLonghands("icon 12px");
|
| +showFontLonghands("icon 12px serif");
|
| +showFontLonghands("menu italic 12px");
|
| </script>
|
| -</body>
|
| -</html>
|
|
|