70 lines
2.2 KiB
HTML
70 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Case-Insensitive Font Family Name Comparisons</title>
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
if (window.internals) {
|
|
window.internals.settings.setTextAutosizingEnabled(true);
|
|
window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<div id="content">
|
|
|
|
<!-- HTML <font> Styling -->
|
|
<table width="600">
|
|
<tr><td><font face="VERDANA">Test</font></td></tr>
|
|
<tr><td><font face="VERDANA">Test</font></td></tr>
|
|
<tr><td><font face="Verdana">Test</font></td></tr>
|
|
<tr><td><font face="VERDANA">Test</font></td></tr>
|
|
</table>
|
|
|
|
<!-- CSS font-family Styling -->
|
|
<table width="600">
|
|
<tr><td><span class="test" style="font-family:VERDANA">Test</span></td></tr>
|
|
<tr><td><span class="test" style="font-family:VERDANA">Test</span></td></tr>
|
|
<tr><td><span class="test" style="font-family:Verdana">Test</span></td></tr>
|
|
<tr><td><span class="test" style="font-family:VERDANA">Test</span></td></tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
description('Each row of the table should have text that is the same size.');
|
|
|
|
function verifyEqualSizes(list, description) {
|
|
var hadFailure = false;
|
|
var firstRowRect = list[0].getBoundingClientRect();
|
|
for (var i=0; i<list.length; ++i) {
|
|
var row = list[i].getBoundingClientRect();
|
|
if (row.width !== firstRowRect.width || row.height !== firstRowRect.height) {
|
|
hadFailure = true;
|
|
testFailed('Row ' + i + ': was ' + row.width + 'x' + row.height +
|
|
' but should have been ' + firstRowRect.width + 'x' + firstRowRect.height);
|
|
}
|
|
}
|
|
|
|
if (!hadFailure)
|
|
testPassed(description + ' rows were all the same size');
|
|
}
|
|
|
|
window.onload = function() {
|
|
verifyEqualSizes(document.querySelectorAll('font'), '<font>');
|
|
verifyEqualSizes(document.querySelectorAll('span.test'), '<span>');
|
|
document.getElementById('content').style.display = 'none';
|
|
finishJSTest();
|
|
}
|
|
|
|
window.jsTestIsAsync = true;
|
|
var successfullyParsed = true;
|
|
</script>
|
|
<script src="../../../resources/js-test-post.js"></script>
|
|
|
|
</body>
|
|
</html>
|