summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/mathml/relations/css-styling/default-font-family.html
blob: c471b0fc9dc4736a804802d4fecb8a915d964d43 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Default font-family on the &lt;math&gt; root</title>
<link rel="help" href="https://w3c.github.io/mathml-core/#the-top-level-math-element">
<link rel="help" href="https://w3c.github.io/mathml-core/#user-agent-stylesheet">
<meta name="assert" content="Verify that the default font-family is 'math'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
  <div id="log"></div>
  <div style="font-family: BB2F7F3E9FEE11EA96DF67A737751C2F;">
    <div id="inherited-reference"></div>
    <math id="math-not-inherited"></math>
  </div>
  <math id="math-default"></math>

  <script>
    function getFontFamily(id) {
        return window.getComputedStyle(document.getElementById(id)).fontFamily;
    }

    test(function () {
        assert_equals(getFontFamily("inherited-reference"), "BB2F7F3E9FEE11EA96DF67A737751C2F");
        assert_not_equals(getFontFamily("math-not-inherited"), getFontFamily("inherited-reference"));
    }, "Default font-family on <math> is not inherited");

    test(function () {
        assert_equals(getFontFamily("math-not-inherited"), "math");
        assert_equals(getFontFamily("math-default"), "math");
    }, "Default font-family on <math> is 'math'");
  </script>
</body>
</html>