testing/web-platform/tests/css/css-values/ic-unit-014.html
author Duncan McIntosh <dmcintosh@mozilla.com>
Wed, 09 Jul 2025 19:42:02 +0000 (3 hours ago)
changeset 795924 9ccc6a2267cbf69c621fec973bd28573c2a45a1f
parent 600447 7ee0a7ab1d95862b5cf2a89198aa338525a49a68
permissions -rw-r--r--
Bug 1966586 - Reuse other browser windows when opening _blank links in Taskbar Tabs windows. r=nrishel This doesn't affect other tab additions, nor does it stop the tab bar from appearing altogether. The idea is that _if_ another tab is somehow made, the user should see it; but we should not create new tabs if we can avoid it. This also adds tests for opening URIs in popups and taskbar tabs to make it less likely that this breaks in future. Differential Revision: https://phabricator.services.mozilla.com/D253726
<!DOCTYPE html>

<meta charset="utf-8">
<title>CSS Values and Units Test: support for the ic unit</title>
<link rel="author" title="Kiet Ho" href="mailto:tho22@apple.com">
<link rel="help" href="https://www.w3.org/TR/css-values-4/#ic">
<link rel="match" href="reference/ic-unit-014-ref.html">
<meta name="assert" content="The ic unit is equal to 0.5em if the CJK water glyph's advance is 0.5em.">
<style>
/* The following font contains the CJK water (U+6C34) glyph as a rectangle box,
   with the width being exactly half of its height. */
@font-face {
  font-family: IcTestHalfWidth;
  src: url(resources/IcTestHalfWidth.woff2);
}

.test {
    font-family: IcTestHalfWidth;
    font-size: 20px;
    width: calc(100px + 10ic);
    height: 20px;
    background: green;
    margin-bottom: 10px;
}

.ref {
    /*
    Each ic is equal to 10px, the width of a CJK water glyph.
    (its height is 20px, and its width is half the height).
    The width of .test is then:
        100px + (10ic * 10px / ic) = 200px
    */
    width: 200px;
    height: 20px;
    background: green;
}
</style>

<p>The test passes if there are two green rectangles of equal length.</p>
<div class="test"></div>
<div class="ref"></div>