summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/mathml/support/feature-detection-operators.js
blob: 25dae40258fcd25204cdc874741c3604fe443eeb (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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
// This is a helper for MathML feature detection.
// It is indented to be used to prevent false negative test results.
// This adds operator-specific feature detections.

Object.assign(MathMLFeatureDetection, {
    "has_operator_lspace/rspace": async function() {
        return this.has_operator_spacing();
    },

    "has_operator_movablelimits": async function() {
        return this.has_movablelimits();
    },

    "has_operator_largeop": async function() {
        if (!this.hasOwnProperty("_has_operator_largeop")) {
            document.body.insertAdjacentHTML("beforeend", "\
<math style='font: 10px HasOperatorLargeopTestFont;'\
      displaystyle='true'>\
  <mo largeop='false' stretchy='false' symmetric='false'>&#x2AFF;</mo>\
  <mo largeop='true' stretchy='false' symmetric='false'>&#x2AFF;</mo>\
</math>");
            let font_face = new FontFace('HasOperatorLargeopTestFont',
                'url(/fonts/math/largeop-displayoperatorminheight5000.woff)');
            document.fonts.add(font_face);
            await font_face.load();
            var math = document.body.lastElementChild;
            var mo = math.getElementsByTagName("mo");
            this._has_operator_largeop =
                (mo[1].getBoundingClientRect().height >
                 mo[0].getBoundingClientRect().height);
            document.body.removeChild(math);
            document.fonts.delete(font_face);
        }
        return this._has_operator_largeop;
    },

    "has_operator_stretchy": async function() {
        if (!this.hasOwnProperty("_has_operator_stretchy")) {
            document.body.insertAdjacentHTML("beforeend", "\
<math style='font: 10px HasOperatorStretchyTestFont;'>\
  <mrow>\
    <mo stretchy='false' largeop='false' symmetric='false'>&#x2AFF;</mo>\
    <mo stretchy='true' largeop='false' symmetric='false'>&#x2AFF;</mo>\
    <mspace style='background: black;' width='1px' height='2em'></mspace>\
  </mrow>\
</math>");
            let font_face = new FontFace('HasOperatorLargeopTestFont',
                'url(/fonts/math/largeop-displayoperatorminheight5000.woff)');
            document.fonts.add(font_face);
            await font_face.load();
            var math = document.body.lastElementChild;
            var mo = math.getElementsByTagName("mo");
            this._has_operator_stretchy =
                (mo[1].getBoundingClientRect().height >
                 mo[0].getBoundingClientRect().height);
            document.body.removeChild(math);
            document.fonts.delete(font_face);
        }
        return this._has_operator_stretchy;
    },

    "has_operator_symmetric": async function() {
        if (!this.hasOwnProperty("_has_operator_symmetric")) {
            document.body.insertAdjacentHTML("beforeend", "\
<math style='font: 10px HasOperatorSymmetricTestFont;'>\
  <mrow>\
    <mo stretchy='true' largeop='false' symmetric='false'>&#x2AFF;</mo>\
    <mo stretchy='true' largeop='false' symmetric='true'>&#x2AFF;</mo>\
    <mspace style='background: black;' width='1px' height='2em'></mspace>\
  </mrow>\
</math>");
            let font_face = new FontFace('HasOperatorLargeopTestFont',
                'url(/fonts/math/largeop-displayoperatorminheight5000.woff)');
            document.fonts.add(font_face);
            await font_face.load();
            var math = document.body.lastElementChild;
            var mo = math.getElementsByTagName("mo");
            this._has_operator_symmetric =
                (mo[1].getBoundingClientRect().height >
                 mo[0].getBoundingClientRect().height);
            document.body.removeChild(math);
            document.fonts.delete(font_face);
        }
        return this._has_operator_symmetric;
    },
});