fontface-loadingevent.html (689B)
1 <!DOCTYPE html> 2 <title>Tests FontFaceSet loading event</title> 3 <link rel="help" href="https://drafts.csswg.org/css-font-loading/#events"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script> 7 promise_test(async t => { 8 const fontSet = document.fonts; 9 let loadingFired = false; 10 11 fontSet.addEventListener("loading", () => { 12 loadingFired = true; 13 }); 14 15 const TestFont = new FontFace("GoodFont", "url(/fonts/Ahem.ttf)"); 16 fontSet.add(TestFont); 17 await TestFont.load(); 18 await fontSet.ready; 19 assert_true(loadingFired, "The 'loading' event should have fired"); 20 }, "FontFaceSet fires correct loading event"); 21 </script>