69 lines
1.6 KiB
HTML
69 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: TestFont1;
|
|
src: local('Courier New');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: TestFont2;
|
|
src: url(../../resources/Ahem.ttf);
|
|
unicode-range: u+61-7a; /* 'a'-'z' */
|
|
}
|
|
</style>
|
|
<script>
|
|
description('Test load events for fontloader.loadFont() with multiple font families.');
|
|
|
|
window.jsTestIsAsync = true;
|
|
|
|
var events = {};
|
|
|
|
function countEvent(e) {
|
|
if (!events[e.type])
|
|
events[e.type] = 0;
|
|
events[e.type] += 1;
|
|
}
|
|
|
|
function runTests() {
|
|
document.fonts.addEventListener('loading', countEvent);
|
|
document.fonts.addEventListener('loadstart', countEvent);
|
|
document.fonts.addEventListener('load', countEvent);
|
|
document.fonts.addEventListener('error', countEvent);
|
|
document.fonts.addEventListener('loadingdone', countEvent);
|
|
|
|
document.fonts.loadFont({ font: '10px TestFont1, TestFont2', onsuccess: onsuccess, onerror: onerror });
|
|
document.fonts.notifyWhenFontsReady(verify);
|
|
}
|
|
|
|
function onsuccess() {
|
|
}
|
|
|
|
function onerror() {
|
|
testFailed("Expected success, but onerror() called");
|
|
}
|
|
|
|
function verify() {
|
|
shouldBe("events['loading']", "1");
|
|
shouldBe("events['loadstart']", "2");
|
|
shouldBe("events['load']", "2");
|
|
shouldBe("events['error']", "undefined");
|
|
shouldBe("events['loadingdone']", "1");
|
|
shouldBe("document.fonts.checkFont('10px TestFont1, TestFont2')", "true");
|
|
finishJSTest();
|
|
}
|
|
|
|
if (document.fonts)
|
|
runTests();
|
|
else {
|
|
testFailed('document.fonts does not exist');
|
|
finishJSTest();
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|