1 files changed, 33 insertions, 0 deletions
diff --git a/testing/web-platform/tests/mathml/relations/css-styling/mathvariant-auto-selection.html b/testing/web-platform/tests/mathml/relations/css-styling/mathvariant-auto-selection.html
new file mode 100644
index 0000000000..f915c44e49
--- /dev/null
+++ b/testing/web-platform/tests/mathml/relations/css-styling/mathvariant-auto-selection.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8"/>
+    <title>text-transform math-auto</title>
+    <link rel="help" href="https://w3c.github.io/mathml-core/#new-text-transform-values">
+    <link rel="help" href="https://w3c.github.io/mathml-core/#italic-mappings">
+    <script src="/resources/testharness.js"></script>
+    <script src="/resources/testharnessreport.js"></script>
+    <script src="/css/css-text/text-transform/math/italic-mapping.js"></script>
+    <meta name="assert" content="Verify Selection.toString() on a single character <mi> within returns the transformed unicode character.">
+  </head>
+  <body>
+    <math><mi id="container"></mi></math>
+    <script>
+      add_completion_callback(() => {
+        container.remove();
+      });
+      for (let code_point in italic_mapping) {
+        test(() => {
+          container.textContent = String.fromCodePoint(code_point);
+          window
+            .getSelection()
+            .setBaseAndExtent(container.firstChild, 0, container.firstChild, 1);
+          assert_equals(
+            window.getSelection().toString(),
+            String.fromCodePoint(italic_mapping[code_point])
+          );
+        }, `Selection.toString() for <mi>${String.fromCodePoint(code_point)}</mi> returns the transformed character.`);
+      }
+    </script>
+  </body>
+</html>