Alexsander Borges Damaceno
47d5e40219
Automatic update from web-platform-tests Add more font loading test testing spec (#55413) As per spec https://drafts.csswg.org/css-font-loading/#switch-the-fontfaceset-to-loading, Add test testing promise step -- wpt-commits: 1fe6618814620b4f7aed2368f35565b55d0f9273 wpt-pr: 55413
34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<title>Test document.fonts.ready loading with two fonts</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-font-loading/#fontfaceset-ready">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: "AhemTest";
|
|
src: url("/fonts/Ahem.ttf") format("truetype");
|
|
}
|
|
.initial {
|
|
font-family: "AhemTest", sans-serif;
|
|
font-size: 20px;
|
|
}
|
|
</style>
|
|
<div>Font loading test</div>
|
|
<script>
|
|
promise_test(async t => {
|
|
const fontSet = document.fonts;
|
|
const readyPromise1 = fontSet.ready;
|
|
await readyPromise1;
|
|
assert_equals(fontSet.status, "loaded", "ready promise should resolve when fonts loaded");
|
|
|
|
const dynamicFace = new FontFace("AhemTest2", "url(/fonts/Ahem.ttf)");
|
|
fontSet.add(dynamicFace);
|
|
dynamicFace.load();
|
|
const readyPromise2 = fontSet.ready;
|
|
assert_not_equals(readyPromise1, readyPromise2, "A new FontFace added should create a new document.fonts.ready promise");
|
|
|
|
await readyPromise2;
|
|
assert_equals(fontSet.status, "loaded", "document.fonts.status should be 'loaded'");
|
|
}, "document.fonts.ready is replaced as new fonts are loaded");
|
|
</script>
|