summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/mathml/presentation-markup/operators/embellished-operator-dynamic-001-ref.html
blob: b37ce125a73c02095ff9bd808384b8c18a073627 (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
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Embellished operators - tree change and relayout (reference)</title>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
  math, math * {
      font: 25px/1 Ahem;
  }
  mn {
      color: black;
  }
  mo {
      color: blue;
  }
</style>
</head>
<body>
  <p>There should be the five 1em squares on the same line, with colors
    black, orange, blue, orange, black:</p>
  <math display="block">
    <mrow style="background: yellow">
      <mn>1</mn>
      <mrow style="background: orange">
        <mrow id="change_to_non_embellished_operator">
          <mrow>
            <mo lspace="1em" rspace="1em">X</mo>
          </mrow>
          <mn></mn>
        </mrow>
      </mrow>
      <mn>2</mn>
    </mrow>
  </math>

  <p>There should be the five 1em squares on the same line, with colors
    black, yellow, blue, yellow, black:</p>
  <math display="block">
    <mrow style="background: yellow">
      <mn>3</mn>
      <mrow style="background: orange">
        <mrow id="change_to_embellished_operator">
          <mrow>
            <mo lspace="1em" rspace="1em">X</mo>
          </mrow>
        </mrow>
      </mrow>
      <mn>4</mn>
    </mrow>
  </math>

  <p>There should be the five 1em squares on the same line, with colors
    black, orange, blue, orange, black:</p>
  <math display="block">
    <mrow style="background: yellow">
      <mn>5</mn>
      <mrow style="background: orange">
        <mrow>
          <mrow>
            <mo lspace="1em" rspace="1em">X</mo>
          </mrow>
        </mrow>
          <mrow id="change_to_not_space_like">
            <mspace></mspace>
            <mtext></mtext>
            <mn></mn>
          </mrow>
      </mrow>
      <mn>6</mn>
    </mrow>
  </math>

  <p>There should be the five 1em squares on the same line, with colors
    black, yellow, blue, yellow, black:</p>
  <math display="block">
    <mrow style="background: yellow">
      <mn>7</mn>
      <mrow style="background: orange">
        <mrow>
          <mrow>
            <mo lspace="1em" rspace="1em">X</mo>
          </mrow>
          <mrow id="change_to_space_like">
            <mspace></mspace>
            <mtext></mtext>
          </mrow>
        </mrow>
      </mrow>
      <mn>8</mn>
    </mrow>
  </math>

</body>
</html>