Rewrite the fast/css/css2-system-fonts.html test

This patch makes the fast/css/css2-system-fonts.html explicit about the
font styles expected on each platform instead of just Mac.
It also converts the test to be text only as the style information is
now displayed in text format.

This change is in preparation for a refactor of system font handling.

BUG=353932

Review URL: https://codereview.chromium.org/204113007

git-svn-id: svn://svn.chromium.org/blink/trunk@169612 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent 4e32717e
<html>
<body>
<h1>CSS2 System Fonts</h1>
<p>The following should appear with the fonts specified, per the <a href="http://www.w3.org/TR/REC-CSS2/fonts.html#propdef-font">CSS2 specs</a>. If they appear in a monospace font, the test has failed.</p>
<ul style="font-family: monospace;">
<li style="font: caption;">Caption (on Mac will be Lucida Grande 13.0 Regular)</li>
<li style="font: icon;">Icon (on Mac will be Lucida Grande 13.0 Regular for now, not sure how to get this info from Finder)
<li style="font: menu;">Menu (on Mac will be Lucida Grande 13.0 Regular)</li>
<li style="font: message-box;">Message-Box (on Mac will be Lucida Grande 13.0 Regular)</li>
<li style="font: small-caption;">Small-Caption (on Mac will be Lucida Grande 11.0 Regular)</li>
<li style="font: status-bar;">Status-Bar (on Mac will be Lucida Grande 10.0 Regular)</li>
</ul>
<p><a href="./">&laquo; Return to Safari Bugs page</a></p>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
This tests platform specific system font styles. If any of the styles appear in monospace the test fails.
<hr>
<div style="font-family: monospace;" id="container"></div>
<script>
var systemFontStyles = [
'caption',
'icon',
'menu',
'message-box',
'small-caption',
'status-bar',
];
systemFontStyles.forEach(function(systemFont) {
var item = document.createElement('div');
container.appendChild(item);
item.style.font = systemFont;
item.textContent = systemFont + ': ' + getComputedStyle(item).font;
});
if (window.testRunner) {
testRunner.dumpAsText();
}
</script>
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x576
RenderBlock {H1} at (0,0) size 784x37
RenderText {#text} at (0,0) size 265x36
text run at (0,0) width 265: "CSS2 System Fonts"
RenderBlock {P} at (0,58.44) size 784x20
RenderText {#text} at (0,0) size 365x19
text run at (0,0) width 365: "The following should appear with the fonts specified, per the "
RenderInline {A} at (0,0) size 75x19 [color=#0000EE]
RenderText {#text} at (365,0) size 75x19
text run at (365,0) width 75: "CSS2 specs"
RenderText {#text} at (440,0) size 332x19
text run at (440,0) width 332: ". If they appear in a monospace font, the test has failed."
RenderBlock {UL} at (0,94.44) size 784x114
RenderListItem {LI} at (40,0) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 367x18
text run at (0,0) width 367: "Caption (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,19) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 673x18
text run at (0,0) width 673: "Icon (on Mac will be Lucida Grande 13.0 Regular for now, not sure how to get this info from Finder)"
RenderListItem {LI} at (40,38) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 350x18
text run at (0,0) width 350: "Menu (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,57) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 409x18
text run at (0,0) width 409: "Message-Box (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,76) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 411x18
text run at (0,0) width 411: "Small-Caption (on Mac will be Lucida Grande 11.0 Regular)"
RenderListItem {LI} at (40,95) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 386x18
text run at (0,0) width 386: "Status-Bar (on Mac will be Lucida Grande 10.0 Regular)"
RenderBlock {P} at (0,224.44) size 784x20
RenderInline {A} at (0,0) size 173x19 [color=#0000EE]
RenderText {#text} at (0,0) size 173x19
text run at (0,0) width 173: "\x{AB} Return to Safari Bugs page"
This tests platform specific system font styles. If any of the styles appear in monospace the test fails.
caption: normal normal normal 16px/normal Arial
icon: normal normal normal 16px/normal Arial
menu: normal normal normal 16px/normal Arial
message-box: normal normal normal 16px/normal Arial
small-caption: normal normal normal 16px/normal Arial
status-bar: normal normal normal 16px/normal Arial
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x576
RenderBlock {H1} at (0,0) size 784x37
RenderText {#text} at (0,0) size 266x37
text run at (0,0) width 266: "CSS2 System Fonts"
RenderBlock {P} at (0,58.44) size 784x36
RenderText {#text} at (0,0) size 387x18
text run at (0,0) width 387: "The following should appear with the fonts specified, per the "
RenderInline {A} at (0,0) size 75x18 [color=#0000EE]
RenderText {#text} at (387,0) size 75x18
text run at (387,0) width 75: "CSS2 specs"
RenderText {#text} at (462,0) size 765x36
text run at (462,0) width 303: ". If they appear in a monospace font, the test has"
text run at (0,18) width 39: "failed."
RenderBlock {UL} at (0,110.44) size 784x89
RenderListItem {LI} at (40,0) size 744x16
RenderListMarker at (-16,0) size 6x16: bullet
RenderText {#text} at (0,0) size 332x16
text run at (0,0) width 332: "Caption (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,16) size 744x16
RenderListMarker at (-16,0) size 6x16: bullet
RenderText {#text} at (0,0) size 627x16
text run at (0,0) width 627: "Icon (on Mac will be Lucida Grande 13.0 Regular for now, not sure how to get this info from Finder)"
RenderListItem {LI} at (40,32) size 744x16
RenderListMarker at (-16,0) size 6x16: bullet
RenderText {#text} at (0,0) size 317x16
text run at (0,0) width 317: "Menu (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,48) size 744x16
RenderListMarker at (-16,0) size 6x16: bullet
RenderText {#text} at (0,0) size 368x16
text run at (0,0) width 368: "Message-Box (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,64) size 744x13
RenderListMarker at (-15,0) size 6x13: bullet
RenderText {#text} at (0,0) size 316x13
text run at (0,0) width 316: "Small-Caption (on Mac will be Lucida Grande 11.0 Regular)"
RenderListItem {LI} at (40,77) size 744x12
RenderListMarker at (-14,0) size 5x12: bullet
RenderText {#text} at (0,0) size 268x12
text run at (0,0) width 268: "Status-Bar (on Mac will be Lucida Grande 10.0 Regular)"
RenderBlock {P} at (0,215.44) size 784x18
RenderInline {A} at (0,0) size 183x18 [color=#0000EE]
RenderText {#text} at (0,0) size 183x18
text run at (0,0) width 183: "\x{AB} Return to Safari Bugs page"
This tests platform specific system font styles. If any of the styles appear in monospace the test fails.
caption: normal normal normal 13px/normal 'Lucida Grande'
icon: normal normal normal 13px/normal 'Lucida Grande'
menu: normal normal normal 13px/normal 'Lucida Grande'
message-box: normal normal normal 13px/normal 'Lucida Grande'
small-caption: normal normal normal 11px/normal 'Lucida Grande'
status-bar: normal normal normal 10px/normal 'Lucida Grande'
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x576
RenderBlock {H1} at (0,0) size 784x37
RenderText {#text} at (0,0) size 265x36
text run at (0,0) width 265: "CSS2 System Fonts"
RenderBlock {P} at (0,58.44) size 784x20
RenderText {#text} at (0,0) size 365x19
text run at (0,0) width 365: "The following should appear with the fonts specified, per the "
RenderInline {A} at (0,0) size 75x19 [color=#0000EE]
RenderText {#text} at (365,0) size 75x19
text run at (365,0) width 75: "CSS2 specs"
RenderText {#text} at (440,0) size 332x19
text run at (440,0) width 332: ". If they appear in a monospace font, the test has failed."
RenderBlock {UL} at (0,94.44) size 784x96
RenderListItem {LI} at (40,0) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 367x18
text run at (0,0) width 367: "Caption (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,19) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 673x18
text run at (0,0) width 673: "Icon (on Mac will be Lucida Grande 13.0 Regular for now, not sure how to get this info from Finder)"
RenderListItem {LI} at (40,38) size 744x13
RenderListMarker at (-15,0) size 6x13: bullet
RenderText {#text} at (0,0) size 239x13
text run at (0,0) width 239: "Menu (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,51) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 409x18
text run at (0,0) width 409: "Message-Box (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,70) size 744x13
RenderListMarker at (-15,0) size 6x13: bullet
RenderText {#text} at (0,0) size 278x13
text run at (0,0) width 278: "Small-Caption (on Mac will be Lucida Grande 11.0 Regular)"
RenderListItem {LI} at (40,83) size 744x13
RenderListMarker at (-15,0) size 6x13: bullet
RenderText {#text} at (0,0) size 264x13
text run at (0,0) width 264: "Status-Bar (on Mac will be Lucida Grande 10.0 Regular)"
RenderBlock {P} at (0,206.44) size 784x20
RenderInline {A} at (0,0) size 173x19 [color=#0000EE]
RenderText {#text} at (0,0) size 173x19
text run at (0,0) width 173: "\x{AB} Return to Safari Bugs page"
layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x576
RenderBlock {H1} at (0,0) size 784x37
RenderText {#text} at (0,0) size 265x36
text run at (0,0) width 265: "CSS2 System Fonts"
RenderBlock {P} at (0,58.44) size 784x20
RenderText {#text} at (0,0) size 365x19
text run at (0,0) width 365: "The following should appear with the fonts specified, per the "
RenderInline {A} at (0,0) size 75x19 [color=#0000EE]
RenderText {#text} at (365,0) size 75x19
text run at (365,0) width 75: "CSS2 specs"
RenderText {#text} at (440,0) size 332x19
text run at (440,0) width 332: ". If they appear in a monospace font, the test has failed."
RenderBlock {UL} at (0,94.44) size 784x102
RenderListItem {LI} at (40,0) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 367x18
text run at (0,0) width 367: "Caption (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,19) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 673x18
text run at (0,0) width 673: "Icon (on Mac will be Lucida Grande 13.0 Regular for now, not sure how to get this info from Finder)"
RenderListItem {LI} at (40,38) size 744x15
RenderListMarker at (-16,0) size 6x15: bullet
RenderText {#text} at (0,0) size 265x15
text run at (0,0) width 265: "Menu (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,53) size 744x19
RenderListMarker at (-18,0) size 7x18: bullet
RenderText {#text} at (0,0) size 409x18
text run at (0,0) width 409: "Message-Box (on Mac will be Lucida Grande 13.0 Regular)"
RenderListItem {LI} at (40,72) size 744x15
RenderListMarker at (-16,0) size 6x15: bullet
RenderText {#text} at (0,0) size 310x15
text run at (0,0) width 310: "Small-Caption (on Mac will be Lucida Grande 11.0 Regular)"
RenderListItem {LI} at (40,87) size 744x15
RenderListMarker at (-16,0) size 6x15: bullet
RenderText {#text} at (0,0) size 288x15
text run at (0,0) width 288: "Status-Bar (on Mac will be Lucida Grande 10.0 Regular)"
RenderBlock {P} at (0,212.44) size 784x20
RenderInline {A} at (0,0) size 173x19 [color=#0000EE]
RenderText {#text} at (0,0) size 173x19
text run at (0,0) width 173: "\x{AB} Return to Safari Bugs page"
This tests platform specific system font styles. If any of the styles appear in monospace the test fails.
caption: normal normal normal 16px/normal Arial
icon: normal normal normal 16px/normal Arial
menu: normal normal normal 12px/normal 'Segoe UI'
message-box: normal normal normal 16px/normal Arial
small-caption: normal normal normal 12px/normal 'Segoe UI'
status-bar: normal normal normal 12px/normal 'Segoe UI'
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment