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