1 files changed, 95 insertions, 0 deletions
diff --git a/testing/web-platform/tests/mathml/presentation-markup/operators/embellished-operator-dynamic-001-ref.html b/testing/web-platform/tests/mathml/presentation-markup/operators/embellished-operator-dynamic-001-ref.html
new file mode 100644
index 0000000000..b37ce125a7
--- /dev/null
+++ b/testing/web-platform/tests/mathml/presentation-markup/operators/embellished-operator-dynamic-001-ref.html
@@ -0,0 +1,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>