Skip to content
Permalink
Browse files

Bug 1574400 [wpt PR 18489] - Add a test for document.fonts.ready timi…

…ng assumptions, a=testonly

Automatic update from web-platform-tests
Add a test for document.fonts.ready timing assumptions (#18489)

In web-platform-tests/wpt#17219 (comment)
a number of tests were found to depend on document.fonts.ready in this
way, and it turns out it doesn't work in Safari with web fonts. Add a
test to surface this problem more clearly.
--

wpt-commits: 29e72c566832e86e0180982400a1d77d4773e5d2
wpt-pr: 18489

UltraBlame original commit: cb4947af2d124fa06702d85a5fbcd6eb9dce5e52
  • Loading branch information
marco-c committed Oct 4, 2019
1 parent 30d1373 commit 6b0603a41e06109392470f762d1161579c4e040e
Showing with 32 additions and 0 deletions.
  1. +32 −0 testing/web-platform/tests/infrastructure/assumptions/document-fonts-ready.html
@@ -0,0 +1,32 @@
<!DOCTYPE HTML>
<title>document.fonts.ready resolves after layout depending on loaded fonts</title>
<link rel="help" href="https://drafts.csswg.org/css-font-loading/#fontfaceset-pending-on-the-environment">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
#foo {
font: 100px/1 Ahem;
}
</style>
<div id="log"></div>
<span id="foo">X</span>
<script>
// The purpose of this test is to ensure that testharness.js tests can use
// `document.fonts.ready` to wait for a web font to load, without having to
// wait for the window load event before or requestAnimationFrame after.
//
// The spec says that a FontFaceSet is "pending on the environment" if "the
// document has pending layout operations which might cause the user agent to
// request a font, or which depend on recently-loaded fonts", and both are
// assumed to hold true in this test.
async_test(t => {
assert_equals(document.fonts.size, 1, 'one font is pending');
document.fonts.ready.then(t.step_func_done(() => {
const span = document.getElementById('foo');
const rect = span.getBoundingClientRect();
// If Ahem has loaded, the X will be 100px wide.
assert_equals(rect.width, 100, 'span is 100px wide');
}));
});
</script>

0 comments on commit 6b0603a

Please sign in to comment.
You can’t perform that action at this time.