55 lines
1.1 KiB
HTML
55 lines
1.1 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
body {
|
|
font-family: serif;
|
|
}
|
|
@font-face {
|
|
font-family: 'ahem';
|
|
src: url(../../resources/Ahem.ttf);
|
|
}
|
|
#test {
|
|
position: absolute
|
|
}
|
|
#test span {
|
|
font-family: ahem;
|
|
}
|
|
</style>
|
|
<script>
|
|
description('Test that onloadingdone is fired after style recalculation.');
|
|
|
|
window.jsTestIsAsync = true;
|
|
|
|
function runTests() {
|
|
document.fonts.onloadingdone = function() {
|
|
debug('loadingdone');
|
|
testDiv = document.getElementById('test');
|
|
shouldBeEqualToString('window.getComputedStyle(testDiv, 0).width', '48px');
|
|
};
|
|
|
|
document.fonts.notifyWhenFontsReady(function() {
|
|
debug('notifyWhenFontsReady() callback');
|
|
shouldBeEqualToString('window.getComputedStyle(testDiv, 0).width', '48px');
|
|
finishJSTest();
|
|
});
|
|
}
|
|
|
|
if (document.fonts)
|
|
runTests();
|
|
else {
|
|
testFailed('document.fonts does not exist');
|
|
finishJSTest();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id=test>
|
|
<a href="#">
|
|
<span>aaa</span>
|
|
</a>
|
|
</div>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|