fune/testing/web-platform/tests/css/css-values/cap-invalidation.html
Daniil Sakhapov c25014f5bd Bug 1840608 [wpt PR 40767] - Implement 'cap' font unit, a=testonly
Automatic update from web-platform-tests
Implement 'cap' font unit

Spec: https://drafts.csswg.org/css-values/#cap
Bug: 1458357
Change-Id: I8c79a1f07c22b037214134fd74d18d0968313961
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4649351
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Daniil Sakhapov <sakhapov@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1164124}

--

wpt-commits: c47d47783f71e75a4868d5944e117afa0602dcae
wpt-pr: 40767
2023-07-12 07:53:39 +00:00

29 lines
854 B
HTML

<!DOCTYPE html>
<title>CSS Values and Units Test: cap invalidation</title>
<link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com">
<link rel="help" href="https://drafts.csswg.org/css-values/#font-relative-lengths">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
@import url("/fonts/ahem.css");
html {
font-family: 'Ahem';
font-size: 40px;
}
div {
width: 10cap;
}
</style>
<html>
<div id="div"></div>
</html>
<script>
setup({ single_test: true });
let old_width = div.getBoundingClientRect().width;
document.documentElement.style.fontFamily = "sans-serif";
let new_width = div.getBoundingClientRect().width;
assert_not_equals(old_width, new_width, "expect the capital height of Ahem and sans-serif to be different");
done();
</script>