diff --git a/tests/wpt/metadata/FileAPI/url/url-with-fetch.any.js.ini b/tests/wpt/metadata/FileAPI/url/url-with-fetch.any.js.ini
index 3a3d15b84062..947e223fb28f 100644
--- a/tests/wpt/metadata/FileAPI/url/url-with-fetch.any.js.ini
+++ b/tests/wpt/metadata/FileAPI/url/url-with-fetch.any.js.ini
@@ -14,9 +14,6 @@
   [Revoke blob URL after creating Request, will fetch]
     expected: FAIL
 
-  [Revoke blob URL after calling fetch, fetch should succeed]
-    expected: FAIL
-
 
 [url-with-fetch.any.html]
   [Untitled]
@@ -37,6 +34,3 @@
   [Revoke blob URL after creating Request, will fetch]
     expected: FAIL
 
-  [Revoke blob URL after calling fetch, fetch should succeed]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/MANIFEST.json b/tests/wpt/metadata/MANIFEST.json
index 78dd40c3683a..86135321792b 100644
--- a/tests/wpt/metadata/MANIFEST.json
+++ b/tests/wpt/metadata/MANIFEST.json
@@ -13933,6 +13933,12 @@
      {}
     ]
    ],
+   "html/webappapis/user-prompts/print-manual.html": [
+    [
+     "html/webappapis/user-prompts/print-manual.html",
+     {}
+    ]
+   ],
    "input-events/input-events-cut-paste-manual.html": [
     [
      "input-events/input-events-cut-paste-manual.html",
@@ -19777,6 +19783,12 @@
      {}
     ]
    ],
+   "webauthn/idlharness-manual.https.window.js": [
+    [
+     "webauthn/idlharness-manual.https.window.js",
+     {}
+    ]
+   ],
    "webstorage/storage_local-manual.html": [
     [
      "webstorage/storage_local-manual.html",
@@ -106293,18 +106305,6 @@
      {}
     ]
    ],
-   "css/css-backgrounds/background-size-035.html": [
-    [
-     "css/css-backgrounds/background-size-035.html",
-     [
-      [
-       "/css/css-backgrounds/reference/background-size-ref.html",
-       "=="
-      ]
-     ],
-     {}
-    ]
-   ],
    "css/css-backgrounds/background-size-contain-001.html": [
     [
      "css/css-backgrounds/background-size-contain-001.html",
@@ -109977,6 +109977,18 @@
      {}
     ]
    ],
+   "css/css-break/fieldset.html": [
+    [
+     "css/css-break/fieldset.html",
+     [
+      [
+       "/css/reference/ref-filled-green-100px-square.xht",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-break/floats-and-text-narrow-and-short-dynamic.html": [
     [
      "css/css-break/floats-and-text-narrow-and-short-dynamic.html",
@@ -134635,6 +134647,18 @@
      {}
     ]
    ],
+   "css/css-position/position-absolute-fieldset.html": [
+    [
+     "css/css-position/position-absolute-fieldset.html",
+     [
+      [
+       "/css/reference/ref-filled-green-100px-square.xht",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-position/position-relative-table-tbody-left-absolute-child.html": [
     [
      "css/css-position/position-relative-table-tbody-left-absolute-child.html",
@@ -140435,6 +140459,18 @@
      {}
     ]
    ],
+   "css/css-sizing/auto-scrollbar-inside-stf-abspos.html": [
+    [
+     "css/css-sizing/auto-scrollbar-inside-stf-abspos.html",
+     [
+      [
+       "/css/css-sizing/auto-scrollbar-inside-stf-abspos-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-sizing/block-image-percentage-max-height-inside-inline.html": [
     [
      "css/css-sizing/block-image-percentage-max-height-inside-inline.html",
@@ -146631,6 +146667,234 @@
      {}
     ]
    ],
+   "css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-auto-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-auto-002.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-bold-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-initial-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-italic-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-looped-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-script-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-script-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-script-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html": [
+    [
+     "css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html",
+     [
+      [
+       "/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-text/text-transform/text-transform-capitalize-001.html": [
     [
      "css/css-text/text-transform/text-transform-capitalize-001.html",
@@ -148947,6 +149211,174 @@
      {}
     ]
    ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-001.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-001.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-002.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-002.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-003.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-003.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-004.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-004.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-005.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-005.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-006.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-006.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-007.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-007.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-008.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-008.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-009.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-009.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-010.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-010.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-011.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-011.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-012.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-012.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-013.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-013.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/css-text/white-space/pre-wrap-leading-spaces-014.html": [
+    [
+     "css/css-text/white-space/pre-wrap-leading-spaces-014.html",
+     [
+      [
+       "/css/css-text/white-space/reference/white-space-break-spaces-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-text/white-space/tab-stop-threshold-001.html": [
     [
      "css/css-text/white-space/tab-stop-threshold-001.html",
@@ -183325,6 +183757,42 @@
      {}
     ]
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html": [
+    [
+     "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html": [
+    [
+     "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html": [
+    [
+     "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html",
+     [
+      [
+       "/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-table-caption-001.html": [
     [
      "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-table-caption-001.html",
@@ -201905,6 +202373,18 @@
      {}
     ]
    ],
+   "mathml/relations/css-styling/mathvariant-auto.html": [
+    [
+     "mathml/relations/css-styling/mathvariant-auto.html",
+     [
+      [
+       "/mathml/relations/css-styling/mathvariant-auto-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "mathml/relations/css-styling/mathvariant-bold-fraktur.html": [
     [
      "mathml/relations/css-styling/mathvariant-bold-fraktur.html",
@@ -225334,6 +225814,9 @@
    "content-security-policy/reporting/report-only-in-meta.sub.html.sub.headers": [
     []
    ],
+   "content-security-policy/reporting/report-only-unsafe-eval.html.sub.headers": [
+    []
+   ],
    "content-security-policy/reporting/report-original-url.sub.html.sub.headers": [
     []
    ],
@@ -251011,6 +251494,9 @@
    "css/css-sizing/META.yml": [
     []
    ],
+   "css/css-sizing/auto-scrollbar-inside-stf-abspos-ref.html": [
+    []
+   ],
    "css/css-sizing/clone-intrinsic-size-ref.html": [
     []
    ],
@@ -252652,6 +253138,63 @@
    "css/css-text/text-justify/reference/text-justify-ref-001.html": [
     []
    ],
+   "css/css-text/text-transform/math/text-transform-math-auto-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-auto-002.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-initial-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-italic-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-looped-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-monospace-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-script-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-stretched-001.tentative-ref.html": [
+    []
+   ],
+   "css/css-text/text-transform/math/text-transform-math-tailed-001.tentative-ref.html": [
+    []
+   ],
    "css/css-text/text-transform/reference/text-transform-capitalize-001-ref.html": [
     []
    ],
@@ -258691,6 +259234,15 @@
    "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-002-ref.html": [
     []
    ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html": [
+    []
+   ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html": [
+    []
+   ],
+   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html": [
+    []
+   ],
    "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-table-caption-001-ref.html": [
     []
    ],
@@ -271405,6 +271957,9 @@
    "mathml/relations/css-styling/mathsize-attribute-ref.html": [
     []
    ],
+   "mathml/relations/css-styling/mathvariant-auto-ref.html": [
+    []
+   ],
    "mathml/relations/css-styling/mathvariant-bold-fraktur-ref.html": [
     []
    ],
@@ -272833,9 +273388,6 @@
    "pointerevents/resources/pointerevent_mouse_pointercapture-iframe.html": [
     []
    ],
-   "pointerevents/resources/pointerevent_mouse_pointercapture_inactivate_pointer-iframe.html": [
-    []
-   ],
    "pointerevents/resources/pointerevent_pointerId_scope-iframe.html": [
     []
    ],
@@ -273100,6 +273652,9 @@
    "presentation-api/receiving-ua/support/stash.py": [
     []
    ],
+   "printing/resources/destination.html": [
+    []
+   ],
    "priority-hints/META.yml": [
     []
    ],
@@ -285106,9 +285661,6 @@
    "webxr/META.yml": [
     []
    ],
-   "webxr/resources/test-constants.js": [
-    []
-   ],
    "webxr/resources/webxr_check.html": [
     []
    ],
@@ -304917,6 +305469,12 @@
      }
     ]
    ],
+   "content-security-policy/reporting/report-only-unsafe-eval.html": [
+    [
+     "content-security-policy/reporting/report-only-unsafe-eval.html",
+     {}
+    ]
+   ],
    "content-security-policy/reporting/report-original-url.sub.html": [
     [
      "content-security-policy/reporting/report-original-url.sub.html",
@@ -307053,6 +307611,18 @@
      {}
     ]
    ],
+   "css/CSS2/linebox/inline-negative-margin-001.html": [
+    [
+     "css/CSS2/linebox/inline-negative-margin-001.html",
+     {}
+    ]
+   ],
+   "css/CSS2/normal-flow/auto-margins-root-element.html": [
+    [
+     "css/CSS2/normal-flow/auto-margins-root-element.html",
+     {}
+    ]
+   ],
    "css/CSS2/normal-flow/containing-block-percent-margin-bottom.html": [
     [
      "css/CSS2/normal-flow/containing-block-percent-margin-bottom.html",
@@ -320465,6 +321035,12 @@
      {}
     ]
    ],
+   "css/css-ui/text-overflow-ellipsis-width-001.html": [
+    [
+     "css/css-ui/text-overflow-ellipsis-width-001.html",
+     {}
+    ]
+   ],
    "css/css-ui/webkit-appearance-parsing.html": [
     [
      "css/css-ui/webkit-appearance-parsing.html",
@@ -321895,6 +322471,12 @@
      {}
     ]
    ],
+   "css/cssom-view/scrollIntoView-direction-rtl.html": [
+    [
+     "css/cssom-view/scrollIntoView-direction-rtl.html",
+     {}
+    ]
+   ],
    "css/cssom-view/scrollIntoView-scrollMargin.html": [
     [
      "css/cssom-view/scrollIntoView-scrollMargin.html",
@@ -357333,6 +357915,12 @@
      }
     ]
    ],
+   "largest-contentful-paint/cross-origin-image.sub.html": [
+    [
+     "largest-contentful-paint/cross-origin-image.sub.html",
+     {}
+    ]
+   ],
    "largest-contentful-paint/observe-image.html": [
     [
      "largest-contentful-paint/observe-image.html",
@@ -357354,7 +357942,9 @@
    "layout-instability/observe-layout-shift.html": [
     [
      "layout-instability/observe-layout-shift.html",
-     {}
+     {
+      "testdriver": true
+     }
     ]
    ],
    "layout-instability/supported-layout-type.html": [
@@ -373161,14 +373751,6 @@
      }
     ]
    ],
-   "pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html": [
-    [
-     "pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html",
-     {
-      "testdriver": true
-     }
-    ]
-   ],
    "pointerevents/pointerevent_on_event_handlers.html": [
     [
      "pointerevents/pointerevent_on_event_handlers.html",
@@ -373687,6 +374269,12 @@
      {}
     ]
    ],
+   "portals/portal-non-http-navigation.html": [
+    [
+     "portals/portal-non-http-navigation.html",
+     {}
+    ]
+   ],
    "portals/portal-onload-event.html": [
     [
      "portals/portal-onload-event.html",
@@ -374006,6 +374594,12 @@
      {}
     ]
    ],
+   "printing/print-microtask-after-navigate.html": [
+    [
+     "printing/print-microtask-after-navigate.html",
+     {}
+    ]
+   ],
    "priority-hints/fetch-api-request.tentative.any.js": [
     [
      "priority-hints/fetch-api-request.tentative.any.html",
@@ -395094,6 +395688,12 @@
      {}
     ]
    ],
+   "trusted-types/block-eval.tentative.html": [
+    [
+     "trusted-types/block-eval.tentative.html",
+     {}
+    ]
+   ],
    "trusted-types/block-string-assignment-to-DOMParser-parseFromString.tentative.html": [
     [
      "trusted-types/block-string-assignment-to-DOMParser-parseFromString.tentative.html",
@@ -395178,6 +395778,12 @@
      {}
     ]
    ],
+   "trusted-types/eval-with-permissive-csp.tentative.html": [
+    [
+     "trusted-types/eval-with-permissive-csp.tentative.html",
+     {}
+    ]
+   ],
    "trusted-types/idlharness.window.js": [
     [
      "trusted-types/idlharness.window.html",
@@ -464174,6 +464780,14 @@
    "b56292b4703acaee09b6dfb7b0f1bb674b788207",
    "support"
   ],
+  "content-security-policy/reporting/report-only-unsafe-eval.html": [
+   "ebaf6941a898e88a96ec61e8742fd63375811c27",
+   "testharness"
+  ],
+  "content-security-policy/reporting/report-only-unsafe-eval.html.sub.headers": [
+   "549f3dbaa2e302777799d14c5ca1eb13a83493bf",
+   "support"
+  ],
   "content-security-policy/reporting/report-original-url.sub.html": [
    "45c1aeb2de86e64ec7de51bf0898c85f42d13320",
    "testharness"
@@ -483663,7 +484277,7 @@
    "support"
   ],
   "css/CSS2/css1/c412-blockw-000.xht": [
-   "b4711543b2b22f3b7c3149df31bfbac1ede30aa2",
+   "2fd1b32120f730033915d3c409206bdd77dc02c5",
    "reftest"
   ],
   "css/CSS2/css1/c412-hz-box-000-ref.xht": [
@@ -492286,6 +492900,10 @@
    "80b72e080b7114fb0f9467272e174a9c76f6bb33",
    "reftest"
   ],
+  "css/CSS2/linebox/inline-negative-margin-001.html": [
+   "e8a00ec09bd798d45f110de2ef231fff9c102905",
+   "testharness"
+  ],
   "css/CSS2/linebox/leading-001-ref.xht": [
    "2d6e784d2ed2f6b66e4be72d9b6d261d63bc98e7",
    "support"
@@ -498198,6 +498816,10 @@
    "bf2759634d45dbe3df13868341eddb7e4bf24172",
    "support"
   ],
+  "css/CSS2/normal-flow/auto-margins-root-element.html": [
+   "8d9aaf443a498ee450e5b4c649e11069952902f6",
+   "testharness"
+  ],
   "css/CSS2/normal-flow/block-formatting-context-height-001.xht": [
    "e275ff4f5125bf240956856c79d29cc24ba53cfe",
    "reftest"
@@ -529538,10 +530160,6 @@
    "0debc25b2bb1335b2619b2f592cf5c7135c27ca2",
    "reftest"
   ],
-  "css/css-backgrounds/background-size-035.html": [
-   "1e5052ac14347fcc665e36a346988db2bcbf2950",
-   "reftest"
-  ],
   "css/css-backgrounds/background-size-applies-to-block.htm": [
    "b1273ef334ec9a13a3f7e8fd138aab1fd4ba663a",
    "visual"
@@ -532618,6 +533236,10 @@
    "fb80ec45bceec093481fa54513c606c5952628b1",
    "testharness"
   ],
+  "css/css-break/fieldset.html": [
+   "fe76988293b8d1d9a6226b23bb9b40e86fcc007a",
+   "reftest"
+  ],
   "css/css-break/floats-and-text-narrow-and-short-dynamic-ref.html": [
    "51855d2d7a724d44f44c1585708851fd62242fbe",
    "support"
@@ -541695,11 +542317,11 @@
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-001.tentative.html": [
-   "8856b2b14a910c34b04586123098896834bbd83b",
+   "6a353a635b82d89fb6a933aad2d7554059aa3da2",
    "testharness"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-002.tentative.html": [
-   "b3f56fefad7a5f242b7daafc96ff6723f328c8e1",
+   "0abce02e72d3687023a232d7398cd014aa0633f7",
    "testharness"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-003.tentative-ref.html": [
@@ -541707,11 +542329,11 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-003.tentative.html": [
-   "501001243740a142ac8cad12a78b48caaa056be5",
+   "f5bf9982e27f0fde970761d0506eff7f5b6ec741",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-004.tentative.html": [
-   "6fe35c2719e4e460e0c88f261ba3f5185a5f062d",
+   "cb82472a0c0af76af8174eaea43e1ab3e6346fd9",
    "testharness"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-005.tentative-ref.html": [
@@ -541719,7 +542341,7 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-005.tentative.html": [
-   "7f289ffcd81daaf0fed81b4c02e7417ee75a7e18",
+   "34860d7a5c2734d08984ddd061520320aeaa46e1",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-001.tentative-ref.html": [
@@ -541727,7 +542349,7 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-001.tentative.html": [
-   "0765630fac3376b305504304c61aac1b1123663d",
+   "ad187b5dc254e672a66eedb2ae219ddf953156a6",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-002.tentative-ref.html": [
@@ -541735,7 +542357,7 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-002.tentative.html": [
-   "baff728800dad0002b663e85d26cfb8c6a2bb811",
+   "c111f2c38d5d0f5c614f125bde292c73727f754a",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-003.tentative-ref.html": [
@@ -541743,7 +542365,7 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-003.tentative.html": [
-   "827dbd41be42199c2d7ebc6e042e2d75b8dd9b50",
+   "4282481761207d8a947ddb8f462a9a2cd555ede8",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-004.tentative-ref.html": [
@@ -541751,7 +542373,7 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-004.tentative.html": [
-   "8917d68be11a55f373bd08918ae047b775f56b80",
+   "150d4285e9802beabe7b677c96465ba261633b1c",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-005.tentative-ref.html": [
@@ -541759,7 +542381,7 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-005.tentative.html": [
-   "90c09d50ffe3cbcf90218f612da077f87a9b8e34",
+   "718a564070d9b5c91023b1c3c054f6380527cbde",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-font-size-clamping-001.tentative-ref.html": [
@@ -541767,11 +542389,11 @@
    "support"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-script-level-font-size-clamping-001.tentative.html": [
-   "6a70cf33a8b16e57ddf2e8acb3d87e10ecfbe6e6",
+   "e25ee56c3e334d83158149528193fb7ee734df81",
    "reftest"
   ],
   "css/css-fonts/math-script-level-and-math-style/math-style-001.tentative.html": [
-   "6df35170255c62bf391ce77b9629802c8969fa9b",
+   "56cb1eca09d7741275df03ea217e2b31acb04371",
    "testharness"
   ],
   "css/css-fonts/quoted-generic-ignored-ref.html": [
@@ -556766,6 +557388,10 @@
    "35d5f65055d09b377e55a7d3e5dcaf8d3b609a39",
    "reftest"
   ],
+  "css/css-position/position-absolute-fieldset.html": [
+   "b212e627ae13dc32080936512a85d72367d3dad3",
+   "reftest"
+  ],
   "css/css-position/position-absolute-in-inline-001.html": [
    "204260ee6784c9e648ab9f1e86b113f0d7227e22",
    "testharness"
@@ -561950,6 +562576,14 @@
    "0dbbb2f9404da7cfa89f2e75af3ca06cfbe4be7e",
    "testharness"
   ],
+  "css/css-sizing/auto-scrollbar-inside-stf-abspos-ref.html": [
+   "076893b2728772662f06b9474bcc1918c860b480",
+   "support"
+  ],
+  "css/css-sizing/auto-scrollbar-inside-stf-abspos.html": [
+   "9479b2eb3f51aed98741beadff4a8407b3ae9f33",
+   "reftest"
+  ],
   "css/css-sizing/block-image-percentage-max-height-inside-inline.html": [
    "2f6ad684c1fb0be5498dc6a5b938da67adfe3ec7",
    "reftest"
@@ -568226,6 +568860,158 @@
    "afbc036cce43268a4764e3dea75190a0ed44be3c",
    "visual"
   ],
+  "css/css-text/text-transform/math/text-transform-math-auto-001.tentative-ref.html": [
+   "d41d618769e85a581ceada90e020d6fc979ad7d5",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html": [
+   "d47cbf8abdb0713385fda7ac8b706fde0efa0474",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-auto-002.tentative-ref.html": [
+   "1c1d6e2770b116a083b1b6a9f892737b9fe42804",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html": [
+   "86c1ea17c76b40a0a69ab1daf1ad563e810e4dcc",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-001.tentative-ref.html": [
+   "24b83003346051d35a7b769dc1bd95da14333269",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html": [
+   "613cee6dc2e74f45d3cd227eb5960c66b7b4fdab",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative-ref.html": [
+   "36339bdd46de28d5d788391990e788bb75fd1d89",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html": [
+   "a90f22bfbd280fabe2d12df7bf5bd2d7cbe0063f",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative-ref.html": [
+   "e4e70cf80361962930ab717021cf8b302a8a0f5e",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html": [
+   "2de6be10a70552dd61fdb3f5d2d17a3f81e7041e",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative-ref.html": [
+   "e83fa69f01ae6b2e715f87b5ce6208970527fc28",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html": [
+   "53c6314a82b35dcb5ed113a822b61f9210d115be",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative-ref.html": [
+   "1b5a74c9e82f6d995c8b558f70d8ae1840bc390c",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html": [
+   "7786fc4751469d4c3c476995b39609ccbbf15dfb",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative-ref.html": [
+   "09f137a6242c31070665859827199cd2ed6f1f64",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html": [
+   "bfca421f86912ae7163ab065ed065cfd63b68b68",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative-ref.html": [
+   "09ea7049898e228d4c22dbd25d0cea05613dd12c",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html": [
+   "16a7909164e72ea9f27f7b4c41d1ed76b9256f82",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-initial-001.tentative-ref.html": [
+   "0c15bca02e99cf8d705b2720fec0cde4b85b87f3",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html": [
+   "1de22315d0dfb4870d5ee218dfdc6312ca6cc8de",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-italic-001.tentative-ref.html": [
+   "e1a90faf3830652762652b763e4275a1b6033611",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html": [
+   "b98e353aed0f9c9eb18b00b12a4223542fc4c318",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-looped-001.tentative-ref.html": [
+   "89b52e2e81778d3a2ce350dc954a72cdb95b66da",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html": [
+   "e46fb3336cf50cc87120db6615b3359136f1be35",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-monospace-001.tentative-ref.html": [
+   "e254e1c0d21df41a573694c5688ae07b40c76299",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html": [
+   "6f6b44e4dde2390680e2952c5e85b0ecdafea68b",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative-ref.html": [
+   "8b75a6f8e1e0a9a6fb969e341e2c770015b7d1ce",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html": [
+   "b73b81d68ce4a7604301a527f6392c43ba8b49a8",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative-ref.html": [
+   "7f71dc40e35aa9fa6add1492c103939162ac1300",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html": [
+   "9a686d0ec77894f8551fb2690ff8c4506d8cf008",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative-ref.html": [
+   "f352596b6b953ee46f9886f300e56654e7bfddad",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html": [
+   "c312cf662f19c5b8933142c3765b8da9addb4333",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-script-001.tentative-ref.html": [
+   "6cbe296dfb72e50fc81d284aa88814a8ed03703f",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-script-001.tentative.html": [
+   "130d7a054a6c6da6488a72016e8d85c59fbbd54a",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-stretched-001.tentative-ref.html": [
+   "e4fa35e810cd10edb2b45e3158c9d0cda82edde1",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html": [
+   "de0af7282ab664073af8103fa13f56280b25caad",
+   "reftest"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-tailed-001.tentative-ref.html": [
+   "7a1c9b0056899926c4f1dc91508fc10b6f833fdf",
+   "support"
+  ],
+  "css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html": [
+   "24fa40bed2a69a7032ed8c83f5a5336ef7778e47",
+   "reftest"
+  ],
   "css/css-text/text-transform/reference/text-transform-capitalize-001-ref.html": [
    "855ec1e87a9434dbedf9248e492ab125ef6fac6c",
    "support"
@@ -569358,6 +570144,62 @@
    "af29b0505e0eefbab09b011798c0dd6136598cca",
    "reftest"
   ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-001.html": [
+   "6d17921e17c28664533f3e091de9a8075770b544",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-002.html": [
+   "082bce78c4ff56dd4b5af1c60a51c04a0df070c2",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-003.html": [
+   "2bdef018e72250cd8672ea89fe16cb26971bad7a",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-004.html": [
+   "ea409af2ab9da5c6a651f0c937bba5905bcd7b7e",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-005.html": [
+   "ccf613051ffa661fc2ba60c563b5fba3d2b09f7d",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-006.html": [
+   "cff928c2fd537b4f2db6ed282882c9a14f795452",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-007.html": [
+   "ca27b98c2f68940287fc61d4f24709af196ced10",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-008.html": [
+   "7331142c2ea0cf56441bd98504610b6ae3150f79",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-009.html": [
+   "e2786419c1a56466fc3850fd371bdac45203fdf3",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-010.html": [
+   "b1b14ea3afbabbce55996cdcc47a9995a4c5e418",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-011.html": [
+   "6167e9ce4538f64baa0a81cd498838be3c759664",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-012.html": [
+   "657cd89d89fbbee229ed481d71b73766ff76c0b0",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-013.html": [
+   "476f76398daaaa962f09ad5e67f949b529bf8802",
+   "reftest"
+  ],
+  "css/css-text/white-space/pre-wrap-leading-spaces-014.html": [
+   "ab2759fdc7b094fa9f4012b557abc27fb6bf8ffd",
+   "reftest"
+  ],
   "css/css-text/white-space/reference/control-chars-000-ref.html": [
    "9d5fcb27147a8c53e410d08511cb5035b612f80c",
    "support"
@@ -580346,6 +581188,10 @@
    "23291d433901497735235cdc24b76ebd756dc371",
    "testharness"
   ],
+  "css/css-ui/text-overflow-ellipsis-width-001.html": [
+   "2042111588254242c202527589507b40ef0c3538",
+   "testharness"
+  ],
   "css/css-ui/text-overflow-ref.html": [
    "b471cf1c3163d96d51eb9b92feda2a95eaf42baf",
    "support"
@@ -588698,6 +589544,10 @@
    "cc67ce76ed9d432656b37c9c81a20e86d1bafc8d",
    "testharness"
   ],
+  "css/cssom-view/scrollIntoView-direction-rtl.html": [
+   "fea92d1da5700ee0b1888941737cec9fbf9e98be",
+   "testharness"
+  ],
   "css/cssom-view/scrollIntoView-scrollMargin.html": [
    "930702aa8792506df50120feaca86d3f76bc1a02",
    "testharness"
@@ -588719,7 +589569,7 @@
    "testharness"
   ],
   "css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html": [
-   "4d67b4de3d4c754259213976aa8401bf13408a68",
+   "56bcf214517d5220d53939fc25316ab5d6fe3da6",
    "testharness"
   ],
   "css/cssom-view/scrollTop-display-change-ref.html": [
@@ -595090,6 +595940,30 @@
    "c9fcfbd2cdf8d105de2310f224f8d7c95f9c81f6",
    "reftest"
   ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html": [
+   "214ad1891ba6a3f8f31911fe51d2e27086ce3ff1",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html": [
+   "85428064ec33a8948f59db0ef2cfe91549999948",
+   "reftest"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html": [
+   "faf6228ea189df13cf9f0afbcdd5c709d9792952",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html": [
+   "818f4a3016862dc42d121bf4fe0322cfebf110f4",
+   "reftest"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html": [
+   "894631d24a0effecc9092671a7ec2dd17c008b95",
+   "support"
+  ],
+  "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html": [
+   "74379b8059198377d74489961e48738ae954c055",
+   "reftest"
+  ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-table-caption-001-ref.html": [
    "49b09334f2bf4ec2651dd13ec3484838336d50c9",
    "support"
@@ -595099,7 +595973,7 @@
    "reftest"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list": [
-   "7bb355283c803a9765e37be9e00bdb79e660ab35",
+   "3dde877e231363e1642e876a62141d45b24ce2d9",
    "support"
   ],
   "css/vendor-imports/mozilla/mozilla-central-reftests/counter-styles-3/dependent-builtin-ref.html": [
@@ -603415,7 +604289,7 @@
    "support"
   ],
   "docs/writing-tests/css-metadata.md": [
-   "7051c74508c271b7e19a748b48f91483c82b6ccd",
+   "e77681be4fac8c4ef7d9e8b634cf8caad514d144",
    "support"
   ],
   "docs/writing-tests/css-user-styles.md": [
@@ -603427,7 +604301,7 @@
    "support"
   ],
   "docs/writing-tests/general-guidelines.md": [
-   "51f3cb5a6640e22dd1329cf82e427b25cd01b91f",
+   "e4354e58596c52aeb3431204a8072356e3bf359d",
    "support"
   ],
   "docs/writing-tests/h2tests.md": [
@@ -603455,7 +604329,7 @@
    "support"
   ],
   "docs/writing-tests/reftests.md": [
-   "577b27d0db57cf0c6a6d49c89529611d507ca9f6",
+   "c28a5d56566bd99bc79bd76150ae731b3091b26e",
    "support"
   ],
   "docs/writing-tests/rendering.md": [
@@ -605939,7 +606813,7 @@
    "testharness"
   ],
   "element-timing/invisible-images.html": [
-   "eb53cd7c2a692c76bb8220062d33edd3c3a48eef",
+   "06d9bfd07a0f342dbacd00c23bc36b155335f531",
    "testharness"
   ],
   "element-timing/multiple-background-images.html": [
@@ -631698,6 +632572,10 @@
    "55cb5ce527ea69fa23e6aba675719bb6524d7411",
    "manual"
   ],
+  "html/webappapis/user-prompts/print-manual.html": [
+   "3afef1d4fef99b589d060ea6742331f454325be7",
+   "manual"
+  ],
   "idle-detection/META.yml": [
    "7e5836bc3701366fba535a67a0ffc4032776b104",
    "support"
@@ -632219,11 +633097,11 @@
    "testharness"
   ],
   "inert/inert-retargeting-iframe.tentative.html": [
-   "78d7f6b36a7af8181916c125a789e24dd2535ac1",
+   "c31cc88ccecce9212a0e7771c6cfe46479908d66",
    "testharness"
   ],
   "inert/inert-retargeting.tentative.html": [
-   "d239a7056f2ffa971eda8e185bb1ab594e29226d",
+   "6ef3b2a1b1b7ededf6072156bb85fc5b22d885fe",
    "testharness"
   ],
   "infrastructure/META.yml": [
@@ -633722,12 +634600,16 @@
    "bbdc7aee84437ebd0e029556dd1d1fcb9670dc5d",
    "testharness"
   ],
+  "largest-contentful-paint/cross-origin-image.sub.html": [
+   "3716f9319227c0f5bdfbcf17a21a718cf7dd72e8",
+   "testharness"
+  ],
   "largest-contentful-paint/observe-image.html": [
-   "43cdfab074d62827fca5e55b8b334b9fafb6507b",
+   "8adf2150afcc74082d173f06f6aa929c33a52b87",
    "testharness"
   ],
   "largest-contentful-paint/observe-text.html": [
-   "77ed06e2aa1fb99d1199b9e3b6e99620037ef959",
+   "a9a0d750d66712eaf72fca9897d84794ae44c35d",
    "testharness"
   ],
   "layout-instability/buffer-layout-shift.html": [
@@ -633735,7 +634617,7 @@
    "testharness"
   ],
   "layout-instability/observe-layout-shift.html": [
-   "db8d3ae406d42b16be4308e329c53b6f0d7f944c",
+   "25e4950f6a7d830097781923e80d82f130cf23a5",
    "testharness"
   ],
   "layout-instability/resources/slow-image.py": [
@@ -633799,7 +634681,7 @@
    "testharness"
   ],
   "lint.whitelist": [
-   "c344c3a834444db4be24db1d0132c85a4b14395c",
+   "02b1bb0c78f9765257a35aed076701e2f0aa757e",
    "support"
   ],
   "loading/preloader-css-import-no-quote.tentative.html": [
@@ -633971,7 +634853,7 @@
    "support"
   ],
   "mathml/presentation-markup/direction/direction-overall.html": [
-   "7f377e540f4388088a401fb6995947d488d3f76f",
+   "5351ca51688d51b2e399a296d52e1b23543a0c96",
    "reftest"
   ],
   "mathml/presentation-markup/direction/direction-token-ref.html": [
@@ -633979,15 +634861,15 @@
    "support"
   ],
   "mathml/presentation-markup/direction/direction-token.html": [
-   "a02793cc84ac61c814b6f884869ae8a920a2b748",
+   "1896f3fe394d6a31f6f6aaff79f6bfc3d647c462",
    "reftest"
   ],
   "mathml/presentation-markup/direction/direction.html": [
-   "05ea8b74fb5fcdeb994cfc6d80dc88d2cd8ccde4",
+   "11d0515d7194050701cb82a12e96237d800ef741",
    "testharness"
   ],
   "mathml/presentation-markup/fractions/frac-1.html": [
-   "6b9fb2844298cbc228f91a23c6439e0f67f4f20b",
+   "6be38d5439da9181ee53464abcf22863a9d176ce",
    "testharness"
   ],
   "mathml/presentation-markup/fractions/frac-bar-001-ref.html": [
@@ -633995,7 +634877,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-bar-001.html": [
-   "d6151f62190768776e1a85b4c9b9bc6a8c0a69a6",
+   "887ff174cc40c9b06303d22e08cef59e9b72f382",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-color-001-notref.html": [
@@ -634003,7 +634885,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-color-001.html": [
-   "d1a3e6eac41ff23190225954016b7b37a8e71880",
+   "d0674c6c88afb875b2bf199c0931005acf34eba8",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-color-002-ref.html": [
@@ -634011,7 +634893,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-color-002.html": [
-   "597acab652c4ad9b94ec5c612b4fda53c422309c",
+   "4b45c8e1cfb7b4bb775832c03e5e692c22f19f90",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-created-dynamically-2-ref.html": [
@@ -634019,7 +634901,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-created-dynamically-2.html": [
-   "a9707071a0624c7701cef46ff7e3746fb3feeb00",
+   "2aa9675bb1f170640088a1071687890ee715523a",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-created-dynamically-3-ref.html": [
@@ -634027,7 +634909,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-created-dynamically-3.html": [
-   "cec71163c392ebc6891339f8f1d80bad8c3f2596",
+   "c90119d8ef5f5282331c94ae1c57a9a3c8284f9d",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-created-dynamically-ref.html": [
@@ -634035,7 +634917,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-created-dynamically.html": [
-   "3224eb4eaf188c32d6152339d86a87aa03cfa62e",
+   "7a555f20ea370b918bca2c64d5381cbab625732b",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-001-ref.html": [
@@ -634043,7 +634925,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-001.html": [
-   "eca82878caec21ea50ed0d3562ac3449e54c7567",
+   "4d6bda2c1670d9e615c7c3ffbc3891b90a22ecd4",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-002-ref.html": [
@@ -634051,7 +634933,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-002.html": [
-   "fd45994646938e4d22765524382004f19ef021b7",
+   "ce122f710160a71ac4eb7c9c7436447b7a4dd504",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-003-notref.html": [
@@ -634059,7 +634941,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-003.html": [
-   "b23cce80be40dd53ff898a5bc7d2246ae3770322",
+   "c9fa0f381749174ea1ac3222462574cb6232d95c",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-004-ref.html": [
@@ -634067,7 +634949,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-linethickness-004.html": [
-   "ff96a3d753e226dcd2ecfa44808804f71ce02c45",
+   "d9689fcdc6813382d92ced5c5941181a47110b2c",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-mrow-001-ref.html": [
@@ -634075,7 +634957,7 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-mrow-001.html": [
-   "14476450008531dba09da4677b60ba65262dca0a",
+   "cb154c65edc38103a6ebc47b5fc9f1466655abb1",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-numalign-denomalign-001-ref.html": [
@@ -634083,15 +634965,15 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html": [
-   "d734f1d1f33922d5d29daa81d2ba7b1075415b23",
+   "59d663f6a4e455b2e66a1d22a6a141a7edc9a132",
    "reftest"
   ],
   "mathml/presentation-markup/fractions/frac-parameters-1.html": [
-   "59e335ae5a3df081e300705d6e5d020924af7bef",
+   "55404fa562c4dd304eb84702bee4578d02ae7925",
    "testharness"
   ],
   "mathml/presentation-markup/fractions/frac-parameters-2.html": [
-   "b1ee502ccdae6cf96d2f104d7daf1c2dbba390f7",
+   "63ab97760fc03161b9b3c63d09819463131864ad",
    "testharness"
   ],
   "mathml/presentation-markup/fractions/frac-parameters-gap-001-ref.html": [
@@ -634147,19 +635029,19 @@
    "support"
   ],
   "mathml/presentation-markup/fractions/frac-visibility-001.html": [
-   "8fbf5ac806e61e400214b2157180e8aac4fd2d31",
+   "65b95054db46339159fc6e0f8438144b02b19a09",
    "reftest"
   ],
   "mathml/presentation-markup/mrow/inferred-mrow-baseline.html": [
-   "0904d9f17ed2ed1e5af5134ea1ccfcb17674581b",
+   "672d90de93363331a418f33ecac8f2380bd5fb5f",
    "testharness"
   ],
   "mathml/presentation-markup/mrow/inferred-mrow-stretchy.html": [
-   "f75726c11d09d488e81041f4da79e30edc752895",
+   "75587d076c2790608133b7a81558a42dc2581cff",
    "testharness"
   ],
   "mathml/presentation-markup/operators/mo-axis-height-1.html": [
-   "c88484b9d59a7811f6cfde7065de4facbdf1f74a",
+   "63595b0278445db92e3e5bfe8b7cfb03fd9bdc6e",
    "testharness"
   ],
   "mathml/presentation-markup/operators/mo-form-dynamic-ref.html": [
@@ -634167,7 +635049,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-form-dynamic.html": [
-   "dcd1ec53c31efb2435415e372786e7a1fae15775",
+   "fff3bd9ff336f52b7abb5efdf4b1fb767518ace7",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-form-fallback-ref.html": [
@@ -634175,7 +635057,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-form-fallback.html": [
-   "aab62087b595a5f784c0b98e6a6cd0e419ac3a17",
+   "b517dd574688fa0ab50dff4a120507de4a9797bf",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-form-minus-plus-ref.html": [
@@ -634183,7 +635065,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-form-minus-plus.html": [
-   "8a4ac3d737315cca5c2ad19a95e60146bd633cf1",
+   "487bca25eaa61d6fb0a110124e962e48fe55dd20",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-form-ref.html": [
@@ -634191,7 +635073,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-form.html": [
-   "7c11c14691162b69c1a2e854734ae6ac37db10e2",
+   "4f651d1c9b7ce43dd9e159793b630aa3c44b69af",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-movablelimits-default-ref.html": [
@@ -634199,7 +635081,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-movablelimits-default.html": [
-   "cd01fe47682ff1be6a09551589875088476f22c4",
+   "a05bef47ee76914d190af18141c966a4c3e12ef7",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-movablelimits-dynamic-ref.html": [
@@ -634207,7 +635089,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-movablelimits-dynamic.html": [
-   "a92c6c01dc9da3aed4012843eb156b36f877d050",
+   "53cf76c0588ff2dd664b3fb9e622c7e30b5c6eb7",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-movablelimits-ref.html": [
@@ -634215,7 +635097,7 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-movablelimits.html": [
-   "0855594100b2b5cac13fb464108bf130288c0e32",
+   "9be866fabee972bfa1608e2c2e2e64c439c07eea",
    "reftest"
   ],
   "mathml/presentation-markup/operators/mo-paint-lspace-rspace-ref.html": [
@@ -634223,59 +635105,59 @@
    "support"
   ],
   "mathml/presentation-markup/operators/mo-paint-lspace-rspace.html": [
-   "879962c4776181b6bb505d1e0072b5f5e58b667e",
+   "8fb095b61240d93caa3289f68fe52c37069f14c9",
    "reftest"
   ],
   "mathml/presentation-markup/radicals/root-parameters-1.html": [
-   "51d4713d4ea1c429e018c6a0914b130bc6dc1cd5",
+   "5ad0b7315e02b9d893937a376b0545ff7bb0eada",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-1.html": [
-   "447aa66d4a30bc68f69fc17f91b08723229b14ff",
+   "01a6b0e1ed1fed2d069ac2b8b3e3716ffeee08b7",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-2.html": [
-   "9e2b6dbef79089fe4c37ddbf6cbbdc4e7a3f1d36",
+   "2fd6963b6a7906aaeabd17a16a53a9ebbe56116f",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-3.html": [
-   "742fa8cbce6463bcc2bb48bcdd98df488d1c086f",
+   "60df24a799027c0704be4622976ea8e2ae2a3d22",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-4.html": [
-   "fc70fef9b801f41a32913ba4362927bedb94d0ef",
+   "6886766097cecff350ddcf3ce81bb87e70b4ce28",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-5.html": [
-   "a67d68d5e031c1a8b31df877b213d255f002b935",
+   "2cc4e6d9554a1f6fde6c16e37fec2a39c441a0e8",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-parameters-1.html": [
-   "208a0a870d6e61e3c7530fc620e650e00ca740da",
+   "7503ad166af33745701ab379cf51fd5cda8ce7dc",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/subsup-parameters-2.html": [
-   "4a9db6618bcc1fa9fd459d9b0aa70f347bc62184",
+   "62aa7a9dc3be90a343dbcb4810e5cb479707be2e",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/underover-1.html": [
-   "45367e3541b285bcc6256193ab7cd544baf422f3",
+   "b17835528a0ed8d78d643ef9f24dd7822b62f559",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/underover-parameters-1.html": [
-   "cc09abb899ad629fb959aef9fc84f093ad0a6f76",
+   "d8a564a1159518195e889694aee8d0b167efec91",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/underover-parameters-2.html": [
-   "d6d9185cc961c0d6d7e52825563b30c622f015a2",
+   "c10f77ee2c807b8a24566574f6ff6377736ae514",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/underover-parameters-3.html": [
-   "23c7dfa744550ecf4032350fdf902f28863dac57",
+   "86562fd374bdb44983657954f5b554ae62db8984",
    "testharness"
   ],
   "mathml/presentation-markup/scripts/underover-parameters-4.html": [
-   "bfc3cafa913fb38dde5cecf83be0a4a710bfb763",
+   "f7fb389b59feb23276773a91b854fd6ab105fc15",
    "testharness"
   ],
   "mathml/presentation-markup/spaces/mspace-children-ref.html": [
@@ -634283,11 +635165,11 @@
    "support"
   ],
   "mathml/presentation-markup/spaces/mspace-children.html": [
-   "90d524ab418ed8c141da037eba9334c83fb5cced",
+   "8824c7967041dae2eb3d2943c79c4afff339ffb3",
    "reftest"
   ],
   "mathml/presentation-markup/spaces/space-1.html": [
-   "7bc5b8e5128d031c14d73b53939926a63265b3c9",
+   "53734deeee1126d83ee83fd4d5d8d37af4d6d6c9",
    "testharness"
   ],
   "mathml/presentation-markup/spaces/space-2-ref.html": [
@@ -634295,11 +635177,11 @@
    "support"
   ],
   "mathml/presentation-markup/spaces/space-2.html": [
-   "5b8351a1ed00d29e43d71e1f293fe63b1a0c2dc4",
+   "d7b38458998c7d4d96adf3f31ccaca9d9886469f",
    "reftest"
   ],
   "mathml/presentation-markup/tables/table-axis-height.html": [
-   "e723008b410342b087a0f066980f8520e55c4ccc",
+   "feb29077e8e34bcd3155f0661f4878bb93bdbf19",
    "testharness"
   ],
   "mathml/relations/css-styling/color-1-ref.html": [
@@ -634307,7 +635189,7 @@
    "support"
   ],
   "mathml/relations/css-styling/color-1.html": [
-   "8158cec6a86475d98042df02e8e89928516184d3",
+   "4d9d084a5a6b6414e01d4f4693237b4544e1ad48",
    "reftest"
   ],
   "mathml/relations/css-styling/display-1-ref.html": [
@@ -634315,11 +635197,11 @@
    "support"
   ],
   "mathml/relations/css-styling/display-1.html": [
-   "9ae6fe0b84f4d7b145b7fef0ed16168c3f4a74dd",
+   "38dd0bafdf84e5e20cfc904bc9b9f2a219a6b8ff",
    "reftest"
   ],
   "mathml/relations/css-styling/displaystyle-1.html": [
-   "ddb2173a2e01ff78b16bc9c86f4a0f2ad37935dc",
+   "c2ccb78dc9f49ed5dceb10a4a1f6eccf19ad3902",
    "testharness"
   ],
   "mathml/relations/css-styling/dynamic-dir-1-ref.html": [
@@ -634327,7 +635209,7 @@
    "support"
   ],
   "mathml/relations/css-styling/dynamic-dir-1.html": [
-   "c4c99d878c19305d02d0ed450e46da66802c0746",
+   "3667ece8c53ccdb4747794ff48dde79f5c405629",
    "reftest"
   ],
   "mathml/relations/css-styling/lengths-1-ref.html": [
@@ -634335,11 +635217,11 @@
    "support"
   ],
   "mathml/relations/css-styling/lengths-1.html": [
-   "30916d5a567a882eb9b0fb7c6a07b7c2e02416f2",
+   "9b0c27a26715dd2724360b841b3c581d0e967811",
    "reftest"
   ],
   "mathml/relations/css-styling/lengths-2.html": [
-   "aa38e9729de8569151b98307395ec8a2a5fe4b7f",
+   "73fd23bbfd91d0b5b274b546c53814eef66eb24a",
    "testharness"
   ],
   "mathml/relations/css-styling/mathsize-attribute-ref.html": [
@@ -634347,143 +635229,151 @@
    "support"
   ],
   "mathml/relations/css-styling/mathsize-attribute.html": [
-   "00d12e4839cb91e5294409af03d3ad3847eb4213",
+   "803f236a6a9dc241d978393c3305c9770ad4786d",
+   "reftest"
+  ],
+  "mathml/relations/css-styling/mathvariant-auto-ref.html": [
+   "f8eaf7a7751b68c7a0108420b4789cd6fba8a6b3",
+   "support"
+  ],
+  "mathml/relations/css-styling/mathvariant-auto.html": [
+   "3390fc0f733789ef09444e2e131c724ae4388c3a",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-bold-fraktur-ref.html": [
-   "b883b12b57dbc99c0049ba98c8d3574524c42505",
+   "44588948e7b85bae66a93de09bdff83be4acf4ce",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-bold-fraktur.html": [
-   "f4141810820518d0b1b3c2d832827dbaa77c6871",
+   "2bfb8b7d201b3d2cad7c9d7ca1471cfdd3e0e60d",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-bold-italic-ref.html": [
-   "1e71e89663698ea8e20a4ca20f1ab7879cf3ce60",
+   "c5eaa22e196c7e8858b0faeb6c35b0becade641d",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-bold-italic.html": [
-   "7b53e986d4f07796c8d44a8356081082ad238d96",
+   "5454b8623b93dacfb1ba80554688641da78817e1",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-bold-ref.html": [
-   "11cb2de250d689ca933f82939dad284e680aaf93",
+   "3a727872d6e285b1544764c2c0f46ce2d141a001",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-bold-sans-serif-ref.html": [
-   "a57fd18bf2229eb538bd5b14ea5d7986c50738a1",
+   "ec292b8e91493bde90049a2d2de7af6882d5f5d3",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-bold-sans-serif.html": [
-   "544db02f2eedc3229e57eac3016e3aa086061704",
+   "112c29216b2558c10953b5143778bf0c3bf67373",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-bold-script-ref.html": [
-   "4203861f707f76a6ed949847451ff09e97bb8ebd",
+   "ef11f7fb8fabd25dd94cdb84ae8791083a8a66fc",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-bold-script.html": [
-   "dc48fbeaaf54ba184e02f062f074443de0e4835b",
+   "47cf0160cef69eea82dfdd53daf428ef7315ff87",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-bold.html": [
-   "a51be7b23fd2bdbc9364a29a0766b53dea67dad2",
+   "a14fadfdf7e408e204472aee047a08e86efaf03e",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-double-struck-ref.html": [
-   "56db2591daed0f839645de0bfe0c24e22489ba39",
+   "686aa492e0f08ef340ae3de7c1856170743cfe72",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-double-struck.html": [
-   "3090fdc85c04d037f391c34dec615ce8827c222c",
+   "4650617f93ee61fb78c833f6a50edbf475cfd8f4",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-fraktur-ref.html": [
-   "5e0721cfcea5b61c267bb194c6bd1260d1388167",
+   "3d1dd50a7d4a3145bbc9d5b3b8507a06c7e21373",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-fraktur.html": [
-   "8bd15a558bf77d652237a6470cd64401f1787134",
+   "72f20b78c68e40428ddc2572edbdb973dc18f861",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-initial-ref.html": [
-   "722ce5f657da127eb9cbe31241a3728cbc11eaa7",
+   "597277aaec3c987280844e17fd4c497b8fce2436",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-initial.html": [
-   "58751bd1266971584260bc5d2c25935da4951672",
+   "4f35d3847b9bd649b54e21bb757a68e5c72b6754",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-italic-ref.html": [
-   "70643b3e61104ee6a6e79920d2c196e06233bab5",
+   "f503794efb1058fc5bdf904335e701931015e400",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-italic.html": [
-   "5bcbd322de85c885987457b128ad71bd7de72601",
+   "f30a2c7d84e7b555e876681c48d3d8cef96ca0c6",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-looped-ref.html": [
-   "49bafef99b8420cbf01213e520acad24186af2f2",
+   "12ccb490a1f33d5477eeefa35d99472b43c9a328",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-looped.html": [
-   "0326e86e8f4faf907b3698d319160242949bb0e5",
+   "a6732249a03dd797d7665e7564ca5f39b19f0d28",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-monospace-ref.html": [
-   "9b695a1a447b7368eae8d50d0a98b9dcc5502754",
+   "bfa672afe535b2c3f004987b9badd2c79bc01258",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-monospace.html": [
-   "8d9a5d3df27c1a8e85e00c6fee00ff3ddb8ef066",
+   "9e76b10e9dafe0298360acc3c687dd3387cf79ef",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-sans-serif-bold-italic-ref.html": [
-   "f8ef62bd6a2f466df8a97cf6760ff9dd903201fe",
+   "2b992affe5d780abe7fe909554f06786f399d515",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-sans-serif-bold-italic.html": [
-   "21401bc84ac95a40069b471f824b4e05e116d171",
+   "832fd15b7bd3b66ee86698bd7ff42757db4dd188",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-sans-serif-italic-ref.html": [
-   "b82cde87e294cb5fe62d0f7d667489ce9228e782",
+   "d7e23248c69bb203f47bd491e96a52865f4c63fc",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-sans-serif-italic.html": [
-   "2573872319148c1c0bdfb359858a5369c28cc176",
+   "77117986a384c5241c0dd891a5c9ff8a7449c854",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-sans-serif-ref.html": [
-   "35e4b6567d2512a3a9e676a0d233c3ead8714ca8",
+   "1087565b42d79985ee55b0a9334c6ec71a081812",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-sans-serif.html": [
-   "513e0351cc3f3e714d76adc0379fd4421ac90080",
+   "afceecf6cd38287d848e61ba315c060954a87d6d",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-script-ref.html": [
-   "725268a84e5ae12e7d75116ce518bd637de790a7",
+   "60ced85bc3a64735d4ce78fd6027ffd04451346c",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-script.html": [
-   "efd3f7e8ff6925a7941ea387f65faf63c5186f01",
+   "c7f93a8d6a051ff859c2f534dec33fad500905ab",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-stretched-ref.html": [
-   "1450e19edf0ac6b73583d2abb7a3d921cec754f6",
+   "8ad8f7b9bb6df8cdb8f9cb14308cc5df76cd5614",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-stretched.html": [
-   "20c5a39a83a75e1736bd4cdcb7baf81952667856",
+   "e2c828615a2864266c6f8b4771f70b6c1c91d5d9",
    "reftest"
   ],
   "mathml/relations/css-styling/mathvariant-tailed-ref.html": [
-   "b8e6160fea526756851c77aa637e01abbc25aded",
+   "5273a28e6bf54411603d9d437aecd5e1ffcfd93d",
    "support"
   ],
   "mathml/relations/css-styling/mathvariant-tailed.html": [
-   "c88d433ce5f43314c1f1249aa48d36ca0141b4a0",
+   "fa8bea41f470bbe83441bdea2693cd16b9b01320",
    "reftest"
   ],
   "mathml/relations/css-styling/visibility-1-ref.html": [
@@ -634491,7 +635381,7 @@
    "support"
   ],
   "mathml/relations/css-styling/visibility-1.html": [
-   "c84f97aeeb84d79b7937338445de720986f246ce",
+   "7083ef70fb3c8b5e90b7e590364b5c2c3502aefe",
    "reftest"
   ],
   "mathml/relations/html5-tree/class-1-ref.html": [
@@ -634499,11 +635389,11 @@
    "support"
   ],
   "mathml/relations/html5-tree/class-1.html": [
-   "ee4b4b50d3f4d630c80fea170008b73d5b4b9851",
+   "a1efbd218462b05f99d78d9c04090df1457e575a",
    "reftest"
   ],
   "mathml/relations/html5-tree/class-2.html": [
-   "4e1ae6b707405d900e309ac11792606a6a6f295e",
+   "8d6515af9f97279e6c0ab036409f7f5a31757e8a",
    "testharness"
   ],
   "mathml/relations/html5-tree/color-attributes-1-ref.html": [
@@ -634511,11 +635401,11 @@
    "support"
   ],
   "mathml/relations/html5-tree/color-attributes-1.html": [
-   "6f9f93721a2a9173c9efb156bcc875bd61123edb",
+   "585aebaf393d85187b644a97f6e7f28535fa9095",
    "reftest"
   ],
   "mathml/relations/html5-tree/display-1.html": [
-   "77038ee223c5a319f8536f01532530093dc69c18",
+   "3a180f5d42bcd3d260019edabc6ecf455b8dcf8f",
    "testharness"
   ],
   "mathml/relations/html5-tree/dynamic-1-ref.html": [
@@ -634523,7 +635413,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/dynamic-1.html": [
-   "48fdd25915598b63a849752260349b2bd2186720",
+   "b4d603a9aa6b59f243df113f79fc6bac89b1ec47",
    "reftest"
   ],
   "mathml/relations/html5-tree/href-click-1-ref.html": [
@@ -634531,7 +635421,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/href-click-1.html": [
-   "dd6b7990a3c1719ff66c8e93d9d98b3ea97bfdf0",
+   "bf902b5e8f6ef20cbb55a2655a7b734b715bc05b",
    "reftest"
   ],
   "mathml/relations/html5-tree/href-click-2-ref.html": [
@@ -634539,11 +635429,11 @@
    "support"
   ],
   "mathml/relations/html5-tree/href-click-2.html": [
-   "4c5253df1596d4acf6208579fea731b058ac1a58",
+   "c23d87c2358c296ad331fb981ff58b6bea6253e9",
    "reftest"
   ],
   "mathml/relations/html5-tree/href-click-3.html": [
-   "f2863febc1f14d4e1170b1ebcddb9bf30aedfd24",
+   "a8475ea3ff801dfdb6f4d6d5a7e049a6eafe7c00",
    "testharness"
   ],
   "mathml/relations/html5-tree/integration-point-1-ref.html": [
@@ -634551,7 +635441,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/integration-point-1.html": [
-   "3221a67503bc0cba619715c1fd25d1e2c2ce1081",
+   "4d10af86c72a7e2904ba92858456e6a7b6d3aaae",
    "reftest"
   ],
   "mathml/relations/html5-tree/integration-point-2-ref.html": [
@@ -634559,7 +635449,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/integration-point-2.html": [
-   "d42eeb03ed21d133decebb8ee287c23ac08d9699",
+   "20d499d3f89f673a00ad22a53f8e9a116a2e6843",
    "reftest"
   ],
   "mathml/relations/html5-tree/integration-point-3-ref.html": [
@@ -634567,7 +635457,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/integration-point-3.html": [
-   "1feb8317ff12252bc131dd7368c8162b79a0d803",
+   "1f62d8e630a1361ca65c5c76679f4e61bb2688dc",
    "reftest"
   ],
   "mathml/relations/html5-tree/required-extensions-2-ref.html": [
@@ -634575,7 +635465,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/required-extensions-2.html": [
-   "1d7af04d9edcb76cd870e63145d3d7096bd59c09",
+   "e1d7a853704ce5f9edf2f2d6d6a414be51fe4e4b",
    "reftest"
   ],
   "mathml/relations/html5-tree/unique-identifier-1-iframe-1.html": [
@@ -634591,11 +635481,11 @@
    "support"
   ],
   "mathml/relations/html5-tree/unique-identifier-1.html": [
-   "42a547ac218f1d8590fd48a0d6331ef3b1c2c86d",
+   "e2315f149936fc5f23622533db63727b630c4e2f",
    "reftest"
   ],
   "mathml/relations/html5-tree/unique-identifier-2.html": [
-   "421ad7a86d03861084a98ea00b17e7b77e1365f5",
+   "2c3190c51e25769a2e83ea1812c3112c962d7ab4",
    "testharness"
   ],
   "mathml/relations/html5-tree/unique-identifier-3-ref.html": [
@@ -634603,7 +635493,7 @@
    "support"
   ],
   "mathml/relations/html5-tree/unique-identifier-3.html": [
-   "c58e5026cfad049bef38d825df256cc0111c7b8c",
+   "7cfac89e85b4cc0b39c2711756c0ce01194542df",
    "reftest"
   ],
   "mathml/relations/text-and-math/use-typo-metrics-1-ref.html": [
@@ -634611,7 +635501,7 @@
    "support"
   ],
   "mathml/relations/text-and-math/use-typo-metrics-1.html": [
-   "3797aef5fc0fa316cd8268accd8501be88cd6c44",
+   "4e92a846461b65d150cef9a9444de27abf40a26d",
    "reftest"
   ],
   "mathml/tools/axisheight.py": [
@@ -634635,7 +635525,7 @@
    "support"
   ],
   "mathml/tools/mathvariant-transforms.py": [
-   "ba99b595f0aa6338ba7a752801c4a32dbbefc9ef",
+   "cb863398f6ec753a3286e62c80f2c9e01adcc7e8",
    "support"
   ],
   "mathml/tools/percentscaledown.py": [
@@ -646414,10 +647304,6 @@
    "83b4c1becc48339f74948fd01bdf15dfd27f96c1",
    "testharness"
   ],
-  "pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html": [
-   "524d19eecebfce60e4fb1e4a74c2c1d20e0ba770",
-   "testharness"
-  ],
   "pointerevents/pointerevent_multiple_primary_pointers_boundary_events-manual.html": [
    "eb758c70738760d217656244733755da3ee5f238",
    "manual"
@@ -646690,10 +647576,6 @@
    "817c6123cf96b0e966c04a48414725d794549c77",
    "support"
   ],
-  "pointerevents/resources/pointerevent_mouse_pointercapture_inactivate_pointer-iframe.html": [
-   "d4b4af1fba1d0090ee87038af5fd686495d4cb38",
-   "support"
-  ],
   "pointerevents/resources/pointerevent_pointerId_scope-iframe.html": [
    "ab33560b35216ea0976d1c037650122d9336ae39",
    "support"
@@ -646794,6 +647676,10 @@
    "780e8b58af98cc910e3739e3a9a2e5567d5613d0",
    "testharness"
   ],
+  "portals/portal-non-http-navigation.html": [
+   "3b79df3c230e1128574d4a6eb81d407cd9303e2c",
+   "testharness"
+  ],
   "portals/portal-onload-event.html": [
    "c9f07fcc889043cd523206728f7daaaefa653409",
    "testharness"
@@ -647426,6 +648312,14 @@
    "5bddc7160f279363cd9ff3368e9420447a773564",
    "support"
   ],
+  "printing/print-microtask-after-navigate.html": [
+   "b3f7f769daf243169e76871adda57a70d49d21a4",
+   "testharness"
+  ],
+  "printing/resources/destination.html": [
+   "00e89594b253bd45f21d15752d565d4d62b600b9",
+   "support"
+  ],
   "priority-hints/META.yml": [
    "487b4013a02209cf35be8c9d5099c4d7842ba915",
    "support"
@@ -656563,7 +657457,7 @@
    "testharness"
   ],
   "resize-observer/observe.html": [
-   "ab7521cf72b697bb334977c6ab83cff8957844f4",
+   "7360264e6baff7b468c09ebf71e39c1936c2597c",
    "testharness"
   ],
   "resize-observer/resources/iframe.html": [
@@ -657247,7 +658141,7 @@
    "support"
   ],
   "resources/chromium/webxr-test.js": [
-   "5ed96b8fc93fa21dd5631e27ccec0544828d1c3b",
+   "e584ea37cb37edb7af3ed019e91b0a71b2648a44",
    "support"
   ],
   "resources/chromium/webxr-test.js.headers": [
@@ -657331,7 +658225,7 @@
    "support"
   ],
   "resources/test/tests/functional/api-tests-1.html": [
-   "1c108c5a638bb01f8ed8e6d4b72f1557dda8645d",
+   "02009f856f6a33bf10d9804541efba5350178431",
    "support"
   ],
   "resources/test/tests/functional/api-tests-2.html": [
@@ -657611,7 +658505,7 @@
    "support"
   ],
   "resources/testharness.js": [
-   "bffdf022b33255de0353210f3346926d05811e31",
+   "21d5fcc9417f3324617516402afeb45878acd9cf",
    "support"
   ],
   "resources/testharness.js.headers": [
@@ -662503,7 +663397,7 @@
    "testharness"
   ],
   "sms/sms_provider.js": [
-   "eaa31ebea3113db8ecac51d6d0dec08d2d234444",
+   "e0689bbd82c6ae668030c167ea17da39e20e6367",
    "support"
   ],
   "sms/sms_receiver.idl": [
@@ -673334,6 +674228,10 @@
    "6ae52639d1dc0d5b303cb4cdb6fb727481234be9",
    "testharness"
   ],
+  "trusted-types/block-eval.tentative.html": [
+   "e1a6a69accd1fa8ddaddd1c49970755a275bd8eb",
+   "testharness"
+  ],
   "trusted-types/block-string-assignment-to-DOMParser-parseFromString.tentative.html": [
    "4446a58836695355efd0fbf3f9f5a0bd6c60c8a3",
    "testharness"
@@ -673390,6 +674288,10 @@
    "a6aa061f7307330e027c3e8b26e6b931cee2bb7c",
    "testharness"
   ],
+  "trusted-types/eval-with-permissive-csp.tentative.html": [
+   "68d119a520121f2c5a3f88028abcf657799b9123",
+   "testharness"
+  ],
   "trusted-types/idlharness.window.js": [
    "de13697764ed487060de3dd425cd39cba73ff13b",
    "testharness"
@@ -676167,7 +677069,7 @@
    "testharness"
   ],
   "web-nfc/NFCWriter_push.https.html": [
-   "f5bbfcd6194d02330ac25fddb09d89bfd0e54b57",
+   "5a14b4090afe7b7850a36129eb3f882ac1886267",
    "testharness"
   ],
   "web-nfc/NFCWriter_push_signal-manual.https.html": [
@@ -677402,8 +678304,12 @@
    "73474b5ecbfd5b5f2f83d8e4b3ad7f317f75a5bd",
    "support"
   ],
+  "webauthn/idlharness-manual.https.window.js": [
+   "884702753d84ba92f85204f24227d2ed7b44cce7",
+   "manual"
+  ],
   "webauthn/idlharness.https.window.js": [
-   "fa5e812eeee1632488e0ad77d8d97c0e115ae021",
+   "ff0efcb656a740e9fdee2a3cc8dbfddda9b2a563",
    "testharness"
   ],
   "webauthn/securecontext.http.html": [
@@ -683922,10 +684828,6 @@
    "3e54e367787cb95dada398790fe23b10174df29f",
    "testharness"
   ],
-  "webxr/resources/test-constants.js": [
-   "aab0417aed0b08e930347ff666cd672d271b8e00",
-   "support"
-  ],
   "webxr/resources/webxr_check.html": [
    "2d8e5b387dc88588921ccfa49dd14db58009900c",
    "support"
@@ -683939,11 +684841,11 @@
    "support"
   ],
   "webxr/resources/webxr_test_constants.js": [
-   "c38c012ba8462589c33fcdecab49299125c85ec5",
+   "a846f1da75fe4707623a123f5e9e1bfe2952fd8a",
    "support"
   ],
   "webxr/resources/webxr_util.js": [
-   "860d363f2c96bbf108e38659b5b6afc90957817e",
+   "54a91c85c86a311b382c293c3e53fa92c0182b81",
    "support"
   ],
   "webxr/resources/xr-test-asserts.js": [
@@ -683951,11 +684853,11 @@
    "support"
   ],
   "webxr/webGLCanvasContext_create_xrcompatible.https.html": [
-   "8b2f196fa76ecc102319bf9409cba143d0d35e13",
+   "b83b9601aed1930b5687154b9f5a1b6877bb988a",
    "testharness"
   ],
   "webxr/webGLCanvasContext_makecompatible_contextlost.https.html": [
-   "3102008c57db1e32a0910eabfc93c55809b8300c",
+   "0e3dbfc97f98fd58d8a399c164db4d75a4435b0e",
    "testharness"
   ],
   "webxr/webxr-supported-by-feature-policy.html": [
@@ -683967,107 +684869,107 @@
    "testharness"
   ],
   "webxr/xrDevice_requestSession_immersive.https.html": [
-   "50a9d344541c8ce3b6bca11d1d5b30a52a835227",
+   "a397d1a89f6e0d3ac7784a39ac8612350aa69dcd",
    "testharness"
   ],
   "webxr/xrDevice_requestSession_immersive_no_gesture.https.html": [
-   "eb5a4fda0bdfc6e69cc9fbafa276d2ac85a2a16e",
+   "10e15b63244da8625e16181687fdab897418ab4d",
    "testharness"
   ],
   "webxr/xrDevice_requestSession_immersive_unsupported.https.html": [
-   "2592f3a4a0d4b96b81ca2d3b0e2c43c06343c9aa",
+   "6c0e6284a420eac8860c648045d26b74a45a1052",
    "testharness"
   ],
   "webxr/xrDevice_requestSession_no_mode.https.html": [
-   "c4ac3f6b6d77e9aab391069eb8895a28cb1c904a",
+   "de77b38c868e3b5dad88b8eface770b16b5f16c1",
    "testharness"
   ],
   "webxr/xrDevice_requestSession_non_immersive_no_gesture.https.html": [
-   "40e6f4928b3f63c9c6e4bd71d40022e86dbf4bec",
+   "59950592558513f2530aaedaa86f89c955166863",
    "testharness"
   ],
   "webxr/xrDevice_supportsSession_immersive.https.html": [
-   "53dd41e3d27d1be2d2d31c6fd88d26676f10db0a",
+   "fd0827a526ef01299eeccd94f93f131e4014cd7b",
    "testharness"
   ],
   "webxr/xrDevice_supportsSession_immersive_unsupported.https.html": [
-   "0fb44a895d1f790b4b0c4c9b2f236cb7a4169824",
+   "1d63a2b1c3a254d999473bc507453095c4243a08",
    "testharness"
   ],
   "webxr/xrDevice_supportsSession_non_immersive.https.html": [
-   "d5191400c449808b9b21f3687742c4dfa487dffc",
+   "b376495d765106fcb1435c3e60c0fa6e167d9c71",
    "testharness"
   ],
   "webxr/xrFrame_getPose.https.html": [
-   "243fb8cd66617667f8d2dae5742112e3fc476dec",
+   "50e8abf145b98730f4859c5ccd2ded4eb38d57ba",
    "testharness"
   ],
   "webxr/xrFrame_lifetime.https.html": [
-   "27ef02de337451551d4e028bc7e6f5de524d8aeb",
+   "c7af792c7bb45155c1a24e177ed3be05875872d6",
    "testharness"
   ],
   "webxr/xrRay_constructor.https.html": [
-   "ebf88845b0cdd86ff44443f17e2540aa01b6c13c",
+   "b955db4509c2f60facee570e6011a1441297e3dd",
    "testharness"
   ],
   "webxr/xrRay_matrix.https.html": [
-   "85d7bffb87b731f6a863ec752ede5ceac3bfca16",
+   "83a1050d6b169d28ad6b9d4417f06895e53bcfc6",
    "testharness"
   ],
   "webxr/xrRigidTransform_constructor.https.html": [
-   "15666973473abbf722fdd3bc8e90d679a36b8732",
+   "6a54fff808d93ac4423364b9c8b9d528a7e520c0",
    "testharness"
   ],
   "webxr/xrRigidTransform_inverse.https.html": [
-   "706f72102ad3e7e6d9daaf30e6a98c888fbdbcba",
+   "a314f6b55a21b03abe5fb4ae0b32bc5c458e09f6",
    "testharness"
   ],
   "webxr/xrRigidTransform_matrix.https.html": [
-   "21236c732461de4422dcab7a3709cdc7ffc0f3a6",
+   "df804193ffe9eb87dbb16383cb333a5fe0a06546",
    "testharness"
   ],
   "webxr/xrSession_cancelAnimationFrame.https.html": [
-   "d45349ad24464ef424e411cae0d059fbbb33d570",
+   "6a294f21f06d98483d9278d08e50124d84779aad",
    "testharness"
   ],
   "webxr/xrSession_cancelAnimationFrame_invalidhandle.https.html": [
-   "b93f4e27909efa888793a85f4529d8da7bf0546c",
+   "51a639b956c8f64c3f219df4fbde2e99160e9959",
    "testharness"
   ],
   "webxr/xrSession_end.https.html": [
-   "26b6b47d2bfeea35249bd36ca49fda1d5b2ec1f8",
+   "b91a5b977cab3d2fbb5c4989246f45b0c9b2024b",
    "testharness"
   ],
   "webxr/xrSession_prevent_multiple_exclusive.https.html": [
-   "e61bd392718ae3b0f8ac8de0fa81604f2d32dcce",
+   "cd140703784961911586f8b63cebd52b356facd5",
    "testharness"
   ],
   "webxr/xrSession_requestAnimationFrame_callback_calls.https.html": [
-   "2ed468bc3a5a44c1653de6bdb3716d8de4078167",
+   "98231c8e9e70ea73a0b63785bb108362512f36e4",
    "testharness"
   ],
   "webxr/xrSession_requestAnimationFrame_data_valid.https.html": [
-   "c5108e4eccf9f553fb4ee2990c6cd6ad471d16c7",
+   "760ff3dd657f9c56d01f6d952879bb20dd9a0e46",
    "testharness"
   ],
   "webxr/xrSession_requestAnimationFrame_getViewerPose.https.html": [
-   "95d9e78105948fc496af2ecec1dc015ff25fc134",
+   "f8587796a229ec7f0aa5ab4fcde573737c2e7eca",
    "testharness"
   ],
   "webxr/xrSession_requestReferenceSpace.https.html": [
-   "2fbf9b977ca153acf7028bd73844b7eb10c20b72",
+   "c90d6ce5a545563664ed34d946db2bca48edca40",
    "testharness"
   ],
   "webxr/xrSession_viewer_referenceSpace.https.html": [
-   "85e5e87f8266f2701c96dc643e8890942ef013bd",
+   "fd6082bc3468f094953152d220fceafa083baf76",
    "testharness"
   ],
   "webxr/xrView_eyes.https.html": [
-   "8090bcebadb39902189c716b8434de949e9c5ae9",
+   "4ff22ff618d96d53c7a9e8cc573608bb0ea7919e",
    "testharness"
   ],
   "webxr/xrWebGLLayer_viewports.https.html": [
-   "f789e473354890e39bc0ffa5abc410daea7615cf",
+   "247e3b779d6105f4a9e57fd39c5dcf06ca737950",
    "testharness"
   ],
   "workers/META.yml": [
diff --git a/tests/wpt/metadata/css/CSS2/linebox/inline-negative-margin-001.html.ini b/tests/wpt/metadata/css/CSS2/linebox/inline-negative-margin-001.html.ini
new file mode 100644
index 000000000000..033d24e93cc5
--- /dev/null
+++ b/tests/wpt/metadata/css/CSS2/linebox/inline-negative-margin-001.html.ini
@@ -0,0 +1,4 @@
+[inline-negative-margin-001.html]
+  [#container 1]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/CSS2/normal-flow/auto-margins-root-element.html.ini b/tests/wpt/metadata/css/CSS2/normal-flow/auto-margins-root-element.html.ini
new file mode 100644
index 000000000000..df82a7feae27
--- /dev/null
+++ b/tests/wpt/metadata/css/CSS2/normal-flow/auto-margins-root-element.html.ini
@@ -0,0 +1,4 @@
+[auto-margins-root-element.html]
+  [Root element auto margins resolve]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html.ini
new file mode 100644
index 000000000000..b1e19a6aca42
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-auto-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html.ini
new file mode 100644
index 000000000000..2e8bea5188ac
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-auto-002.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html.ini
new file mode 100644
index 000000000000..9b69ed9fc1a5
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-bold-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html.ini
new file mode 100644
index 000000000000..ae16ce3e154a
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-bold-fraktur-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html.ini
new file mode 100644
index 000000000000..7424f5032bfe
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-bold-italic-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html.ini
new file mode 100644
index 000000000000..e1bba62b879d
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-bold-sans-serif-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html.ini
new file mode 100644
index 000000000000..56a28ee4cee7
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-bold-script-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html.ini
new file mode 100644
index 000000000000..f73391dd5da2
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-double-struck-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html.ini
new file mode 100644
index 000000000000..f6b353ee28de
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-fraktur-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html.ini
new file mode 100644
index 000000000000..7e663c0dad3b
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-initial-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html.ini
new file mode 100644
index 000000000000..d8389c270e01
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-italic-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html.ini
new file mode 100644
index 000000000000..5a8165d46159
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-looped-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html.ini
new file mode 100644
index 000000000000..18f0027d1cbf
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-monospace-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html.ini
new file mode 100644
index 000000000000..b1f8403982bf
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-sans-serif-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html.ini
new file mode 100644
index 000000000000..18147ddbc0b7
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-sans-serif-bold-italic-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html.ini
new file mode 100644
index 000000000000..8abd0c6fe122
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-sans-serif-italic-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-script-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-script-001.tentative.html.ini
new file mode 100644
index 000000000000..ca266818ba18
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-script-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-script-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html.ini
new file mode 100644
index 000000000000..1fa080be581c
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-stretched-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html.ini b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html.ini
new file mode 100644
index 000000000000..76cfaa95a265
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html.ini
@@ -0,0 +1,2 @@
+[text-transform-math-tailed-001.tentative.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-004.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-004.html.ini
new file mode 100644
index 000000000000..62ec0b19b4c4
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-004.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-004.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-005.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-005.html.ini
new file mode 100644
index 000000000000..70951d71c060
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-005.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-005.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-006.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-006.html.ini
new file mode 100644
index 000000000000..92a368aac84e
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-006.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-006.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-007.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-007.html.ini
new file mode 100644
index 000000000000..60d9bc3af591
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-007.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-007.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-008.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-008.html.ini
new file mode 100644
index 000000000000..5cd144870199
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-008.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-008.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-009.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-009.html.ini
new file mode 100644
index 000000000000..1adcebcf5353
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-009.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-009.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-010.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-010.html.ini
new file mode 100644
index 000000000000..c2934bcba3a5
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-010.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-010.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-011.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-011.html.ini
new file mode 100644
index 000000000000..ea88321d2484
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-011.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-011.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-013.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-013.html.ini
new file mode 100644
index 000000000000..6ad9a12a91ad
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-013.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-013.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-014.html.ini b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-014.html.ini
new file mode 100644
index 000000000000..5fafae91ec21
--- /dev/null
+++ b/tests/wpt/metadata/css/css-text/white-space/pre-wrap-leading-spaces-014.html.ini
@@ -0,0 +1,2 @@
+[pre-wrap-leading-spaces-014.html]
+  expected: FAIL
diff --git a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
index 5379c874c882..5d20389c8e9f 100644
--- a/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
+++ b/tests/wpt/metadata/css/css-transitions/properties-value-inherit-001.html.ini
@@ -56,15 +56,3 @@
   [background-position length(px) / events]
     expected: FAIL
 
-  [font-size percentage(%) / events]
-    expected: FAIL
-
-  [font-size length(em) / values]
-    expected: FAIL
-
-  [font-size percentage(%) / values]
-    expected: FAIL
-
-  [font-size length(em) / events]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/css/css-ui/text-overflow-ellipsis-width-001.html.ini b/tests/wpt/metadata/css/css-ui/text-overflow-ellipsis-width-001.html.ini
new file mode 100644
index 000000000000..64f9cfb890d8
--- /dev/null
+++ b/tests/wpt/metadata/css/css-ui/text-overflow-ellipsis-width-001.html.ini
@@ -0,0 +1,4 @@
+[text-overflow-ellipsis-width-001.html]
+  [Ellipsizing should not affect `offsetWidth` of inline boxes.]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/cssom-view/scroll-behavior-smooth.html.ini b/tests/wpt/metadata/css/cssom-view/scroll-behavior-smooth.html.ini
index e1a609649d69..ee754ce4aa35 100644
--- a/tests/wpt/metadata/css/cssom-view/scroll-behavior-smooth.html.ini
+++ b/tests/wpt/metadata/css/cssom-view/scroll-behavior-smooth.html.ini
@@ -3,3 +3,9 @@
   [scroll-behavior: smooth on DIV element]
     expected: FAIL
 
+  [Smooth scrolling while doing history navigation.]
+    expected: FAIL
+
+  [Instant scrolling while doing history navigation.]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/css/cssom-view/scrollIntoView-direction-rtl.html.ini b/tests/wpt/metadata/css/cssom-view/scrollIntoView-direction-rtl.html.ini
new file mode 100644
index 000000000000..bb9a2a6e0858
--- /dev/null
+++ b/tests/wpt/metadata/css/cssom-view/scrollIntoView-direction-rtl.html.ini
@@ -0,0 +1,10 @@
+[scrollIntoView-direction-rtl.html]
+  [scrollIntoView({inline: "end"}), direction: rtl]
+    expected: FAIL
+
+  [scrollIntoView({inline: "start"}), direction: rtl]
+    expected: FAIL
+
+  [scrollIntoView({inline: "center"}), direction: rtl]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/encoding/single-byte-decoder.html.ini b/tests/wpt/metadata/encoding/single-byte-decoder.html.ini
index 939a36eb9d98..3d135f3bd664 100644
--- a/tests/wpt/metadata/encoding/single-byte-decoder.html.ini
+++ b/tests/wpt/metadata/encoding/single-byte-decoder.html.ini
@@ -2,6 +2,7 @@
   type: testharness
 
 [single-byte-decoder.html?document]
+  expected: TIMEOUT
   [ISO-8859-4: iso_8859-4:1988 (document.characterSet and document.inputEncoding)]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/fetch/content-type/response.window.js.ini b/tests/wpt/metadata/fetch/content-type/response.window.js.ini
index 93fd631970b5..fc964dd4c81c 100644
--- a/tests/wpt/metadata/fetch/content-type/response.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-type/response.window.js.ini
@@ -318,6 +318,15 @@
   [<iframe>: separate response Content-Type: text/html */*]
     expected: FAIL
 
-  [<iframe>: separate response Content-Type: text/plain */*]
+  [<iframe>: combined response Content-Type: text/html;" text/plain]
+    expected: FAIL
+
+  [<iframe>: separate response Content-Type: text/html */*;charset=gbk]
+    expected: FAIL
+
+  [<iframe>: separate response Content-Type: text/html;x=" text/plain]
+    expected: FAIL
+
+  [<iframe>: combined response Content-Type: text/html;" \\" text/plain]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/fetch/content-type/script.window.js.ini b/tests/wpt/metadata/fetch/content-type/script.window.js.ini
index 5c0015928591..c7413d589dc1 100644
--- a/tests/wpt/metadata/fetch/content-type/script.window.js.ini
+++ b/tests/wpt/metadata/fetch/content-type/script.window.js.ini
@@ -59,3 +59,6 @@
   [separate text/javascript;charset=windows-1252 error text/javascript]
     expected: FAIL
 
+  [separate text/javascript;charset=windows-1252  text/javascript]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini b/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini
index b7a2aa447852..536384f36e1c 100644
--- a/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini
+++ b/tests/wpt/metadata/fetch/nosniff/parsing-nosniff.window.js.ini
@@ -14,6 +14,3 @@
   [X-Content-Type-Options%3A%20%2Cnosniff]
     expected: FAIL
 
-  [X-Content-Type-Options%3A%0D%0AX-Content-Type-Options%3A%20nosniff]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
deleted file mode 100644
index 87b07c3e6704..000000000000
--- a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_1.html.ini
+++ /dev/null
@@ -1,4 +0,0 @@
-[traverse_the_history_1.html]
-  [Multiple history traversals from the same task]
-    expected: FAIL
-
diff --git a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
similarity index 71%
rename from tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
rename to tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
index dc2e45516deb..385376c7321e 100644
--- a/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_5.html.ini
+++ b/tests/wpt/metadata/html/browsers/history/the-history-interface/traverse_the_history_4.html.ini
@@ -1,4 +1,4 @@
-[traverse_the_history_5.html]
+[traverse_the_history_4.html]
   [Multiple history traversals, last would be aborted]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/html/syntax/parsing/DOMContentLoaded-defer.html.ini b/tests/wpt/metadata/html/syntax/parsing/DOMContentLoaded-defer.html.ini
new file mode 100644
index 000000000000..a9677391662b
--- /dev/null
+++ b/tests/wpt/metadata/html/syntax/parsing/DOMContentLoaded-defer.html.ini
@@ -0,0 +1,4 @@
+[DOMContentLoaded-defer.html]
+  [The end: DOMContentLoaded and defer scripts]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/resource-timing/resource_TAO_zero.htm.ini b/tests/wpt/metadata/resource-timing/resource_TAO_zero.htm.ini
index 241deaa0d2fe..091a2791657e 100644
--- a/tests/wpt/metadata/resource-timing/resource_TAO_zero.htm.ini
+++ b/tests/wpt/metadata/resource-timing/resource_TAO_zero.htm.ini
@@ -20,9 +20,6 @@
   [requestStart should be 0 in cross-origin request.]
     expected: FAIL
 
-  [responseEnd should be greater than 0 in cross-origin request.]
-    expected: FAIL
-
   [domainLookupStart should be 0 in cross-origin request.]
     expected: FAIL
 
diff --git a/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini b/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
index 9442ca372a30..2f3bb869b3da 100644
--- a/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
+++ b/tests/wpt/metadata/webaudio/the-audio-api/the-audiobuffersourcenode-interface/sub-sample-buffer-stitching.html.ini
@@ -56,3 +56,9 @@
   [X SNR (-107.86498904709346 dB) is not greater than or equal to 65.737. Got -107.86498904709346.]
     expected: FAIL
 
+  [X Stitched sine-wave buffers at sample rate 43800 does not equal [0,0.06264832615852356,0.12505052983760834,0.18696144223213196,0.24813786149024963,0.308339387178421,0.36732959747314453,0.4248766601085663,0.480754554271698,0.5347436666488647,0.5866320133209229,0.6362156271934509,0.6832997798919678,0.7276994585990906,0.7692402601242065,0.8077589869499207...\] with an element-wise tolerance of {"absoluteThreshold":0.0038986,"relativeThreshold":0}.\n\tIndex\tActual\t\t\tExpected\t\tAbsError\t\tRelError\t\tTest threshold\n\t[30\]\t9.4836157560348511e-1\t9.5236867666244507e-1\t4.0071010589599609e-3\t4.2075103446311962e-3\t3.8985999999999999e-3\n\t[31\]\t9.2646563053131104e-1\t9.3139332532882690e-1\t4.9276947975158691e-3\t5.2906700783754857e-3\t3.8985999999999999e-3\n\t[32\]\t9.0087991952896118e-1\t9.0675884485244751e-1\t5.8789253234863281e-3\t6.4834496590358351e-3\t3.8985999999999999e-3\n\t[33\]\t8.7170630693435669e-1\t8.7856203317642212e-1\t6.8557262420654297e-3\t7.8033490899654511e-3\t3.8985999999999999e-3\n\t[34\]\t8.3906102180480957e-1\t8.4691369533538818e-1\t7.8526735305786133e-3\t9.2721059699818163e-3\t3.8985999999999999e-3\n\t...and 31037 more errors.\n\tMax AbsError of 9.8276494767151235e-1 at index of 39267.\n\t[39267\]\t4.0556869862484746e-7\t-9.8276454210281372e-1\t9.8276494767151235e-1\t1.0000004126814523e+0\t3.8985999999999999e-3\n\tMax RelError of 3.3137802965303198e+0 at index of 1253.\n\t[1253\]\t-4.3022233992815018e-2\t-9.9732093513011932e-3\t3.3049024641513824e-2\t3.3137802965303198e+0\t3.8985999999999999e-3\n]
+    expected: FAIL
+
+  [X SNR (21.440582444964107 dB) is not greater than or equal to 65.737. Got 21.440582444964107.]
+    expected: FAIL
+
diff --git a/tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini b/tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini
new file mode 100644
index 000000000000..80f9a4f15b8a
--- /dev/null
+++ b/tests/wpt/metadata/workers/constructors/Worker/Worker-constructor.html.ini
@@ -0,0 +1,2 @@
+[Worker-constructor.html]
+  expected: ERROR
diff --git a/tests/wpt/mozilla/meta/css/transition_calc_implicit.html.ini b/tests/wpt/mozilla/meta/css/transition_calc_implicit.html.ini
deleted file mode 100644
index dbea4f293ad0..000000000000
--- a/tests/wpt/mozilla/meta/css/transition_calc_implicit.html.ini
+++ /dev/null
@@ -1,2 +0,0 @@
-[transition_calc_implicit.html]
-  expected: TIMEOUT
diff --git a/tests/wpt/web-platform-tests/content-security-policy/reporting/report-only-unsafe-eval.html b/tests/wpt/web-platform-tests/content-security-policy/reporting/report-only-unsafe-eval.html
new file mode 100644
index 000000000000..ebaf6941a898
--- /dev/null
+++ b/tests/wpt/web-platform-tests/content-security-policy/reporting/report-only-unsafe-eval.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <script nonce='abc' src="/resources/testharness.js"></script>
+    <script nonce='abc' src="/resources/testharnessreport.js"></script>
+    <!-- CSP headers
+Content-Security-Policy-Report-Only: script-src 'unsafe-inline' 'nonce-abc'; report-uri ../support/report.py?op=put&reportID={{$id}}
+-->
+</head>
+<body>
+    <script nonce='abc'>
+      var t = async_test("Eval is allowed because the CSP is report-only");
+
+      var t_spv = async_test("SPV event is still raised");
+      t_spv.step_timeout(t_spv.unreached_func("SPV event has not been received"), 3000);
+      document.addEventListener('securitypolicyviolation', t_spv.step_func(e => {
+        assert_equals(e.violatedDirective, "script-src");
+        assert_equals(e.blockedURI, "eval");
+      }));
+
+      try {
+        eval("t.done()");
+      } catch {
+        t.step(t.unreached_func("The eval should have executed succesfully"));
+        t_spv.step(tsv_unreached_func("The eval execution should have triggered a securitypolicyviolation event"));
+      }
+    </script>
+    <script nonce='abc' async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=script-src%20%27unsafe-inline%27'></script>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/content-security-policy/reporting/report-only-unsafe-eval.html.sub.headers b/tests/wpt/web-platform-tests/content-security-policy/reporting/report-only-unsafe-eval.html.sub.headers
new file mode 100644
index 000000000000..549f3dbaa2e3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/content-security-policy/reporting/report-only-unsafe-eval.html.sub.headers
@@ -0,0 +1,4 @@
+Cache-Control: no-store, no-cache, must-revalidate
+Pragma: no-cache
+Set-Cookie: report-only-unsafe-eval={{$id:uuid()}}; Path=/content-security-policy/reporting/
+Content-Security-Policy-Report-Only: script-src 'unsafe-inline' 'nonce-abc'; report-uri ../support/report.py?op=put&reportID={{$id}}
diff --git a/tests/wpt/web-platform-tests/css/CSS2/css1/c412-blockw-000.xht b/tests/wpt/web-platform-tests/css/CSS2/css1/c412-blockw-000.xht
index b4711543b2b2..2fd1b32120f7 100644
--- a/tests/wpt/web-platform-tests/css/CSS2/css1/c412-blockw-000.xht
+++ b/tests/wpt/web-platform-tests/css/CSS2/css1/c412-blockw-000.xht
@@ -23,7 +23,7 @@
    p.six {margin-left: auto; width: auto; margin-right: 0;}
    p.seven {margin-left: 0; width: auto; margin-right: auto;}
    p.eight {margin-left: auto; width: auto; margin-right: auto;}
-   p.nine {padding-left: auto; padding-right: auto; margin-left: 0; margin-right: 0; width: 50%;}
+   p.nine {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 50%;}
    p.ten {margin-left: auto; width: 100%; margin-right: auto;}
   ]]></style>
   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth" title="10.3.3 Block-level, non-replaced elements in normal flow"/>
diff --git a/tests/wpt/web-platform-tests/css/CSS2/linebox/inline-negative-margin-001.html b/tests/wpt/web-platform-tests/css/CSS2/linebox/inline-negative-margin-001.html
new file mode 100644
index 000000000000..e8a00ec09bd7
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/CSS2/linebox/inline-negative-margin-001.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>CSS Test: Check inline negative margin should not cause the line to wrap</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/check-layout-th.js"></script>
+<link rel="help" href="https://crbug.com/979894">
+<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#inline-width">
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<style>
+html, body { margin: 0; }
+div {
+  font-family: Ahem;
+  font-size: 10px;
+  line-height: 1;
+}
+#container {
+  display: inline-block;
+}
+span {
+  color: orange;
+}
+</style>
+<body>
+  <div id="container" data-expected-height=10>123 <span style="margin-left: -8ch">1234 </span></div>
+<script>checkLayout('#container');</script>
+</body>
diff --git a/tests/wpt/web-platform-tests/css/CSS2/normal-flow/auto-margins-root-element.html b/tests/wpt/web-platform-tests/css/CSS2/normal-flow/auto-margins-root-element.html
new file mode 100644
index 000000000000..8d9aaf443a49
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/CSS2/normal-flow/auto-margins-root-element.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#blockwidth">
+<style>
+  html {
+      width: 100px;
+      margin-left: auto;
+  }
+  body { /* Just to make testharness display nicely. */
+      position: absolute;
+      left: 0;
+      right: 0;
+  }
+</style>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+  test(()=> {
+      var viewport_width = window.innerWidth;
+      var html = document.documentElement;
+      assert_equals(html.offsetLeft, viewport_width - 100);
+  }, "Root element auto margins resolve");
+</script>
diff --git a/tests/wpt/web-platform-tests/css/css-backgrounds/background-size-035.html b/tests/wpt/web-platform-tests/css/css-backgrounds/background-size-035.html
deleted file mode 100644
index 1e5052ac1434..000000000000
--- a/tests/wpt/web-platform-tests/css/css-backgrounds/background-size-035.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>CSS Background and Border Test:background-size conflicts with background-attachment</title>
-    <link rel="author" title="xiaochun" href="mailto:stenders@163.com">
-    <link rel="reviewer" title="Jinlong Zhang" href="mailto:jinlongz@oupeng.com"><!--2012/10/21-->
-    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
-    <link rel="match" href="reference/background-size-ref.html">
-    <meta name="assert" content="The test passes if we can see the background-image is exactly same as above.">
-    <style type="text/css">
-    .backgroundSize{
-        width:295px;
-        height:289px;
-
-        background-image:url(support/bg.jpg);
-        background-repeat:no-repeat;
-        background-size:cover;
-        background-attachment:fixed;
-    }
-    </style>
-</head>
-<body>
-    The image used as background-image is :<br />
-    <img src="support/bg.jpg" />
-
-    <p>The test passes if we can see the background-image is exactly same as above.</p>
-    <div class="container">
-        <!-- This is the box that should only contains an image if the test passes -->
-        <div class="backgroundSize">
-        </div>
-    </div>
-</body>
-</html>
diff --git a/tests/wpt/web-platform-tests/css/css-break/fieldset.html b/tests/wpt/web-platform-tests/css/css-break/fieldset.html
new file mode 100644
index 000000000000..fe76988293b8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-break/fieldset.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-break-3/#possible-breaks">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<style>
+  fieldset { margin:0; border:none; padding:0; }
+  .block { break-inside:avoid; height:50px; background:green; }
+  .fail { background:red; }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="columns:2; column-fill:auto; width:100px; height:140px; column-gap:0; overflow:hidden;">
+  <fieldset>
+    <div class="block"></div>
+    <div class="block"></div>
+    <div class="block"></div>
+    <div class="block"></div>
+
+    <!-- No room for this - should be clipped: -->
+    <div class="block fail"></div>
+  </fieldset>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-001.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-001.tentative.html
index 8856b2b14a91..6a353a635b82 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-001.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-001.tentative.html
@@ -4,6 +4,7 @@
     <title>math-script-level</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
     <meta name="assert" content="Check the resolved value of math-script-level">
     <script src="/resources/testharness.js"></script>
     <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-002.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-002.tentative.html
index b3f56fefad7a..0abce02e72d3 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-002.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-002.tentative.html
@@ -4,6 +4,7 @@
     <title>math-script-level</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
     <meta name="assert" content="Verify effect of math-script-level auto | add(<integer>) | <integer>, starting from different values of math-script-level.">
     <script src="/resources/testharness.js"></script>
     <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-003.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-003.tentative.html
index 501001243740..f5bf9982e27f 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-003.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-003.tentative.html
@@ -4,6 +4,7 @@
     <title>math-script-level</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
     <meta name="assert" content="If font-size is specified or if the specified value of math-script-level is initial then math-script-level does not affect the computed value of font-size.">
     <link rel="match" href="math-script-level-003.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-004.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-004.tentative.html
index 6fe35c2719e4..cb82472a0c0a 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-004.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-004.tentative.html
@@ -4,6 +4,7 @@
     <title>math-script-level</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
     <meta name="assert" content="Check the resolved value of math-script-level">
     <script src="/resources/testharness.js"></script>
     <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-005.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-005.tentative.html
index 7f289ffcd81d..34860d7a5c27 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-005.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-005.tentative.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3906">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
     <meta name="assert" content="If the computed font-size is changed because of font-family change, math-script-level does not affect the computed value of font-size.">
     <link rel="match" href="math-script-level-005.tentative-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-001.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-001.tentative.html
index 0765630fac33..ad187b5dc254 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-001.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-001.tentative.html
@@ -4,6 +4,8 @@
     <title>math-script-level: auto and math-style</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
     <meta name="assert" content="If math-script-level is 'auto' and the inherited value of math-style is 'display' then the computed value of math-script-level is the inherited value.">
     <link rel="match" href="math-script-level-auto-and-math-style-001.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-002.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-002.tentative.html
index baff728800da..c111f2c38d5d 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-002.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-002.tentative.html
@@ -4,6 +4,8 @@
     <title>math-script-level: auto and math-style</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
     <meta name="assert" content="If math-script-level is 'auto' and the inherited value of math-style is 'inline' then the computed value of math-script-level is the inherited value plus one.">
     <link rel="match" href="math-script-level-auto-and-math-style-002.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-003.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-003.tentative.html
index 827dbd41be42..428248176120 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-003.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-003.tentative.html
@@ -4,6 +4,8 @@
     <title>math-script-level: auto and math-style</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
     <meta name="assert" content="Initial value of math-style is 'inline'">
     <link rel="match" href="math-script-level-auto-and-math-style-003.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-004.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-004.tentative.html
index 8917d68be11a..150d4285e980 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-004.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-004.tentative.html
@@ -4,6 +4,8 @@
     <title>math-script-level: auto and math-style</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
     <meta name="assert" content="Initial value of math-style is 'inline'">
     <link rel="match" href="math-script-level-auto-and-math-style-004.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-005.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-005.tentative.html
index 90c09d50ffe3..718a564070d9 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-005.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-auto-and-math-style-005.tentative.html
@@ -4,6 +4,8 @@
     <title>math-script-level: auto and math-style</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
     <meta name="assert" content="math-style is inherited">
     <link rel="match" href="math-script-level-auto-and-math-style-005.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-font-size-clamping-001.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-font-size-clamping-001.tentative.html
index 6a70cf33a8b1..e25ee56c3e33 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-font-size-clamping-001.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-script-level-font-size-clamping-001.tentative.html
@@ -4,6 +4,7 @@
     <title>math-script-level clamping</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3739">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-script-level-property">
     <meta name="assert" content="Clamping due to browser's min font size only affects the used size.">
     <link rel="match" href="math-script-level-font-size-clamping-001.tentative-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
diff --git a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-style-001.tentative.html b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-style-001.tentative.html
index 6df35170255c..56cb1eca09d7 100644
--- a/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-style-001.tentative.html
+++ b/tests/wpt/web-platform-tests/css/css-fonts/math-script-level-and-math-style/math-style-001.tentative.html
@@ -4,6 +4,7 @@
     <title>math-style</title>
     <meta charset="utf-8">
     <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3746">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
     <meta name="assert" content="Check the resolved value of math-style">
     <script src="/resources/testharness.js"></script>
     <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/css/css-position/position-absolute-fieldset.html b/tests/wpt/web-platform-tests/css/css-position/position-absolute-fieldset.html
new file mode 100644
index 000000000000..b212e627ae13
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-position/position-absolute-fieldset.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/CSS22/visudet.html#abs-non-replaced-width">
+<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div style="position:relative; width:100px; height:100px; background:red;">
+  <fieldset style="position:absolute; left:0; top:0; right:0; bottom:0; margin:0; border:none; background:green;"></fieldset>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-sizing/auto-scrollbar-inside-stf-abspos-ref.html b/tests/wpt/web-platform-tests/css/css-sizing/auto-scrollbar-inside-stf-abspos-ref.html
new file mode 100644
index 000000000000..076893b27287
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-sizing/auto-scrollbar-inside-stf-abspos-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+  body { overflow:hidden; }
+</style>
+<p>The word PASS should be visible below.</p>
+<div style="position:absolute; height:5em; overflow-y:scroll;">
+  <div style="height:15em;">PASS</div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-sizing/auto-scrollbar-inside-stf-abspos.html b/tests/wpt/web-platform-tests/css/css-sizing/auto-scrollbar-inside-stf-abspos.html
new file mode 100644
index 000000000000..9479b2eb3f51
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-sizing/auto-scrollbar-inside-stf-abspos.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
+<link rel="help" href="https://www.w3.org/TR/css-sizing-3/#valdef-width-fit-content-length-percentage">
+<link rel="match" href="auto-scrollbar-inside-stf-abspos-ref.html">
+<style>
+  /* Set non-auto overflow on the viewport, so that the UA is more likely to get
+     the size right the first time. Otherwise, a re-layout might hide the bug
+     that we're trying to test. */
+  body { overflow:hidden; }
+</style>
+<p>The word PASS should be visible below.</p>
+<div style="position:absolute;">
+  <div style="height:5em; overflow-y:auto;">
+    <div style="height:15em;">PASS</div>
+  </div>
+</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-001.tentative-ref.html
new file mode 100644
index 000000000000..d41d618769e8
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-001.tentative-ref.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-auto (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D715;</span>=<span>1D715</span></span>
+  <span><span class="testfont">&#x1D6FB;</span>=<span>1D6FB</span></span>
+  <span><span class="testfont">&#x1D6A5;</span>=<span>1D6A5</span></span>
+  <span><span class="testfont">&#x1D434;</span>=<span>1D434</span></span>
+  <span><span class="testfont">&#x1D435;</span>=<span>1D435</span></span>
+  <span><span class="testfont">&#x1D436;</span>=<span>1D436</span></span>
+  <span><span class="testfont">&#x1D437;</span>=<span>1D437</span></span>
+  <span><span class="testfont">&#x1D438;</span>=<span>1D438</span></span>
+  <span><span class="testfont">&#x1D439;</span>=<span>1D439</span></span>
+  <span><span class="testfont">&#x1D43A;</span>=<span>1D43A</span></span><br/>
+  <span><span class="testfont">&#x1D43B;</span>=<span>1D43B</span></span>
+  <span><span class="testfont">&#x1D43C;</span>=<span>1D43C</span></span>
+  <span><span class="testfont">&#x1D43D;</span>=<span>1D43D</span></span>
+  <span><span class="testfont">&#x1D43E;</span>=<span>1D43E</span></span>
+  <span><span class="testfont">&#x1D43F;</span>=<span>1D43F</span></span>
+  <span><span class="testfont">&#x1D440;</span>=<span>1D440</span></span>
+  <span><span class="testfont">&#x1D441;</span>=<span>1D441</span></span>
+  <span><span class="testfont">&#x1D442;</span>=<span>1D442</span></span>
+  <span><span class="testfont">&#x1D443;</span>=<span>1D443</span></span>
+  <span><span class="testfont">&#x1D444;</span>=<span>1D444</span></span><br/>
+  <span><span class="testfont">&#x1D445;</span>=<span>1D445</span></span>
+  <span><span class="testfont">&#x1D446;</span>=<span>1D446</span></span>
+  <span><span class="testfont">&#x1D447;</span>=<span>1D447</span></span>
+  <span><span class="testfont">&#x1D448;</span>=<span>1D448</span></span>
+  <span><span class="testfont">&#x1D449;</span>=<span>1D449</span></span>
+  <span><span class="testfont">&#x1D44A;</span>=<span>1D44A</span></span>
+  <span><span class="testfont">&#x1D44B;</span>=<span>1D44B</span></span>
+  <span><span class="testfont">&#x1D44C;</span>=<span>1D44C</span></span>
+  <span><span class="testfont">&#x1D44D;</span>=<span>1D44D</span></span>
+  <span><span class="testfont">&#x1D44E;</span>=<span>1D44E</span></span><br/>
+  <span><span class="testfont">&#x1D44F;</span>=<span>1D44F</span></span>
+  <span><span class="testfont">&#x1D450;</span>=<span>1D450</span></span>
+  <span><span class="testfont">&#x1D451;</span>=<span>1D451</span></span>
+  <span><span class="testfont">&#x1D452;</span>=<span>1D452</span></span>
+  <span><span class="testfont">&#x1D453;</span>=<span>1D453</span></span>
+  <span><span class="testfont">&#x1D454;</span>=<span>1D454</span></span>
+  <span><span class="testfont">&#x210E;</span>=<span>0210E</span></span>
+  <span><span class="testfont">&#x1D456;</span>=<span>1D456</span></span>
+  <span><span class="testfont">&#x1D457;</span>=<span>1D457</span></span>
+  <span><span class="testfont">&#x1D458;</span>=<span>1D458</span></span><br/>
+  <span><span class="testfont">&#x1D459;</span>=<span>1D459</span></span>
+  <span><span class="testfont">&#x1D45A;</span>=<span>1D45A</span></span>
+  <span><span class="testfont">&#x1D45B;</span>=<span>1D45B</span></span>
+  <span><span class="testfont">&#x1D45C;</span>=<span>1D45C</span></span>
+  <span><span class="testfont">&#x1D45D;</span>=<span>1D45D</span></span>
+  <span><span class="testfont">&#x1D45E;</span>=<span>1D45E</span></span>
+  <span><span class="testfont">&#x1D45F;</span>=<span>1D45F</span></span>
+  <span><span class="testfont">&#x1D460;</span>=<span>1D460</span></span>
+  <span><span class="testfont">&#x1D461;</span>=<span>1D461</span></span>
+  <span><span class="testfont">&#x1D462;</span>=<span>1D462</span></span><br/>
+  <span><span class="testfont">&#x1D463;</span>=<span>1D463</span></span>
+  <span><span class="testfont">&#x1D464;</span>=<span>1D464</span></span>
+  <span><span class="testfont">&#x1D465;</span>=<span>1D465</span></span>
+  <span><span class="testfont">&#x1D466;</span>=<span>1D466</span></span>
+  <span><span class="testfont">&#x1D467;</span>=<span>1D467</span></span>
+  <span><span class="testfont">&#x1D6A4;</span>=<span>1D6A4</span></span>
+  <span><span class="testfont">&#x1D6E2;</span>=<span>1D6E2</span></span>
+  <span><span class="testfont">&#x1D6E3;</span>=<span>1D6E3</span></span>
+  <span><span class="testfont">&#x1D6E4;</span>=<span>1D6E4</span></span>
+  <span><span class="testfont">&#x1D6E5;</span>=<span>1D6E5</span></span><br/>
+  <span><span class="testfont">&#x1D6E6;</span>=<span>1D6E6</span></span>
+  <span><span class="testfont">&#x1D6E7;</span>=<span>1D6E7</span></span>
+  <span><span class="testfont">&#x1D6E8;</span>=<span>1D6E8</span></span>
+  <span><span class="testfont">&#x1D6E9;</span>=<span>1D6E9</span></span>
+  <span><span class="testfont">&#x1D6EA;</span>=<span>1D6EA</span></span>
+  <span><span class="testfont">&#x1D6EB;</span>=<span>1D6EB</span></span>
+  <span><span class="testfont">&#x1D6EC;</span>=<span>1D6EC</span></span>
+  <span><span class="testfont">&#x1D6ED;</span>=<span>1D6ED</span></span>
+  <span><span class="testfont">&#x1D6EE;</span>=<span>1D6EE</span></span>
+  <span><span class="testfont">&#x1D6EF;</span>=<span>1D6EF</span></span><br/>
+  <span><span class="testfont">&#x1D6F0;</span>=<span>1D6F0</span></span>
+  <span><span class="testfont">&#x1D6F1;</span>=<span>1D6F1</span></span>
+  <span><span class="testfont">&#x1D6F2;</span>=<span>1D6F2</span></span>
+  <span><span class="testfont">&#x1D6F4;</span>=<span>1D6F4</span></span>
+  <span><span class="testfont">&#x1D6F5;</span>=<span>1D6F5</span></span>
+  <span><span class="testfont">&#x1D6F6;</span>=<span>1D6F6</span></span>
+  <span><span class="testfont">&#x1D6F7;</span>=<span>1D6F7</span></span>
+  <span><span class="testfont">&#x1D6F8;</span>=<span>1D6F8</span></span>
+  <span><span class="testfont">&#x1D6F9;</span>=<span>1D6F9</span></span>
+  <span><span class="testfont">&#x1D6FA;</span>=<span>1D6FA</span></span><br/>
+  <span><span class="testfont">&#x1D6FC;</span>=<span>1D6FC</span></span>
+  <span><span class="testfont">&#x1D6FD;</span>=<span>1D6FD</span></span>
+  <span><span class="testfont">&#x1D6FE;</span>=<span>1D6FE</span></span>
+  <span><span class="testfont">&#x1D6FF;</span>=<span>1D6FF</span></span>
+  <span><span class="testfont">&#x1D700;</span>=<span>1D700</span></span>
+  <span><span class="testfont">&#x1D701;</span>=<span>1D701</span></span>
+  <span><span class="testfont">&#x1D702;</span>=<span>1D702</span></span>
+  <span><span class="testfont">&#x1D703;</span>=<span>1D703</span></span>
+  <span><span class="testfont">&#x1D704;</span>=<span>1D704</span></span>
+  <span><span class="testfont">&#x1D705;</span>=<span>1D705</span></span><br/>
+  <span><span class="testfont">&#x1D706;</span>=<span>1D706</span></span>
+  <span><span class="testfont">&#x1D707;</span>=<span>1D707</span></span>
+  <span><span class="testfont">&#x1D708;</span>=<span>1D708</span></span>
+  <span><span class="testfont">&#x1D709;</span>=<span>1D709</span></span>
+  <span><span class="testfont">&#x1D70A;</span>=<span>1D70A</span></span>
+  <span><span class="testfont">&#x1D70B;</span>=<span>1D70B</span></span>
+  <span><span class="testfont">&#x1D70C;</span>=<span>1D70C</span></span>
+  <span><span class="testfont">&#x1D70D;</span>=<span>1D70D</span></span>
+  <span><span class="testfont">&#x1D70E;</span>=<span>1D70E</span></span>
+  <span><span class="testfont">&#x1D70F;</span>=<span>1D70F</span></span><br/>
+  <span><span class="testfont">&#x1D710;</span>=<span>1D710</span></span>
+  <span><span class="testfont">&#x1D711;</span>=<span>1D711</span></span>
+  <span><span class="testfont">&#x1D712;</span>=<span>1D712</span></span>
+  <span><span class="testfont">&#x1D713;</span>=<span>1D713</span></span>
+  <span><span class="testfont">&#x1D714;</span>=<span>1D714</span></span>
+  <span><span class="testfont">&#x1D717;</span>=<span>1D717</span></span>
+  <span><span class="testfont">&#x1D719;</span>=<span>1D719</span></span>
+  <span><span class="testfont">&#x1D71B;</span>=<span>1D71B</span></span>
+  <span><span class="testfont">&#x1D718;</span>=<span>1D718</span></span>
+  <span><span class="testfont">&#x1D71A;</span>=<span>1D71A</span></span><br/>
+  <span><span class="testfont">&#x1D6F3;</span>=<span>1D6F3</span></span>
+  <span><span class="testfont">&#x1D716;</span>=<span>1D716</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html
new file mode 100644
index 000000000000..d47cbf8abdb0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-001.tentative.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-auto</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-auto-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-auto' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-auto">&#x2202;</span>=<span>1D715</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x2207;</span>=<span>1D6FB</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x237;</span>=<span>1D6A5</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x41;</span>=<span>1D434</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x42;</span>=<span>1D435</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x43;</span>=<span>1D436</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x44;</span>=<span>1D437</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x45;</span>=<span>1D438</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x46;</span>=<span>1D439</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x47;</span>=<span>1D43A</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x48;</span>=<span>1D43B</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x49;</span>=<span>1D43C</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x4A;</span>=<span>1D43D</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x4B;</span>=<span>1D43E</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x4C;</span>=<span>1D43F</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x4D;</span>=<span>1D440</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x4E;</span>=<span>1D441</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x4F;</span>=<span>1D442</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x50;</span>=<span>1D443</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x51;</span>=<span>1D444</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x52;</span>=<span>1D445</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x53;</span>=<span>1D446</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x54;</span>=<span>1D447</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x55;</span>=<span>1D448</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x56;</span>=<span>1D449</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x57;</span>=<span>1D44A</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x58;</span>=<span>1D44B</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x59;</span>=<span>1D44C</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x5A;</span>=<span>1D44D</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x61;</span>=<span>1D44E</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x62;</span>=<span>1D44F</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x63;</span>=<span>1D450</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x64;</span>=<span>1D451</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x65;</span>=<span>1D452</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x66;</span>=<span>1D453</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x67;</span>=<span>1D454</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x68;</span>=<span>0210E</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x69;</span>=<span>1D456</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x6A;</span>=<span>1D457</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x6B;</span>=<span>1D458</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x6C;</span>=<span>1D459</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x6D;</span>=<span>1D45A</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x6E;</span>=<span>1D45B</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x6F;</span>=<span>1D45C</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x70;</span>=<span>1D45D</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x71;</span>=<span>1D45E</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x72;</span>=<span>1D45F</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x73;</span>=<span>1D460</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x74;</span>=<span>1D461</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x75;</span>=<span>1D462</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x76;</span>=<span>1D463</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x77;</span>=<span>1D464</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x78;</span>=<span>1D465</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x79;</span>=<span>1D466</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x7A;</span>=<span>1D467</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x131;</span>=<span>1D6A4</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x391;</span>=<span>1D6E2</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x392;</span>=<span>1D6E3</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x393;</span>=<span>1D6E4</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x394;</span>=<span>1D6E5</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x395;</span>=<span>1D6E6</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x396;</span>=<span>1D6E7</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x397;</span>=<span>1D6E8</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x398;</span>=<span>1D6E9</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x399;</span>=<span>1D6EA</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x39A;</span>=<span>1D6EB</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x39B;</span>=<span>1D6EC</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x39C;</span>=<span>1D6ED</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x39D;</span>=<span>1D6EE</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x39E;</span>=<span>1D6EF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x39F;</span>=<span>1D6F0</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A0;</span>=<span>1D6F1</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A1;</span>=<span>1D6F2</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A3;</span>=<span>1D6F4</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A4;</span>=<span>1D6F5</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A5;</span>=<span>1D6F6</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A6;</span>=<span>1D6F7</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A7;</span>=<span>1D6F8</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A8;</span>=<span>1D6F9</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3A9;</span>=<span>1D6FA</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B1;</span>=<span>1D6FC</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B2;</span>=<span>1D6FD</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B3;</span>=<span>1D6FE</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B4;</span>=<span>1D6FF</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B5;</span>=<span>1D700</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B6;</span>=<span>1D701</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B7;</span>=<span>1D702</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B8;</span>=<span>1D703</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3B9;</span>=<span>1D704</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3BA;</span>=<span>1D705</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3BB;</span>=<span>1D706</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3BC;</span>=<span>1D707</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3BD;</span>=<span>1D708</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3BE;</span>=<span>1D709</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3BF;</span>=<span>1D70A</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C0;</span>=<span>1D70B</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C1;</span>=<span>1D70C</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C2;</span>=<span>1D70D</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C3;</span>=<span>1D70E</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C4;</span>=<span>1D70F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C5;</span>=<span>1D710</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C6;</span>=<span>1D711</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C7;</span>=<span>1D712</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C8;</span>=<span>1D713</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3C9;</span>=<span>1D714</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3D1;</span>=<span>1D717</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3D5;</span>=<span>1D719</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3D6;</span>=<span>1D71B</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3F0;</span>=<span>1D718</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3F1;</span>=<span>1D71A</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3F4;</span>=<span>1D6F3</span></span>
+  <span><span class="testfont" style="text-transform: math-auto">&#x3F5;</span>=<span>1D716</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-002.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-002.tentative-ref.html
new file mode 100644
index 000000000000..1c1d6e2770b1
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-002.tentative-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-auto (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > div {
+    padding: 10px;
+  }
+  div > span {
+    font-family: monospace;
+    font-size: 16px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 16px;
+  }
+</style>
+<body>
+  <p>Test passes if all the equalities below are true.</p>
+  <div>Single character: <span class="testfont">&#x1D715;</span>=<span>1D715</span></div>
+  <div>Two characters: <span class="testfont">&#x2202;&#x2207;</span>=<span>0220202207</span></div>
+  <div>Three characters: <span class="testfont">&#x2202;&#x2207;&#x237;</span>=<span>022020220700237</span></div>
+ </body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html
new file mode 100644
index 000000000000..86c1ea17c76b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-auto-002.tentative.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-auto</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="match" href="text-transform-math-auto-002.tentative-ref.html"/>
+<meta name="assert" content="Test 'text-transform: math-auto' for text nodes of different lengths">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > div {
+    padding: 10px;
+  }
+  div > span {
+    font-family: monospace;
+    font-size: 16px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 16px;
+  }
+</style>
+<body>
+  <p>Test passes if all the equalities below are true.</p>
+  <div>Single character: <span class="testfont" style="text-transform: math-auto">&#x2202;</span>=<span>1D715</span></div>
+  <div>Two characters: <span class="testfont" style="text-transform: math-auto">&#x2202;&#x2207;</span>=<span>0220202207</span></div>
+  <div>Three characters: <span class="testfont" style="text-transform: math-auto">&#x2202;&#x2207;&#x237;</span>=<span>022020220700237</span></div>
+ </body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-001.tentative-ref.html
new file mode 100644
index 000000000000..24b830033460
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-001.tentative-ref.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D6DB;</span>=<span>1D6DB</span></span>
+  <span><span class="testfont">&#x1D6C1;</span>=<span>1D6C1</span></span>
+  <span><span class="testfont">&#x1D7CE;</span>=<span>1D7CE</span></span>
+  <span><span class="testfont">&#x1D7CF;</span>=<span>1D7CF</span></span>
+  <span><span class="testfont">&#x1D7D0;</span>=<span>1D7D0</span></span>
+  <span><span class="testfont">&#x1D7D1;</span>=<span>1D7D1</span></span>
+  <span><span class="testfont">&#x1D7D2;</span>=<span>1D7D2</span></span>
+  <span><span class="testfont">&#x1D7D3;</span>=<span>1D7D3</span></span>
+  <span><span class="testfont">&#x1D7D4;</span>=<span>1D7D4</span></span>
+  <span><span class="testfont">&#x1D7D5;</span>=<span>1D7D5</span></span><br/>
+  <span><span class="testfont">&#x1D7D6;</span>=<span>1D7D6</span></span>
+  <span><span class="testfont">&#x1D7D7;</span>=<span>1D7D7</span></span>
+  <span><span class="testfont">&#x1D400;</span>=<span>1D400</span></span>
+  <span><span class="testfont">&#x1D401;</span>=<span>1D401</span></span>
+  <span><span class="testfont">&#x1D402;</span>=<span>1D402</span></span>
+  <span><span class="testfont">&#x1D403;</span>=<span>1D403</span></span>
+  <span><span class="testfont">&#x1D404;</span>=<span>1D404</span></span>
+  <span><span class="testfont">&#x1D405;</span>=<span>1D405</span></span>
+  <span><span class="testfont">&#x1D406;</span>=<span>1D406</span></span>
+  <span><span class="testfont">&#x1D407;</span>=<span>1D407</span></span><br/>
+  <span><span class="testfont">&#x1D408;</span>=<span>1D408</span></span>
+  <span><span class="testfont">&#x1D409;</span>=<span>1D409</span></span>
+  <span><span class="testfont">&#x1D40A;</span>=<span>1D40A</span></span>
+  <span><span class="testfont">&#x1D40B;</span>=<span>1D40B</span></span>
+  <span><span class="testfont">&#x1D40C;</span>=<span>1D40C</span></span>
+  <span><span class="testfont">&#x1D40D;</span>=<span>1D40D</span></span>
+  <span><span class="testfont">&#x1D40E;</span>=<span>1D40E</span></span>
+  <span><span class="testfont">&#x1D40F;</span>=<span>1D40F</span></span>
+  <span><span class="testfont">&#x1D410;</span>=<span>1D410</span></span>
+  <span><span class="testfont">&#x1D411;</span>=<span>1D411</span></span><br/>
+  <span><span class="testfont">&#x1D412;</span>=<span>1D412</span></span>
+  <span><span class="testfont">&#x1D413;</span>=<span>1D413</span></span>
+  <span><span class="testfont">&#x1D414;</span>=<span>1D414</span></span>
+  <span><span class="testfont">&#x1D415;</span>=<span>1D415</span></span>
+  <span><span class="testfont">&#x1D416;</span>=<span>1D416</span></span>
+  <span><span class="testfont">&#x1D417;</span>=<span>1D417</span></span>
+  <span><span class="testfont">&#x1D418;</span>=<span>1D418</span></span>
+  <span><span class="testfont">&#x1D419;</span>=<span>1D419</span></span>
+  <span><span class="testfont">&#x1D41A;</span>=<span>1D41A</span></span>
+  <span><span class="testfont">&#x1D41B;</span>=<span>1D41B</span></span><br/>
+  <span><span class="testfont">&#x1D41C;</span>=<span>1D41C</span></span>
+  <span><span class="testfont">&#x1D41D;</span>=<span>1D41D</span></span>
+  <span><span class="testfont">&#x1D41E;</span>=<span>1D41E</span></span>
+  <span><span class="testfont">&#x1D41F;</span>=<span>1D41F</span></span>
+  <span><span class="testfont">&#x1D420;</span>=<span>1D420</span></span>
+  <span><span class="testfont">&#x1D421;</span>=<span>1D421</span></span>
+  <span><span class="testfont">&#x1D422;</span>=<span>1D422</span></span>
+  <span><span class="testfont">&#x1D423;</span>=<span>1D423</span></span>
+  <span><span class="testfont">&#x1D424;</span>=<span>1D424</span></span>
+  <span><span class="testfont">&#x1D425;</span>=<span>1D425</span></span><br/>
+  <span><span class="testfont">&#x1D426;</span>=<span>1D426</span></span>
+  <span><span class="testfont">&#x1D427;</span>=<span>1D427</span></span>
+  <span><span class="testfont">&#x1D428;</span>=<span>1D428</span></span>
+  <span><span class="testfont">&#x1D429;</span>=<span>1D429</span></span>
+  <span><span class="testfont">&#x1D42A;</span>=<span>1D42A</span></span>
+  <span><span class="testfont">&#x1D42B;</span>=<span>1D42B</span></span>
+  <span><span class="testfont">&#x1D42C;</span>=<span>1D42C</span></span>
+  <span><span class="testfont">&#x1D42D;</span>=<span>1D42D</span></span>
+  <span><span class="testfont">&#x1D42E;</span>=<span>1D42E</span></span>
+  <span><span class="testfont">&#x1D42F;</span>=<span>1D42F</span></span><br/>
+  <span><span class="testfont">&#x1D430;</span>=<span>1D430</span></span>
+  <span><span class="testfont">&#x1D431;</span>=<span>1D431</span></span>
+  <span><span class="testfont">&#x1D432;</span>=<span>1D432</span></span>
+  <span><span class="testfont">&#x1D433;</span>=<span>1D433</span></span>
+  <span><span class="testfont">&#x1D6A8;</span>=<span>1D6A8</span></span>
+  <span><span class="testfont">&#x1D6A9;</span>=<span>1D6A9</span></span>
+  <span><span class="testfont">&#x1D6AA;</span>=<span>1D6AA</span></span>
+  <span><span class="testfont">&#x1D6AB;</span>=<span>1D6AB</span></span>
+  <span><span class="testfont">&#x1D6AC;</span>=<span>1D6AC</span></span>
+  <span><span class="testfont">&#x1D6AD;</span>=<span>1D6AD</span></span><br/>
+  <span><span class="testfont">&#x1D6AE;</span>=<span>1D6AE</span></span>
+  <span><span class="testfont">&#x1D6AF;</span>=<span>1D6AF</span></span>
+  <span><span class="testfont">&#x1D6B0;</span>=<span>1D6B0</span></span>
+  <span><span class="testfont">&#x1D6B1;</span>=<span>1D6B1</span></span>
+  <span><span class="testfont">&#x1D6B2;</span>=<span>1D6B2</span></span>
+  <span><span class="testfont">&#x1D6B3;</span>=<span>1D6B3</span></span>
+  <span><span class="testfont">&#x1D6B4;</span>=<span>1D6B4</span></span>
+  <span><span class="testfont">&#x1D6B5;</span>=<span>1D6B5</span></span>
+  <span><span class="testfont">&#x1D6B6;</span>=<span>1D6B6</span></span>
+  <span><span class="testfont">&#x1D6B7;</span>=<span>1D6B7</span></span><br/>
+  <span><span class="testfont">&#x1D6B8;</span>=<span>1D6B8</span></span>
+  <span><span class="testfont">&#x1D6BA;</span>=<span>1D6BA</span></span>
+  <span><span class="testfont">&#x1D6BB;</span>=<span>1D6BB</span></span>
+  <span><span class="testfont">&#x1D6BC;</span>=<span>1D6BC</span></span>
+  <span><span class="testfont">&#x1D6BD;</span>=<span>1D6BD</span></span>
+  <span><span class="testfont">&#x1D6BE;</span>=<span>1D6BE</span></span>
+  <span><span class="testfont">&#x1D6BF;</span>=<span>1D6BF</span></span>
+  <span><span class="testfont">&#x1D6C0;</span>=<span>1D6C0</span></span>
+  <span><span class="testfont">&#x1D6C2;</span>=<span>1D6C2</span></span>
+  <span><span class="testfont">&#x1D6C3;</span>=<span>1D6C3</span></span><br/>
+  <span><span class="testfont">&#x1D6C4;</span>=<span>1D6C4</span></span>
+  <span><span class="testfont">&#x1D6C5;</span>=<span>1D6C5</span></span>
+  <span><span class="testfont">&#x1D6C6;</span>=<span>1D6C6</span></span>
+  <span><span class="testfont">&#x1D6C7;</span>=<span>1D6C7</span></span>
+  <span><span class="testfont">&#x1D6C8;</span>=<span>1D6C8</span></span>
+  <span><span class="testfont">&#x1D6C9;</span>=<span>1D6C9</span></span>
+  <span><span class="testfont">&#x1D6CA;</span>=<span>1D6CA</span></span>
+  <span><span class="testfont">&#x1D6CB;</span>=<span>1D6CB</span></span>
+  <span><span class="testfont">&#x1D6CC;</span>=<span>1D6CC</span></span>
+  <span><span class="testfont">&#x1D6CD;</span>=<span>1D6CD</span></span><br/>
+  <span><span class="testfont">&#x1D6CE;</span>=<span>1D6CE</span></span>
+  <span><span class="testfont">&#x1D6CF;</span>=<span>1D6CF</span></span>
+  <span><span class="testfont">&#x1D6D0;</span>=<span>1D6D0</span></span>
+  <span><span class="testfont">&#x1D6D1;</span>=<span>1D6D1</span></span>
+  <span><span class="testfont">&#x1D6D2;</span>=<span>1D6D2</span></span>
+  <span><span class="testfont">&#x1D6D3;</span>=<span>1D6D3</span></span>
+  <span><span class="testfont">&#x1D6D4;</span>=<span>1D6D4</span></span>
+  <span><span class="testfont">&#x1D6D5;</span>=<span>1D6D5</span></span>
+  <span><span class="testfont">&#x1D6D6;</span>=<span>1D6D6</span></span>
+  <span><span class="testfont">&#x1D6D7;</span>=<span>1D6D7</span></span><br/>
+  <span><span class="testfont">&#x1D6D8;</span>=<span>1D6D8</span></span>
+  <span><span class="testfont">&#x1D6D9;</span>=<span>1D6D9</span></span>
+  <span><span class="testfont">&#x1D6DA;</span>=<span>1D6DA</span></span>
+  <span><span class="testfont">&#x1D6DD;</span>=<span>1D6DD</span></span>
+  <span><span class="testfont">&#x1D6DF;</span>=<span>1D6DF</span></span>
+  <span><span class="testfont">&#x1D6E1;</span>=<span>1D6E1</span></span>
+  <span><span class="testfont">&#x1D7CA;</span>=<span>1D7CA</span></span>
+  <span><span class="testfont">&#x1D7CB;</span>=<span>1D7CB</span></span>
+  <span><span class="testfont">&#x1D6DE;</span>=<span>1D6DE</span></span>
+  <span><span class="testfont">&#x1D6E0;</span>=<span>1D6E0</span></span><br/>
+  <span><span class="testfont">&#x1D6B9;</span>=<span>1D6B9</span></span>
+  <span><span class="testfont">&#x1D6DC;</span>=<span>1D6DC</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html
new file mode 100644
index 000000000000..613cee6dc2e7
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-001.tentative.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-bold-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-bold' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-bold">&#x2202;</span>=<span>1D6DB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x2207;</span>=<span>1D6C1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x30;</span>=<span>1D7CE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x31;</span>=<span>1D7CF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x32;</span>=<span>1D7D0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x33;</span>=<span>1D7D1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x34;</span>=<span>1D7D2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x35;</span>=<span>1D7D3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x36;</span>=<span>1D7D4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x37;</span>=<span>1D7D5</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x38;</span>=<span>1D7D6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39;</span>=<span>1D7D7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x41;</span>=<span>1D400</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x42;</span>=<span>1D401</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x43;</span>=<span>1D402</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x44;</span>=<span>1D403</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x45;</span>=<span>1D404</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x46;</span>=<span>1D405</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x47;</span>=<span>1D406</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x48;</span>=<span>1D407</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x49;</span>=<span>1D408</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x4A;</span>=<span>1D409</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x4B;</span>=<span>1D40A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x4C;</span>=<span>1D40B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x4D;</span>=<span>1D40C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x4E;</span>=<span>1D40D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x4F;</span>=<span>1D40E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x50;</span>=<span>1D40F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x51;</span>=<span>1D410</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x52;</span>=<span>1D411</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x53;</span>=<span>1D412</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x54;</span>=<span>1D413</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x55;</span>=<span>1D414</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x56;</span>=<span>1D415</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x57;</span>=<span>1D416</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x58;</span>=<span>1D417</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x59;</span>=<span>1D418</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x5A;</span>=<span>1D419</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x61;</span>=<span>1D41A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x62;</span>=<span>1D41B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x63;</span>=<span>1D41C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x64;</span>=<span>1D41D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x65;</span>=<span>1D41E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x66;</span>=<span>1D41F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x67;</span>=<span>1D420</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x68;</span>=<span>1D421</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x69;</span>=<span>1D422</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x6A;</span>=<span>1D423</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x6B;</span>=<span>1D424</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x6C;</span>=<span>1D425</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x6D;</span>=<span>1D426</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x6E;</span>=<span>1D427</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x6F;</span>=<span>1D428</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x70;</span>=<span>1D429</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x71;</span>=<span>1D42A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x72;</span>=<span>1D42B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x73;</span>=<span>1D42C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x74;</span>=<span>1D42D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x75;</span>=<span>1D42E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x76;</span>=<span>1D42F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x77;</span>=<span>1D430</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x78;</span>=<span>1D431</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x79;</span>=<span>1D432</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x7A;</span>=<span>1D433</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x391;</span>=<span>1D6A8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x392;</span>=<span>1D6A9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x393;</span>=<span>1D6AA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x394;</span>=<span>1D6AB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x395;</span>=<span>1D6AC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x396;</span>=<span>1D6AD</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x397;</span>=<span>1D6AE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x398;</span>=<span>1D6AF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x399;</span>=<span>1D6B0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39A;</span>=<span>1D6B1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39B;</span>=<span>1D6B2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39C;</span>=<span>1D6B3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39D;</span>=<span>1D6B4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39E;</span>=<span>1D6B5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x39F;</span>=<span>1D6B6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A0;</span>=<span>1D6B7</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A1;</span>=<span>1D6B8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A3;</span>=<span>1D6BA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A4;</span>=<span>1D6BB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A5;</span>=<span>1D6BC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A6;</span>=<span>1D6BD</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A7;</span>=<span>1D6BE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A8;</span>=<span>1D6BF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3A9;</span>=<span>1D6C0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B1;</span>=<span>1D6C2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B2;</span>=<span>1D6C3</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B3;</span>=<span>1D6C4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B4;</span>=<span>1D6C5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B5;</span>=<span>1D6C6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B6;</span>=<span>1D6C7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B7;</span>=<span>1D6C8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B8;</span>=<span>1D6C9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3B9;</span>=<span>1D6CA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3BA;</span>=<span>1D6CB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3BB;</span>=<span>1D6CC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3BC;</span>=<span>1D6CD</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3BD;</span>=<span>1D6CE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3BE;</span>=<span>1D6CF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3BF;</span>=<span>1D6D0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C0;</span>=<span>1D6D1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C1;</span>=<span>1D6D2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C2;</span>=<span>1D6D3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C3;</span>=<span>1D6D4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C4;</span>=<span>1D6D5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C5;</span>=<span>1D6D6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C6;</span>=<span>1D6D7</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C7;</span>=<span>1D6D8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C8;</span>=<span>1D6D9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3C9;</span>=<span>1D6DA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3D1;</span>=<span>1D6DD</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3D5;</span>=<span>1D6DF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3D6;</span>=<span>1D6E1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3DC;</span>=<span>1D7CA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3DD;</span>=<span>1D7CB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3F0;</span>=<span>1D6DE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3F1;</span>=<span>1D6E0</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3F4;</span>=<span>1D6B9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold">&#x3F5;</span>=<span>1D6DC</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative-ref.html
new file mode 100644
index 000000000000..36339bdd46de
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-fraktur (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-fraktur.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D56C;</span>=<span>1D56C</span></span>
+  <span><span class="testfont">&#x1D56D;</span>=<span>1D56D</span></span>
+  <span><span class="testfont">&#x1D56E;</span>=<span>1D56E</span></span>
+  <span><span class="testfont">&#x1D56F;</span>=<span>1D56F</span></span>
+  <span><span class="testfont">&#x1D570;</span>=<span>1D570</span></span>
+  <span><span class="testfont">&#x1D571;</span>=<span>1D571</span></span>
+  <span><span class="testfont">&#x1D572;</span>=<span>1D572</span></span>
+  <span><span class="testfont">&#x1D573;</span>=<span>1D573</span></span>
+  <span><span class="testfont">&#x1D574;</span>=<span>1D574</span></span>
+  <span><span class="testfont">&#x1D575;</span>=<span>1D575</span></span><br/>
+  <span><span class="testfont">&#x1D576;</span>=<span>1D576</span></span>
+  <span><span class="testfont">&#x1D577;</span>=<span>1D577</span></span>
+  <span><span class="testfont">&#x1D578;</span>=<span>1D578</span></span>
+  <span><span class="testfont">&#x1D579;</span>=<span>1D579</span></span>
+  <span><span class="testfont">&#x1D57A;</span>=<span>1D57A</span></span>
+  <span><span class="testfont">&#x1D57B;</span>=<span>1D57B</span></span>
+  <span><span class="testfont">&#x1D57C;</span>=<span>1D57C</span></span>
+  <span><span class="testfont">&#x1D57D;</span>=<span>1D57D</span></span>
+  <span><span class="testfont">&#x1D57E;</span>=<span>1D57E</span></span>
+  <span><span class="testfont">&#x1D57F;</span>=<span>1D57F</span></span><br/>
+  <span><span class="testfont">&#x1D580;</span>=<span>1D580</span></span>
+  <span><span class="testfont">&#x1D581;</span>=<span>1D581</span></span>
+  <span><span class="testfont">&#x1D582;</span>=<span>1D582</span></span>
+  <span><span class="testfont">&#x1D583;</span>=<span>1D583</span></span>
+  <span><span class="testfont">&#x1D584;</span>=<span>1D584</span></span>
+  <span><span class="testfont">&#x1D585;</span>=<span>1D585</span></span>
+  <span><span class="testfont">&#x1D586;</span>=<span>1D586</span></span>
+  <span><span class="testfont">&#x1D587;</span>=<span>1D587</span></span>
+  <span><span class="testfont">&#x1D588;</span>=<span>1D588</span></span>
+  <span><span class="testfont">&#x1D589;</span>=<span>1D589</span></span><br/>
+  <span><span class="testfont">&#x1D58A;</span>=<span>1D58A</span></span>
+  <span><span class="testfont">&#x1D58B;</span>=<span>1D58B</span></span>
+  <span><span class="testfont">&#x1D58C;</span>=<span>1D58C</span></span>
+  <span><span class="testfont">&#x1D58D;</span>=<span>1D58D</span></span>
+  <span><span class="testfont">&#x1D58E;</span>=<span>1D58E</span></span>
+  <span><span class="testfont">&#x1D58F;</span>=<span>1D58F</span></span>
+  <span><span class="testfont">&#x1D590;</span>=<span>1D590</span></span>
+  <span><span class="testfont">&#x1D591;</span>=<span>1D591</span></span>
+  <span><span class="testfont">&#x1D592;</span>=<span>1D592</span></span>
+  <span><span class="testfont">&#x1D593;</span>=<span>1D593</span></span><br/>
+  <span><span class="testfont">&#x1D594;</span>=<span>1D594</span></span>
+  <span><span class="testfont">&#x1D595;</span>=<span>1D595</span></span>
+  <span><span class="testfont">&#x1D596;</span>=<span>1D596</span></span>
+  <span><span class="testfont">&#x1D597;</span>=<span>1D597</span></span>
+  <span><span class="testfont">&#x1D598;</span>=<span>1D598</span></span>
+  <span><span class="testfont">&#x1D599;</span>=<span>1D599</span></span>
+  <span><span class="testfont">&#x1D59A;</span>=<span>1D59A</span></span>
+  <span><span class="testfont">&#x1D59B;</span>=<span>1D59B</span></span>
+  <span><span class="testfont">&#x1D59C;</span>=<span>1D59C</span></span>
+  <span><span class="testfont">&#x1D59D;</span>=<span>1D59D</span></span><br/>
+  <span><span class="testfont">&#x1D59E;</span>=<span>1D59E</span></span>
+  <span><span class="testfont">&#x1D59F;</span>=<span>1D59F</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html
new file mode 100644
index 000000000000..a90f22bfbd28
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-fraktur-001.tentative.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-fraktur</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-bold-fraktur-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-bold-fraktur' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-fraktur.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x41;</span>=<span>1D56C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x42;</span>=<span>1D56D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x43;</span>=<span>1D56E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x44;</span>=<span>1D56F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x45;</span>=<span>1D570</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x46;</span>=<span>1D571</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x47;</span>=<span>1D572</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x48;</span>=<span>1D573</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x49;</span>=<span>1D574</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4A;</span>=<span>1D575</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4B;</span>=<span>1D576</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4C;</span>=<span>1D577</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4D;</span>=<span>1D578</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4E;</span>=<span>1D579</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x4F;</span>=<span>1D57A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x50;</span>=<span>1D57B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x51;</span>=<span>1D57C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x52;</span>=<span>1D57D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x53;</span>=<span>1D57E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x54;</span>=<span>1D57F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x55;</span>=<span>1D580</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x56;</span>=<span>1D581</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x57;</span>=<span>1D582</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x58;</span>=<span>1D583</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x59;</span>=<span>1D584</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x5A;</span>=<span>1D585</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x61;</span>=<span>1D586</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x62;</span>=<span>1D587</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x63;</span>=<span>1D588</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x64;</span>=<span>1D589</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x65;</span>=<span>1D58A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x66;</span>=<span>1D58B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x67;</span>=<span>1D58C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x68;</span>=<span>1D58D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x69;</span>=<span>1D58E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6A;</span>=<span>1D58F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6B;</span>=<span>1D590</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6C;</span>=<span>1D591</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6D;</span>=<span>1D592</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6E;</span>=<span>1D593</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x6F;</span>=<span>1D594</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x70;</span>=<span>1D595</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x71;</span>=<span>1D596</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x72;</span>=<span>1D597</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x73;</span>=<span>1D598</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x74;</span>=<span>1D599</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x75;</span>=<span>1D59A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x76;</span>=<span>1D59B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x77;</span>=<span>1D59C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x78;</span>=<span>1D59D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x79;</span>=<span>1D59E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-fraktur">&#x7A;</span>=<span>1D59F</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative-ref.html
new file mode 100644
index 000000000000..e4e70cf80361
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative-ref.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-italic (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D74F;</span>=<span>1D74F</span></span>
+  <span><span class="testfont">&#x1D735;</span>=<span>1D735</span></span>
+  <span><span class="testfont">&#x1D468;</span>=<span>1D468</span></span>
+  <span><span class="testfont">&#x1D469;</span>=<span>1D469</span></span>
+  <span><span class="testfont">&#x1D46A;</span>=<span>1D46A</span></span>
+  <span><span class="testfont">&#x1D46B;</span>=<span>1D46B</span></span>
+  <span><span class="testfont">&#x1D46C;</span>=<span>1D46C</span></span>
+  <span><span class="testfont">&#x1D46D;</span>=<span>1D46D</span></span>
+  <span><span class="testfont">&#x1D46E;</span>=<span>1D46E</span></span>
+  <span><span class="testfont">&#x1D46F;</span>=<span>1D46F</span></span><br/>
+  <span><span class="testfont">&#x1D470;</span>=<span>1D470</span></span>
+  <span><span class="testfont">&#x1D471;</span>=<span>1D471</span></span>
+  <span><span class="testfont">&#x1D472;</span>=<span>1D472</span></span>
+  <span><span class="testfont">&#x1D473;</span>=<span>1D473</span></span>
+  <span><span class="testfont">&#x1D474;</span>=<span>1D474</span></span>
+  <span><span class="testfont">&#x1D475;</span>=<span>1D475</span></span>
+  <span><span class="testfont">&#x1D476;</span>=<span>1D476</span></span>
+  <span><span class="testfont">&#x1D477;</span>=<span>1D477</span></span>
+  <span><span class="testfont">&#x1D478;</span>=<span>1D478</span></span>
+  <span><span class="testfont">&#x1D479;</span>=<span>1D479</span></span><br/>
+  <span><span class="testfont">&#x1D47A;</span>=<span>1D47A</span></span>
+  <span><span class="testfont">&#x1D47B;</span>=<span>1D47B</span></span>
+  <span><span class="testfont">&#x1D47C;</span>=<span>1D47C</span></span>
+  <span><span class="testfont">&#x1D47D;</span>=<span>1D47D</span></span>
+  <span><span class="testfont">&#x1D47E;</span>=<span>1D47E</span></span>
+  <span><span class="testfont">&#x1D47F;</span>=<span>1D47F</span></span>
+  <span><span class="testfont">&#x1D480;</span>=<span>1D480</span></span>
+  <span><span class="testfont">&#x1D481;</span>=<span>1D481</span></span>
+  <span><span class="testfont">&#x1D482;</span>=<span>1D482</span></span>
+  <span><span class="testfont">&#x1D483;</span>=<span>1D483</span></span><br/>
+  <span><span class="testfont">&#x1D484;</span>=<span>1D484</span></span>
+  <span><span class="testfont">&#x1D485;</span>=<span>1D485</span></span>
+  <span><span class="testfont">&#x1D486;</span>=<span>1D486</span></span>
+  <span><span class="testfont">&#x1D487;</span>=<span>1D487</span></span>
+  <span><span class="testfont">&#x1D488;</span>=<span>1D488</span></span>
+  <span><span class="testfont">&#x1D489;</span>=<span>1D489</span></span>
+  <span><span class="testfont">&#x1D48A;</span>=<span>1D48A</span></span>
+  <span><span class="testfont">&#x1D48B;</span>=<span>1D48B</span></span>
+  <span><span class="testfont">&#x1D48C;</span>=<span>1D48C</span></span>
+  <span><span class="testfont">&#x1D48D;</span>=<span>1D48D</span></span><br/>
+  <span><span class="testfont">&#x1D48E;</span>=<span>1D48E</span></span>
+  <span><span class="testfont">&#x1D48F;</span>=<span>1D48F</span></span>
+  <span><span class="testfont">&#x1D490;</span>=<span>1D490</span></span>
+  <span><span class="testfont">&#x1D491;</span>=<span>1D491</span></span>
+  <span><span class="testfont">&#x1D492;</span>=<span>1D492</span></span>
+  <span><span class="testfont">&#x1D493;</span>=<span>1D493</span></span>
+  <span><span class="testfont">&#x1D494;</span>=<span>1D494</span></span>
+  <span><span class="testfont">&#x1D495;</span>=<span>1D495</span></span>
+  <span><span class="testfont">&#x1D496;</span>=<span>1D496</span></span>
+  <span><span class="testfont">&#x1D497;</span>=<span>1D497</span></span><br/>
+  <span><span class="testfont">&#x1D498;</span>=<span>1D498</span></span>
+  <span><span class="testfont">&#x1D499;</span>=<span>1D499</span></span>
+  <span><span class="testfont">&#x1D49A;</span>=<span>1D49A</span></span>
+  <span><span class="testfont">&#x1D49B;</span>=<span>1D49B</span></span>
+  <span><span class="testfont">&#x1D71C;</span>=<span>1D71C</span></span>
+  <span><span class="testfont">&#x1D71D;</span>=<span>1D71D</span></span>
+  <span><span class="testfont">&#x1D71E;</span>=<span>1D71E</span></span>
+  <span><span class="testfont">&#x1D71F;</span>=<span>1D71F</span></span>
+  <span><span class="testfont">&#x1D720;</span>=<span>1D720</span></span>
+  <span><span class="testfont">&#x1D721;</span>=<span>1D721</span></span><br/>
+  <span><span class="testfont">&#x1D722;</span>=<span>1D722</span></span>
+  <span><span class="testfont">&#x1D723;</span>=<span>1D723</span></span>
+  <span><span class="testfont">&#x1D724;</span>=<span>1D724</span></span>
+  <span><span class="testfont">&#x1D725;</span>=<span>1D725</span></span>
+  <span><span class="testfont">&#x1D726;</span>=<span>1D726</span></span>
+  <span><span class="testfont">&#x1D727;</span>=<span>1D727</span></span>
+  <span><span class="testfont">&#x1D728;</span>=<span>1D728</span></span>
+  <span><span class="testfont">&#x1D729;</span>=<span>1D729</span></span>
+  <span><span class="testfont">&#x1D72A;</span>=<span>1D72A</span></span>
+  <span><span class="testfont">&#x1D72B;</span>=<span>1D72B</span></span><br/>
+  <span><span class="testfont">&#x1D72C;</span>=<span>1D72C</span></span>
+  <span><span class="testfont">&#x1D72E;</span>=<span>1D72E</span></span>
+  <span><span class="testfont">&#x1D72F;</span>=<span>1D72F</span></span>
+  <span><span class="testfont">&#x1D730;</span>=<span>1D730</span></span>
+  <span><span class="testfont">&#x1D731;</span>=<span>1D731</span></span>
+  <span><span class="testfont">&#x1D732;</span>=<span>1D732</span></span>
+  <span><span class="testfont">&#x1D733;</span>=<span>1D733</span></span>
+  <span><span class="testfont">&#x1D734;</span>=<span>1D734</span></span>
+  <span><span class="testfont">&#x1D736;</span>=<span>1D736</span></span>
+  <span><span class="testfont">&#x1D737;</span>=<span>1D737</span></span><br/>
+  <span><span class="testfont">&#x1D738;</span>=<span>1D738</span></span>
+  <span><span class="testfont">&#x1D739;</span>=<span>1D739</span></span>
+  <span><span class="testfont">&#x1D73A;</span>=<span>1D73A</span></span>
+  <span><span class="testfont">&#x1D73B;</span>=<span>1D73B</span></span>
+  <span><span class="testfont">&#x1D73C;</span>=<span>1D73C</span></span>
+  <span><span class="testfont">&#x1D73D;</span>=<span>1D73D</span></span>
+  <span><span class="testfont">&#x1D73E;</span>=<span>1D73E</span></span>
+  <span><span class="testfont">&#x1D73F;</span>=<span>1D73F</span></span>
+  <span><span class="testfont">&#x1D740;</span>=<span>1D740</span></span>
+  <span><span class="testfont">&#x1D741;</span>=<span>1D741</span></span><br/>
+  <span><span class="testfont">&#x1D742;</span>=<span>1D742</span></span>
+  <span><span class="testfont">&#x1D743;</span>=<span>1D743</span></span>
+  <span><span class="testfont">&#x1D744;</span>=<span>1D744</span></span>
+  <span><span class="testfont">&#x1D745;</span>=<span>1D745</span></span>
+  <span><span class="testfont">&#x1D746;</span>=<span>1D746</span></span>
+  <span><span class="testfont">&#x1D747;</span>=<span>1D747</span></span>
+  <span><span class="testfont">&#x1D748;</span>=<span>1D748</span></span>
+  <span><span class="testfont">&#x1D749;</span>=<span>1D749</span></span>
+  <span><span class="testfont">&#x1D74A;</span>=<span>1D74A</span></span>
+  <span><span class="testfont">&#x1D74B;</span>=<span>1D74B</span></span><br/>
+  <span><span class="testfont">&#x1D74C;</span>=<span>1D74C</span></span>
+  <span><span class="testfont">&#x1D74D;</span>=<span>1D74D</span></span>
+  <span><span class="testfont">&#x1D74E;</span>=<span>1D74E</span></span>
+  <span><span class="testfont">&#x1D751;</span>=<span>1D751</span></span>
+  <span><span class="testfont">&#x1D753;</span>=<span>1D753</span></span>
+  <span><span class="testfont">&#x1D755;</span>=<span>1D755</span></span>
+  <span><span class="testfont">&#x1D752;</span>=<span>1D752</span></span>
+  <span><span class="testfont">&#x1D754;</span>=<span>1D754</span></span>
+  <span><span class="testfont">&#x1D72D;</span>=<span>1D72D</span></span>
+  <span><span class="testfont">&#x1D750;</span>=<span>1D750</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html
new file mode 100644
index 000000000000..2de6be10a705
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-italic-001.tentative.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-italic</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-bold-italic-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-bold-italic' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x2202;</span>=<span>1D74F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x2207;</span>=<span>1D735</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x41;</span>=<span>1D468</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x42;</span>=<span>1D469</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x43;</span>=<span>1D46A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x44;</span>=<span>1D46B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x45;</span>=<span>1D46C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x46;</span>=<span>1D46D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x47;</span>=<span>1D46E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x48;</span>=<span>1D46F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x49;</span>=<span>1D470</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x4A;</span>=<span>1D471</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x4B;</span>=<span>1D472</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x4C;</span>=<span>1D473</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x4D;</span>=<span>1D474</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x4E;</span>=<span>1D475</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x4F;</span>=<span>1D476</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x50;</span>=<span>1D477</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x51;</span>=<span>1D478</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x52;</span>=<span>1D479</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x53;</span>=<span>1D47A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x54;</span>=<span>1D47B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x55;</span>=<span>1D47C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x56;</span>=<span>1D47D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x57;</span>=<span>1D47E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x58;</span>=<span>1D47F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x59;</span>=<span>1D480</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x5A;</span>=<span>1D481</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x61;</span>=<span>1D482</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x62;</span>=<span>1D483</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x63;</span>=<span>1D484</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x64;</span>=<span>1D485</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x65;</span>=<span>1D486</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x66;</span>=<span>1D487</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x67;</span>=<span>1D488</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x68;</span>=<span>1D489</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x69;</span>=<span>1D48A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x6A;</span>=<span>1D48B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x6B;</span>=<span>1D48C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x6C;</span>=<span>1D48D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x6D;</span>=<span>1D48E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x6E;</span>=<span>1D48F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x6F;</span>=<span>1D490</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x70;</span>=<span>1D491</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x71;</span>=<span>1D492</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x72;</span>=<span>1D493</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x73;</span>=<span>1D494</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x74;</span>=<span>1D495</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x75;</span>=<span>1D496</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x76;</span>=<span>1D497</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x77;</span>=<span>1D498</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x78;</span>=<span>1D499</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x79;</span>=<span>1D49A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x7A;</span>=<span>1D49B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x391;</span>=<span>1D71C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x392;</span>=<span>1D71D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x393;</span>=<span>1D71E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x394;</span>=<span>1D71F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x395;</span>=<span>1D720</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x396;</span>=<span>1D721</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x397;</span>=<span>1D722</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x398;</span>=<span>1D723</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x399;</span>=<span>1D724</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x39A;</span>=<span>1D725</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x39B;</span>=<span>1D726</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x39C;</span>=<span>1D727</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x39D;</span>=<span>1D728</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x39E;</span>=<span>1D729</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x39F;</span>=<span>1D72A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A0;</span>=<span>1D72B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A1;</span>=<span>1D72C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A3;</span>=<span>1D72E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A4;</span>=<span>1D72F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A5;</span>=<span>1D730</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A6;</span>=<span>1D731</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A7;</span>=<span>1D732</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A8;</span>=<span>1D733</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3A9;</span>=<span>1D734</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B1;</span>=<span>1D736</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B2;</span>=<span>1D737</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B3;</span>=<span>1D738</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B4;</span>=<span>1D739</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B5;</span>=<span>1D73A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B6;</span>=<span>1D73B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B7;</span>=<span>1D73C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B8;</span>=<span>1D73D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3B9;</span>=<span>1D73E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3BA;</span>=<span>1D73F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3BB;</span>=<span>1D740</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3BC;</span>=<span>1D741</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3BD;</span>=<span>1D742</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3BE;</span>=<span>1D743</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3BF;</span>=<span>1D744</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C0;</span>=<span>1D745</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C1;</span>=<span>1D746</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C2;</span>=<span>1D747</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C3;</span>=<span>1D748</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C4;</span>=<span>1D749</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C5;</span>=<span>1D74A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C6;</span>=<span>1D74B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C7;</span>=<span>1D74C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C8;</span>=<span>1D74D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3C9;</span>=<span>1D74E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3D1;</span>=<span>1D751</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3D5;</span>=<span>1D753</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3D6;</span>=<span>1D755</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3F0;</span>=<span>1D752</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3F1;</span>=<span>1D754</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3F4;</span>=<span>1D72D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-italic">&#x3F5;</span>=<span>1D750</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative-ref.html
new file mode 100644
index 000000000000..e83fa69f01ae
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative-ref.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-sans-serif (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-sans-serif.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D789;</span>=<span>1D789</span></span>
+  <span><span class="testfont">&#x1D76F;</span>=<span>1D76F</span></span>
+  <span><span class="testfont">&#x1D7EC;</span>=<span>1D7EC</span></span>
+  <span><span class="testfont">&#x1D7ED;</span>=<span>1D7ED</span></span>
+  <span><span class="testfont">&#x1D7EE;</span>=<span>1D7EE</span></span>
+  <span><span class="testfont">&#x1D7EF;</span>=<span>1D7EF</span></span>
+  <span><span class="testfont">&#x1D7F0;</span>=<span>1D7F0</span></span>
+  <span><span class="testfont">&#x1D7F1;</span>=<span>1D7F1</span></span>
+  <span><span class="testfont">&#x1D7F2;</span>=<span>1D7F2</span></span>
+  <span><span class="testfont">&#x1D7F3;</span>=<span>1D7F3</span></span><br/>
+  <span><span class="testfont">&#x1D7F4;</span>=<span>1D7F4</span></span>
+  <span><span class="testfont">&#x1D7F5;</span>=<span>1D7F5</span></span>
+  <span><span class="testfont">&#x1D5D4;</span>=<span>1D5D4</span></span>
+  <span><span class="testfont">&#x1D5D5;</span>=<span>1D5D5</span></span>
+  <span><span class="testfont">&#x1D5D6;</span>=<span>1D5D6</span></span>
+  <span><span class="testfont">&#x1D5D7;</span>=<span>1D5D7</span></span>
+  <span><span class="testfont">&#x1D5D8;</span>=<span>1D5D8</span></span>
+  <span><span class="testfont">&#x1D5D9;</span>=<span>1D5D9</span></span>
+  <span><span class="testfont">&#x1D5DA;</span>=<span>1D5DA</span></span>
+  <span><span class="testfont">&#x1D5DB;</span>=<span>1D5DB</span></span><br/>
+  <span><span class="testfont">&#x1D5DC;</span>=<span>1D5DC</span></span>
+  <span><span class="testfont">&#x1D5DD;</span>=<span>1D5DD</span></span>
+  <span><span class="testfont">&#x1D5DE;</span>=<span>1D5DE</span></span>
+  <span><span class="testfont">&#x1D5DF;</span>=<span>1D5DF</span></span>
+  <span><span class="testfont">&#x1D5E0;</span>=<span>1D5E0</span></span>
+  <span><span class="testfont">&#x1D5E1;</span>=<span>1D5E1</span></span>
+  <span><span class="testfont">&#x1D5E2;</span>=<span>1D5E2</span></span>
+  <span><span class="testfont">&#x1D5E3;</span>=<span>1D5E3</span></span>
+  <span><span class="testfont">&#x1D5E4;</span>=<span>1D5E4</span></span>
+  <span><span class="testfont">&#x1D5E5;</span>=<span>1D5E5</span></span><br/>
+  <span><span class="testfont">&#x1D5E6;</span>=<span>1D5E6</span></span>
+  <span><span class="testfont">&#x1D5E7;</span>=<span>1D5E7</span></span>
+  <span><span class="testfont">&#x1D5E8;</span>=<span>1D5E8</span></span>
+  <span><span class="testfont">&#x1D5E9;</span>=<span>1D5E9</span></span>
+  <span><span class="testfont">&#x1D5EA;</span>=<span>1D5EA</span></span>
+  <span><span class="testfont">&#x1D5EB;</span>=<span>1D5EB</span></span>
+  <span><span class="testfont">&#x1D5EC;</span>=<span>1D5EC</span></span>
+  <span><span class="testfont">&#x1D5ED;</span>=<span>1D5ED</span></span>
+  <span><span class="testfont">&#x1D5EE;</span>=<span>1D5EE</span></span>
+  <span><span class="testfont">&#x1D5EF;</span>=<span>1D5EF</span></span><br/>
+  <span><span class="testfont">&#x1D5F0;</span>=<span>1D5F0</span></span>
+  <span><span class="testfont">&#x1D5F1;</span>=<span>1D5F1</span></span>
+  <span><span class="testfont">&#x1D5F2;</span>=<span>1D5F2</span></span>
+  <span><span class="testfont">&#x1D5F3;</span>=<span>1D5F3</span></span>
+  <span><span class="testfont">&#x1D5F4;</span>=<span>1D5F4</span></span>
+  <span><span class="testfont">&#x1D5F5;</span>=<span>1D5F5</span></span>
+  <span><span class="testfont">&#x1D5F6;</span>=<span>1D5F6</span></span>
+  <span><span class="testfont">&#x1D5F7;</span>=<span>1D5F7</span></span>
+  <span><span class="testfont">&#x1D5F8;</span>=<span>1D5F8</span></span>
+  <span><span class="testfont">&#x1D5F9;</span>=<span>1D5F9</span></span><br/>
+  <span><span class="testfont">&#x1D5FA;</span>=<span>1D5FA</span></span>
+  <span><span class="testfont">&#x1D5FB;</span>=<span>1D5FB</span></span>
+  <span><span class="testfont">&#x1D5FC;</span>=<span>1D5FC</span></span>
+  <span><span class="testfont">&#x1D5FD;</span>=<span>1D5FD</span></span>
+  <span><span class="testfont">&#x1D5FE;</span>=<span>1D5FE</span></span>
+  <span><span class="testfont">&#x1D5FF;</span>=<span>1D5FF</span></span>
+  <span><span class="testfont">&#x1D600;</span>=<span>1D600</span></span>
+  <span><span class="testfont">&#x1D601;</span>=<span>1D601</span></span>
+  <span><span class="testfont">&#x1D602;</span>=<span>1D602</span></span>
+  <span><span class="testfont">&#x1D603;</span>=<span>1D603</span></span><br/>
+  <span><span class="testfont">&#x1D604;</span>=<span>1D604</span></span>
+  <span><span class="testfont">&#x1D605;</span>=<span>1D605</span></span>
+  <span><span class="testfont">&#x1D606;</span>=<span>1D606</span></span>
+  <span><span class="testfont">&#x1D607;</span>=<span>1D607</span></span>
+  <span><span class="testfont">&#x1D756;</span>=<span>1D756</span></span>
+  <span><span class="testfont">&#x1D757;</span>=<span>1D757</span></span>
+  <span><span class="testfont">&#x1D758;</span>=<span>1D758</span></span>
+  <span><span class="testfont">&#x1D759;</span>=<span>1D759</span></span>
+  <span><span class="testfont">&#x1D75A;</span>=<span>1D75A</span></span>
+  <span><span class="testfont">&#x1D75B;</span>=<span>1D75B</span></span><br/>
+  <span><span class="testfont">&#x1D75C;</span>=<span>1D75C</span></span>
+  <span><span class="testfont">&#x1D75D;</span>=<span>1D75D</span></span>
+  <span><span class="testfont">&#x1D75E;</span>=<span>1D75E</span></span>
+  <span><span class="testfont">&#x1D75F;</span>=<span>1D75F</span></span>
+  <span><span class="testfont">&#x1D760;</span>=<span>1D760</span></span>
+  <span><span class="testfont">&#x1D761;</span>=<span>1D761</span></span>
+  <span><span class="testfont">&#x1D762;</span>=<span>1D762</span></span>
+  <span><span class="testfont">&#x1D763;</span>=<span>1D763</span></span>
+  <span><span class="testfont">&#x1D764;</span>=<span>1D764</span></span>
+  <span><span class="testfont">&#x1D765;</span>=<span>1D765</span></span><br/>
+  <span><span class="testfont">&#x1D766;</span>=<span>1D766</span></span>
+  <span><span class="testfont">&#x1D768;</span>=<span>1D768</span></span>
+  <span><span class="testfont">&#x1D769;</span>=<span>1D769</span></span>
+  <span><span class="testfont">&#x1D76A;</span>=<span>1D76A</span></span>
+  <span><span class="testfont">&#x1D76B;</span>=<span>1D76B</span></span>
+  <span><span class="testfont">&#x1D76C;</span>=<span>1D76C</span></span>
+  <span><span class="testfont">&#x1D76D;</span>=<span>1D76D</span></span>
+  <span><span class="testfont">&#x1D76E;</span>=<span>1D76E</span></span>
+  <span><span class="testfont">&#x1D770;</span>=<span>1D770</span></span>
+  <span><span class="testfont">&#x1D771;</span>=<span>1D771</span></span><br/>
+  <span><span class="testfont">&#x1D772;</span>=<span>1D772</span></span>
+  <span><span class="testfont">&#x1D773;</span>=<span>1D773</span></span>
+  <span><span class="testfont">&#x1D774;</span>=<span>1D774</span></span>
+  <span><span class="testfont">&#x1D775;</span>=<span>1D775</span></span>
+  <span><span class="testfont">&#x1D776;</span>=<span>1D776</span></span>
+  <span><span class="testfont">&#x1D777;</span>=<span>1D777</span></span>
+  <span><span class="testfont">&#x1D778;</span>=<span>1D778</span></span>
+  <span><span class="testfont">&#x1D779;</span>=<span>1D779</span></span>
+  <span><span class="testfont">&#x1D77A;</span>=<span>1D77A</span></span>
+  <span><span class="testfont">&#x1D77B;</span>=<span>1D77B</span></span><br/>
+  <span><span class="testfont">&#x1D77C;</span>=<span>1D77C</span></span>
+  <span><span class="testfont">&#x1D77D;</span>=<span>1D77D</span></span>
+  <span><span class="testfont">&#x1D77E;</span>=<span>1D77E</span></span>
+  <span><span class="testfont">&#x1D77F;</span>=<span>1D77F</span></span>
+  <span><span class="testfont">&#x1D780;</span>=<span>1D780</span></span>
+  <span><span class="testfont">&#x1D781;</span>=<span>1D781</span></span>
+  <span><span class="testfont">&#x1D782;</span>=<span>1D782</span></span>
+  <span><span class="testfont">&#x1D783;</span>=<span>1D783</span></span>
+  <span><span class="testfont">&#x1D784;</span>=<span>1D784</span></span>
+  <span><span class="testfont">&#x1D785;</span>=<span>1D785</span></span><br/>
+  <span><span class="testfont">&#x1D786;</span>=<span>1D786</span></span>
+  <span><span class="testfont">&#x1D787;</span>=<span>1D787</span></span>
+  <span><span class="testfont">&#x1D788;</span>=<span>1D788</span></span>
+  <span><span class="testfont">&#x1D78B;</span>=<span>1D78B</span></span>
+  <span><span class="testfont">&#x1D78D;</span>=<span>1D78D</span></span>
+  <span><span class="testfont">&#x1D78F;</span>=<span>1D78F</span></span>
+  <span><span class="testfont">&#x1D78C;</span>=<span>1D78C</span></span>
+  <span><span class="testfont">&#x1D78E;</span>=<span>1D78E</span></span>
+  <span><span class="testfont">&#x1D767;</span>=<span>1D767</span></span>
+  <span><span class="testfont">&#x1D78A;</span>=<span>1D78A</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html
new file mode 100644
index 000000000000..53c6314a82b3
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-sans-serif-001.tentative.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-sans-serif</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-bold-sans-serif-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-bold-sans-serif' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-sans-serif.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x2202;</span>=<span>1D789</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x2207;</span>=<span>1D76F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x30;</span>=<span>1D7EC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x31;</span>=<span>1D7ED</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x32;</span>=<span>1D7EE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x33;</span>=<span>1D7EF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x34;</span>=<span>1D7F0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x35;</span>=<span>1D7F1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x36;</span>=<span>1D7F2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x37;</span>=<span>1D7F3</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x38;</span>=<span>1D7F4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39;</span>=<span>1D7F5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x41;</span>=<span>1D5D4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x42;</span>=<span>1D5D5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x43;</span>=<span>1D5D6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x44;</span>=<span>1D5D7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x45;</span>=<span>1D5D8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x46;</span>=<span>1D5D9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x47;</span>=<span>1D5DA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x48;</span>=<span>1D5DB</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x49;</span>=<span>1D5DC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4A;</span>=<span>1D5DD</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4B;</span>=<span>1D5DE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4C;</span>=<span>1D5DF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4D;</span>=<span>1D5E0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4E;</span>=<span>1D5E1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x4F;</span>=<span>1D5E2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x50;</span>=<span>1D5E3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x51;</span>=<span>1D5E4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x52;</span>=<span>1D5E5</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x53;</span>=<span>1D5E6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x54;</span>=<span>1D5E7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x55;</span>=<span>1D5E8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x56;</span>=<span>1D5E9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x57;</span>=<span>1D5EA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x58;</span>=<span>1D5EB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x59;</span>=<span>1D5EC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x5A;</span>=<span>1D5ED</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x61;</span>=<span>1D5EE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x62;</span>=<span>1D5EF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x63;</span>=<span>1D5F0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x64;</span>=<span>1D5F1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x65;</span>=<span>1D5F2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x66;</span>=<span>1D5F3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x67;</span>=<span>1D5F4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x68;</span>=<span>1D5F5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x69;</span>=<span>1D5F6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6A;</span>=<span>1D5F7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6B;</span>=<span>1D5F8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6C;</span>=<span>1D5F9</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6D;</span>=<span>1D5FA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6E;</span>=<span>1D5FB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x6F;</span>=<span>1D5FC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x70;</span>=<span>1D5FD</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x71;</span>=<span>1D5FE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x72;</span>=<span>1D5FF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x73;</span>=<span>1D600</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x74;</span>=<span>1D601</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x75;</span>=<span>1D602</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x76;</span>=<span>1D603</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x77;</span>=<span>1D604</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x78;</span>=<span>1D605</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x79;</span>=<span>1D606</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x7A;</span>=<span>1D607</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x391;</span>=<span>1D756</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x392;</span>=<span>1D757</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x393;</span>=<span>1D758</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x394;</span>=<span>1D759</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x395;</span>=<span>1D75A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x396;</span>=<span>1D75B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x397;</span>=<span>1D75C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x398;</span>=<span>1D75D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x399;</span>=<span>1D75E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39A;</span>=<span>1D75F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39B;</span>=<span>1D760</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39C;</span>=<span>1D761</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39D;</span>=<span>1D762</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39E;</span>=<span>1D763</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x39F;</span>=<span>1D764</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A0;</span>=<span>1D765</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A1;</span>=<span>1D766</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A3;</span>=<span>1D768</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A4;</span>=<span>1D769</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A5;</span>=<span>1D76A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A6;</span>=<span>1D76B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A7;</span>=<span>1D76C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A8;</span>=<span>1D76D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3A9;</span>=<span>1D76E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B1;</span>=<span>1D770</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B2;</span>=<span>1D771</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B3;</span>=<span>1D772</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B4;</span>=<span>1D773</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B5;</span>=<span>1D774</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B6;</span>=<span>1D775</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B7;</span>=<span>1D776</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B8;</span>=<span>1D777</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3B9;</span>=<span>1D778</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BA;</span>=<span>1D779</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BB;</span>=<span>1D77A</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BC;</span>=<span>1D77B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BD;</span>=<span>1D77C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BE;</span>=<span>1D77D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3BF;</span>=<span>1D77E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C0;</span>=<span>1D77F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C1;</span>=<span>1D780</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C2;</span>=<span>1D781</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C3;</span>=<span>1D782</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C4;</span>=<span>1D783</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C5;</span>=<span>1D784</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C6;</span>=<span>1D785</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C7;</span>=<span>1D786</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C8;</span>=<span>1D787</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3C9;</span>=<span>1D788</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3D1;</span>=<span>1D78B</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3D5;</span>=<span>1D78D</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3D6;</span>=<span>1D78F</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F0;</span>=<span>1D78C</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F1;</span>=<span>1D78E</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F4;</span>=<span>1D767</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-sans-serif">&#x3F5;</span>=<span>1D78A</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative-ref.html
new file mode 100644
index 000000000000..1b5a74c9e82f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-script (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-script.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D4D0;</span>=<span>1D4D0</span></span>
+  <span><span class="testfont">&#x1D4D1;</span>=<span>1D4D1</span></span>
+  <span><span class="testfont">&#x1D4D2;</span>=<span>1D4D2</span></span>
+  <span><span class="testfont">&#x1D4D3;</span>=<span>1D4D3</span></span>
+  <span><span class="testfont">&#x1D4D4;</span>=<span>1D4D4</span></span>
+  <span><span class="testfont">&#x1D4D5;</span>=<span>1D4D5</span></span>
+  <span><span class="testfont">&#x1D4D6;</span>=<span>1D4D6</span></span>
+  <span><span class="testfont">&#x1D4D7;</span>=<span>1D4D7</span></span>
+  <span><span class="testfont">&#x1D4D8;</span>=<span>1D4D8</span></span>
+  <span><span class="testfont">&#x1D4D9;</span>=<span>1D4D9</span></span><br/>
+  <span><span class="testfont">&#x1D4DA;</span>=<span>1D4DA</span></span>
+  <span><span class="testfont">&#x1D4DB;</span>=<span>1D4DB</span></span>
+  <span><span class="testfont">&#x1D4DC;</span>=<span>1D4DC</span></span>
+  <span><span class="testfont">&#x1D4DD;</span>=<span>1D4DD</span></span>
+  <span><span class="testfont">&#x1D4DE;</span>=<span>1D4DE</span></span>
+  <span><span class="testfont">&#x1D4DF;</span>=<span>1D4DF</span></span>
+  <span><span class="testfont">&#x1D4E0;</span>=<span>1D4E0</span></span>
+  <span><span class="testfont">&#x1D4E1;</span>=<span>1D4E1</span></span>
+  <span><span class="testfont">&#x1D4E2;</span>=<span>1D4E2</span></span>
+  <span><span class="testfont">&#x1D4E3;</span>=<span>1D4E3</span></span><br/>
+  <span><span class="testfont">&#x1D4E4;</span>=<span>1D4E4</span></span>
+  <span><span class="testfont">&#x1D4E5;</span>=<span>1D4E5</span></span>
+  <span><span class="testfont">&#x1D4E6;</span>=<span>1D4E6</span></span>
+  <span><span class="testfont">&#x1D4E7;</span>=<span>1D4E7</span></span>
+  <span><span class="testfont">&#x1D4E8;</span>=<span>1D4E8</span></span>
+  <span><span class="testfont">&#x1D4E9;</span>=<span>1D4E9</span></span>
+  <span><span class="testfont">&#x1D4EA;</span>=<span>1D4EA</span></span>
+  <span><span class="testfont">&#x1D4EB;</span>=<span>1D4EB</span></span>
+  <span><span class="testfont">&#x1D4EC;</span>=<span>1D4EC</span></span>
+  <span><span class="testfont">&#x1D4ED;</span>=<span>1D4ED</span></span><br/>
+  <span><span class="testfont">&#x1D4EE;</span>=<span>1D4EE</span></span>
+  <span><span class="testfont">&#x1D4EF;</span>=<span>1D4EF</span></span>
+  <span><span class="testfont">&#x1D4F0;</span>=<span>1D4F0</span></span>
+  <span><span class="testfont">&#x1D4F1;</span>=<span>1D4F1</span></span>
+  <span><span class="testfont">&#x1D4F2;</span>=<span>1D4F2</span></span>
+  <span><span class="testfont">&#x1D4F3;</span>=<span>1D4F3</span></span>
+  <span><span class="testfont">&#x1D4F4;</span>=<span>1D4F4</span></span>
+  <span><span class="testfont">&#x1D4F5;</span>=<span>1D4F5</span></span>
+  <span><span class="testfont">&#x1D4F6;</span>=<span>1D4F6</span></span>
+  <span><span class="testfont">&#x1D4F7;</span>=<span>1D4F7</span></span><br/>
+  <span><span class="testfont">&#x1D4F8;</span>=<span>1D4F8</span></span>
+  <span><span class="testfont">&#x1D4F9;</span>=<span>1D4F9</span></span>
+  <span><span class="testfont">&#x1D4FA;</span>=<span>1D4FA</span></span>
+  <span><span class="testfont">&#x1D4FB;</span>=<span>1D4FB</span></span>
+  <span><span class="testfont">&#x1D4FC;</span>=<span>1D4FC</span></span>
+  <span><span class="testfont">&#x1D4FD;</span>=<span>1D4FD</span></span>
+  <span><span class="testfont">&#x1D4FE;</span>=<span>1D4FE</span></span>
+  <span><span class="testfont">&#x1D4FF;</span>=<span>1D4FF</span></span>
+  <span><span class="testfont">&#x1D500;</span>=<span>1D500</span></span>
+  <span><span class="testfont">&#x1D501;</span>=<span>1D501</span></span><br/>
+  <span><span class="testfont">&#x1D502;</span>=<span>1D502</span></span>
+  <span><span class="testfont">&#x1D503;</span>=<span>1D503</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html
new file mode 100644
index 000000000000..7786fc475146
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-bold-script-001.tentative.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-bold-script</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-bold-script-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-bold-script' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-bold-script.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x41;</span>=<span>1D4D0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x42;</span>=<span>1D4D1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x43;</span>=<span>1D4D2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x44;</span>=<span>1D4D3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x45;</span>=<span>1D4D4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x46;</span>=<span>1D4D5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x47;</span>=<span>1D4D6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x48;</span>=<span>1D4D7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x49;</span>=<span>1D4D8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x4A;</span>=<span>1D4D9</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x4B;</span>=<span>1D4DA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x4C;</span>=<span>1D4DB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x4D;</span>=<span>1D4DC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x4E;</span>=<span>1D4DD</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x4F;</span>=<span>1D4DE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x50;</span>=<span>1D4DF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x51;</span>=<span>1D4E0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x52;</span>=<span>1D4E1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x53;</span>=<span>1D4E2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x54;</span>=<span>1D4E3</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x55;</span>=<span>1D4E4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x56;</span>=<span>1D4E5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x57;</span>=<span>1D4E6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x58;</span>=<span>1D4E7</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x59;</span>=<span>1D4E8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x5A;</span>=<span>1D4E9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x61;</span>=<span>1D4EA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x62;</span>=<span>1D4EB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x63;</span>=<span>1D4EC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x64;</span>=<span>1D4ED</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x65;</span>=<span>1D4EE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x66;</span>=<span>1D4EF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x67;</span>=<span>1D4F0</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x68;</span>=<span>1D4F1</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x69;</span>=<span>1D4F2</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x6A;</span>=<span>1D4F3</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x6B;</span>=<span>1D4F4</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x6C;</span>=<span>1D4F5</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x6D;</span>=<span>1D4F6</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x6E;</span>=<span>1D4F7</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x6F;</span>=<span>1D4F8</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x70;</span>=<span>1D4F9</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x71;</span>=<span>1D4FA</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x72;</span>=<span>1D4FB</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x73;</span>=<span>1D4FC</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x74;</span>=<span>1D4FD</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x75;</span>=<span>1D4FE</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x76;</span>=<span>1D4FF</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x77;</span>=<span>1D500</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x78;</span>=<span>1D501</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x79;</span>=<span>1D502</span></span>
+  <span><span class="testfont" style="text-transform: math-bold-script">&#x7A;</span>=<span>1D503</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative-ref.html
new file mode 100644
index 000000000000..09f137a6242c
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative-ref.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-double-struck (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-double-struck.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1EEA1;</span>=<span>1EEA1</span></span>
+  <span><span class="testfont">&#x1EEB5;</span>=<span>1EEB5</span></span>
+  <span><span class="testfont">&#x1EEB6;</span>=<span>1EEB6</span></span>
+  <span><span class="testfont">&#x1EEA2;</span>=<span>1EEA2</span></span>
+  <span><span class="testfont">&#x1EEA7;</span>=<span>1EEA7</span></span>
+  <span><span class="testfont">&#x1EEB7;</span>=<span>1EEB7</span></span>
+  <span><span class="testfont">&#x1EEA3;</span>=<span>1EEA3</span></span>
+  <span><span class="testfont">&#x1EEB8;</span>=<span>1EEB8</span></span>
+  <span><span class="testfont">&#x1EEB3;</span>=<span>1EEB3</span></span>
+  <span><span class="testfont">&#x1EEA6;</span>=<span>1EEA6</span></span><br/>
+  <span><span class="testfont">&#x1D7DB;</span>=<span>1D7DB</span></span>
+  <span><span class="testfont">&#x1D7DC;</span>=<span>1D7DC</span></span>
+  <span><span class="testfont">&#x1D7DD;</span>=<span>1D7DD</span></span>
+  <span><span class="testfont">&#x1EEB9;</span>=<span>1EEB9</span></span>
+  <span><span class="testfont">&#x1EEA8;</span>=<span>1EEA8</span></span>
+  <span><span class="testfont">&#x1EEBA;</span>=<span>1EEBA</span></span>
+  <span><span class="testfont">&#x1D7E1;</span>=<span>1D7E1</span></span>
+  <span><span class="testfont">&#x1EEBB;</span>=<span>1EEBB</span></span>
+  <span><span class="testfont">&#x1EEB0;</span>=<span>1EEB0</span></span>
+  <span><span class="testfont">&#x1EEB2;</span>=<span>1EEB2</span></span><br/>
+  <span><span class="testfont">&#x2102;</span>=<span>02102</span></span>
+  <span><span class="testfont">&#x1EEAB;</span>=<span>1EEAB</span></span>
+  <span><span class="testfont">&#x1EEAC;</span>=<span>1EEAC</span></span>
+  <span><span class="testfont">&#x1EEAD;</span>=<span>1EEAD</span></span>
+  <span><span class="testfont">&#x1D53E;</span>=<span>1D53E</span></span>
+  <span><span class="testfont">&#x1EEA5;</span>=<span>1EEA5</span></span>
+  <span><span class="testfont">&#x1D540;</span>=<span>1D540</span></span>
+  <span><span class="testfont">&#x1EEA9;</span>=<span>1EEA9</span></span>
+  <span><span class="testfont">&#x1D542;</span>=<span>1D542</span></span>
+  <span><span class="testfont">&#x1D543;</span>=<span>1D543</span></span><br/>
+  <span><span class="testfont">&#x1D544;</span>=<span>1D544</span></span>
+  <span><span class="testfont">&#x2115;</span>=<span>02115</span></span>
+  <span><span class="testfont">&#x1D546;</span>=<span>1D546</span></span>
+  <span><span class="testfont">&#x2119;</span>=<span>02119</span></span>
+  <span><span class="testfont">&#x211A;</span>=<span>0211A</span></span>
+  <span><span class="testfont">&#x211D;</span>=<span>0211D</span></span>
+  <span><span class="testfont">&#x1D54A;</span>=<span>1D54A</span></span>
+  <span><span class="testfont">&#x1D54B;</span>=<span>1D54B</span></span>
+  <span><span class="testfont">&#x1D54C;</span>=<span>1D54C</span></span>
+  <span><span class="testfont">&#x1D54D;</span>=<span>1D54D</span></span><br/>
+  <span><span class="testfont">&#x1D54E;</span>=<span>1D54E</span></span>
+  <span><span class="testfont">&#x1D54F;</span>=<span>1D54F</span></span>
+  <span><span class="testfont">&#x1D550;</span>=<span>1D550</span></span>
+  <span><span class="testfont">&#x2124;</span>=<span>02124</span></span>
+  <span><span class="testfont">&#x1D552;</span>=<span>1D552</span></span>
+  <span><span class="testfont">&#x1D553;</span>=<span>1D553</span></span>
+  <span><span class="testfont">&#x1D554;</span>=<span>1D554</span></span>
+  <span><span class="testfont">&#x1D555;</span>=<span>1D555</span></span>
+  <span><span class="testfont">&#x1D556;</span>=<span>1D556</span></span>
+  <span><span class="testfont">&#x1D557;</span>=<span>1D557</span></span><br/>
+  <span><span class="testfont">&#x1D558;</span>=<span>1D558</span></span>
+  <span><span class="testfont">&#x1D559;</span>=<span>1D559</span></span>
+  <span><span class="testfont">&#x1D55A;</span>=<span>1D55A</span></span>
+  <span><span class="testfont">&#x1D55B;</span>=<span>1D55B</span></span>
+  <span><span class="testfont">&#x1D55C;</span>=<span>1D55C</span></span>
+  <span><span class="testfont">&#x1D55D;</span>=<span>1D55D</span></span>
+  <span><span class="testfont">&#x1D55E;</span>=<span>1D55E</span></span>
+  <span><span class="testfont">&#x1D55F;</span>=<span>1D55F</span></span>
+  <span><span class="testfont">&#x1D560;</span>=<span>1D560</span></span>
+  <span><span class="testfont">&#x1D561;</span>=<span>1D561</span></span><br/>
+  <span><span class="testfont">&#x1D562;</span>=<span>1D562</span></span>
+  <span><span class="testfont">&#x1D563;</span>=<span>1D563</span></span>
+  <span><span class="testfont">&#x1D564;</span>=<span>1D564</span></span>
+  <span><span class="testfont">&#x1D565;</span>=<span>1D565</span></span>
+  <span><span class="testfont">&#x1D566;</span>=<span>1D566</span></span>
+  <span><span class="testfont">&#x1D567;</span>=<span>1D567</span></span>
+  <span><span class="testfont">&#x1D568;</span>=<span>1D568</span></span>
+  <span><span class="testfont">&#x1D569;</span>=<span>1D569</span></span>
+  <span><span class="testfont">&#x1D56A;</span>=<span>1D56A</span></span>
+  <span><span class="testfont">&#x1D56B;</span>=<span>1D56B</span></span><br/>
+  <span><span class="testfont">&#x1D7D8;</span>=<span>1D7D8</span></span>
+  <span><span class="testfont">&#x1D7D9;</span>=<span>1D7D9</span></span>
+  <span><span class="testfont">&#x1D7DA;</span>=<span>1D7DA</span></span>
+  <span><span class="testfont">&#x1EEAE;</span>=<span>1EEAE</span></span>
+  <span><span class="testfont">&#x1EEB4;</span>=<span>1EEB4</span></span>
+  <span><span class="testfont">&#x1EEB1;</span>=<span>1EEB1</span></span>
+  <span><span class="testfont">&#x1D7DE;</span>=<span>1D7DE</span></span>
+  <span><span class="testfont">&#x1D7DF;</span>=<span>1D7DF</span></span>
+  <span><span class="testfont">&#x1D7E0;</span>=<span>1D7E0</span></span>
+  <span><span class="testfont">&#x1EEAF;</span>=<span>1EEAF</span></span><br/>
+  <span><span class="testfont">&#x1D538;</span>=<span>1D538</span></span>
+  <span><span class="testfont">&#x1D539;</span>=<span>1D539</span></span>
+  <span><span class="testfont">&#x1D53B;</span>=<span>1D53B</span></span>
+  <span><span class="testfont">&#x1D53C;</span>=<span>1D53C</span></span>
+  <span><span class="testfont">&#x1D53D;</span>=<span>1D53D</span></span>
+  <span><span class="testfont">&#x210D;</span>=<span>0210D</span></span>
+  <span><span class="testfont">&#x1D541;</span>=<span>1D541</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html
new file mode 100644
index 000000000000..bfca421f8691
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-double-struck-001.tentative.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-double-struck</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-double-struck-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-double-struck' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-double-struck.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x628;</span>=<span>1EEA1</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62A;</span>=<span>1EEB5</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62B;</span>=<span>1EEB6</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62C;</span>=<span>1EEA2</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62D;</span>=<span>1EEA7</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62E;</span>=<span>1EEB7</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62F;</span>=<span>1EEA3</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x630;</span>=<span>1EEB8</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x631;</span>=<span>1EEB3</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x632;</span>=<span>1EEA6</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x33;</span>=<span>1D7DB</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x34;</span>=<span>1D7DC</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x35;</span>=<span>1D7DD</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x636;</span>=<span>1EEB9</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x637;</span>=<span>1EEA8</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x638;</span>=<span>1EEBA</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x39;</span>=<span>1D7E1</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x63A;</span>=<span>1EEBB</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x641;</span>=<span>1EEB0</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x642;</span>=<span>1EEB2</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x43;</span>=<span>02102</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x644;</span>=<span>1EEAB</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x645;</span>=<span>1EEAC</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x646;</span>=<span>1EEAD</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x47;</span>=<span>1D53E</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x648;</span>=<span>1EEA5</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x49;</span>=<span>1D540</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x64A;</span>=<span>1EEA9</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x4B;</span>=<span>1D542</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x4C;</span>=<span>1D543</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x4D;</span>=<span>1D544</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x4E;</span>=<span>02115</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x4F;</span>=<span>1D546</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x50;</span>=<span>02119</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x51;</span>=<span>0211A</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x52;</span>=<span>0211D</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x53;</span>=<span>1D54A</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x54;</span>=<span>1D54B</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x55;</span>=<span>1D54C</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x56;</span>=<span>1D54D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x57;</span>=<span>1D54E</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x58;</span>=<span>1D54F</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x59;</span>=<span>1D550</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x5A;</span>=<span>02124</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x61;</span>=<span>1D552</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x62;</span>=<span>1D553</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x63;</span>=<span>1D554</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x64;</span>=<span>1D555</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x65;</span>=<span>1D556</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x66;</span>=<span>1D557</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x67;</span>=<span>1D558</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x68;</span>=<span>1D559</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x69;</span>=<span>1D55A</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x6A;</span>=<span>1D55B</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x6B;</span>=<span>1D55C</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x6C;</span>=<span>1D55D</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x6D;</span>=<span>1D55E</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x6E;</span>=<span>1D55F</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x6F;</span>=<span>1D560</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x70;</span>=<span>1D561</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x71;</span>=<span>1D562</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x72;</span>=<span>1D563</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x73;</span>=<span>1D564</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x74;</span>=<span>1D565</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x75;</span>=<span>1D566</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x76;</span>=<span>1D567</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x77;</span>=<span>1D568</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x78;</span>=<span>1D569</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x79;</span>=<span>1D56A</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x7A;</span>=<span>1D56B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x30;</span>=<span>1D7D8</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x31;</span>=<span>1D7D9</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x32;</span>=<span>1D7DA</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x633;</span>=<span>1EEAE</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x634;</span>=<span>1EEB4</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x635;</span>=<span>1EEB1</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x36;</span>=<span>1D7DE</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x37;</span>=<span>1D7DF</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x38;</span>=<span>1D7E0</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x639;</span>=<span>1EEAF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x41;</span>=<span>1D538</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x42;</span>=<span>1D539</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x44;</span>=<span>1D53B</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x45;</span>=<span>1D53C</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x46;</span>=<span>1D53D</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x48;</span>=<span>0210D</span></span>
+  <span><span class="testfont" style="text-transform: math-double-struck">&#x4A;</span>=<span>1D541</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative-ref.html
new file mode 100644
index 000000000000..09ea7049898e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-fraktur (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-fraktur.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D504;</span>=<span>1D504</span></span>
+  <span><span class="testfont">&#x1D505;</span>=<span>1D505</span></span>
+  <span><span class="testfont">&#x212D;</span>=<span>0212D</span></span>
+  <span><span class="testfont">&#x1D507;</span>=<span>1D507</span></span>
+  <span><span class="testfont">&#x1D508;</span>=<span>1D508</span></span>
+  <span><span class="testfont">&#x1D509;</span>=<span>1D509</span></span>
+  <span><span class="testfont">&#x1D50A;</span>=<span>1D50A</span></span>
+  <span><span class="testfont">&#x210C;</span>=<span>0210C</span></span>
+  <span><span class="testfont">&#x2111;</span>=<span>02111</span></span>
+  <span><span class="testfont">&#x1D50D;</span>=<span>1D50D</span></span><br/>
+  <span><span class="testfont">&#x1D50E;</span>=<span>1D50E</span></span>
+  <span><span class="testfont">&#x1D50F;</span>=<span>1D50F</span></span>
+  <span><span class="testfont">&#x1D510;</span>=<span>1D510</span></span>
+  <span><span class="testfont">&#x1D511;</span>=<span>1D511</span></span>
+  <span><span class="testfont">&#x1D512;</span>=<span>1D512</span></span>
+  <span><span class="testfont">&#x1D513;</span>=<span>1D513</span></span>
+  <span><span class="testfont">&#x1D514;</span>=<span>1D514</span></span>
+  <span><span class="testfont">&#x211C;</span>=<span>0211C</span></span>
+  <span><span class="testfont">&#x1D516;</span>=<span>1D516</span></span>
+  <span><span class="testfont">&#x1D517;</span>=<span>1D517</span></span><br/>
+  <span><span class="testfont">&#x1D518;</span>=<span>1D518</span></span>
+  <span><span class="testfont">&#x1D519;</span>=<span>1D519</span></span>
+  <span><span class="testfont">&#x1D51A;</span>=<span>1D51A</span></span>
+  <span><span class="testfont">&#x1D51B;</span>=<span>1D51B</span></span>
+  <span><span class="testfont">&#x1D51C;</span>=<span>1D51C</span></span>
+  <span><span class="testfont">&#x2128;</span>=<span>02128</span></span>
+  <span><span class="testfont">&#x1D51E;</span>=<span>1D51E</span></span>
+  <span><span class="testfont">&#x1D51F;</span>=<span>1D51F</span></span>
+  <span><span class="testfont">&#x1D520;</span>=<span>1D520</span></span>
+  <span><span class="testfont">&#x1D521;</span>=<span>1D521</span></span><br/>
+  <span><span class="testfont">&#x1D522;</span>=<span>1D522</span></span>
+  <span><span class="testfont">&#x1D523;</span>=<span>1D523</span></span>
+  <span><span class="testfont">&#x1D524;</span>=<span>1D524</span></span>
+  <span><span class="testfont">&#x1D525;</span>=<span>1D525</span></span>
+  <span><span class="testfont">&#x1D526;</span>=<span>1D526</span></span>
+  <span><span class="testfont">&#x1D527;</span>=<span>1D527</span></span>
+  <span><span class="testfont">&#x1D528;</span>=<span>1D528</span></span>
+  <span><span class="testfont">&#x1D529;</span>=<span>1D529</span></span>
+  <span><span class="testfont">&#x1D52A;</span>=<span>1D52A</span></span>
+  <span><span class="testfont">&#x1D52B;</span>=<span>1D52B</span></span><br/>
+  <span><span class="testfont">&#x1D52C;</span>=<span>1D52C</span></span>
+  <span><span class="testfont">&#x1D52D;</span>=<span>1D52D</span></span>
+  <span><span class="testfont">&#x1D52E;</span>=<span>1D52E</span></span>
+  <span><span class="testfont">&#x1D52F;</span>=<span>1D52F</span></span>
+  <span><span class="testfont">&#x1D530;</span>=<span>1D530</span></span>
+  <span><span class="testfont">&#x1D531;</span>=<span>1D531</span></span>
+  <span><span class="testfont">&#x1D532;</span>=<span>1D532</span></span>
+  <span><span class="testfont">&#x1D533;</span>=<span>1D533</span></span>
+  <span><span class="testfont">&#x1D534;</span>=<span>1D534</span></span>
+  <span><span class="testfont">&#x1D535;</span>=<span>1D535</span></span><br/>
+  <span><span class="testfont">&#x1D536;</span>=<span>1D536</span></span>
+  <span><span class="testfont">&#x1D537;</span>=<span>1D537</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html
new file mode 100644
index 000000000000..16a7909164e7
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-fraktur-001.tentative.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-fraktur</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-fraktur-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-fraktur' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-fraktur.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x41;</span>=<span>1D504</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x42;</span>=<span>1D505</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x43;</span>=<span>0212D</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x44;</span>=<span>1D507</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x45;</span>=<span>1D508</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x46;</span>=<span>1D509</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x47;</span>=<span>1D50A</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x48;</span>=<span>0210C</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x49;</span>=<span>02111</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x4A;</span>=<span>1D50D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x4B;</span>=<span>1D50E</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x4C;</span>=<span>1D50F</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x4D;</span>=<span>1D510</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x4E;</span>=<span>1D511</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x4F;</span>=<span>1D512</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x50;</span>=<span>1D513</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x51;</span>=<span>1D514</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x52;</span>=<span>0211C</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x53;</span>=<span>1D516</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x54;</span>=<span>1D517</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x55;</span>=<span>1D518</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x56;</span>=<span>1D519</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x57;</span>=<span>1D51A</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x58;</span>=<span>1D51B</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x59;</span>=<span>1D51C</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x5A;</span>=<span>02128</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x61;</span>=<span>1D51E</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x62;</span>=<span>1D51F</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x63;</span>=<span>1D520</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x64;</span>=<span>1D521</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x65;</span>=<span>1D522</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x66;</span>=<span>1D523</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x67;</span>=<span>1D524</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x68;</span>=<span>1D525</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x69;</span>=<span>1D526</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x6A;</span>=<span>1D527</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x6B;</span>=<span>1D528</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x6C;</span>=<span>1D529</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x6D;</span>=<span>1D52A</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x6E;</span>=<span>1D52B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x6F;</span>=<span>1D52C</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x70;</span>=<span>1D52D</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x71;</span>=<span>1D52E</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x72;</span>=<span>1D52F</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x73;</span>=<span>1D530</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x74;</span>=<span>1D531</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x75;</span>=<span>1D532</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x76;</span>=<span>1D533</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x77;</span>=<span>1D534</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x78;</span>=<span>1D535</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x79;</span>=<span>1D536</span></span>
+  <span><span class="testfont" style="text-transform: math-fraktur">&#x7A;</span>=<span>1D537</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-initial-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-initial-001.tentative-ref.html
new file mode 100644
index 000000000000..0c15bca02e99
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-initial-001.tentative-ref.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-initial (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-initial.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1EE30;</span>=<span>1EE30</span></span>
+  <span><span class="testfont">&#x1EE32;</span>=<span>1EE32</span></span>
+  <span><span class="testfont">&#x1EE2A;</span>=<span>1EE2A</span></span>
+  <span><span class="testfont">&#x1EE2B;</span>=<span>1EE2B</span></span>
+  <span><span class="testfont">&#x1EE2C;</span>=<span>1EE2C</span></span>
+  <span><span class="testfont">&#x1EE2D;</span>=<span>1EE2D</span></span>
+  <span><span class="testfont">&#x1EE24;</span>=<span>1EE24</span></span>
+  <span><span class="testfont">&#x1EE21;</span>=<span>1EE21</span></span>
+  <span><span class="testfont">&#x1EE29;</span>=<span>1EE29</span></span>
+  <span><span class="testfont">&#x1EE36;</span>=<span>1EE36</span></span><br/>
+  <span><span class="testfont">&#x1EE22;</span>=<span>1EE22</span></span>
+  <span><span class="testfont">&#x1EE27;</span>=<span>1EE27</span></span>
+  <span><span class="testfont">&#x1EE37;</span>=<span>1EE37</span></span>
+  <span><span class="testfont">&#x1EE2E;</span>=<span>1EE2E</span></span>
+  <span><span class="testfont">&#x1EE34;</span>=<span>1EE34</span></span>
+  <span><span class="testfont">&#x1EE31;</span>=<span>1EE31</span></span>
+  <span><span class="testfont">&#x1EE39;</span>=<span>1EE39</span></span>
+  <span><span class="testfont">&#x1EE2F;</span>=<span>1EE2F</span></span>
+  <span><span class="testfont">&#x1EE3B;</span>=<span>1EE3B</span></span>
+  <span><span class="testfont">&#x1EE35;</span>=<span>1EE35</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html
new file mode 100644
index 000000000000..1de22315d0df
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-initial-001.tentative.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-initial</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-initial-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-initial' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-initial.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-initial">&#x641;</span>=<span>1EE30</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x642;</span>=<span>1EE32</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x643;</span>=<span>1EE2A</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x644;</span>=<span>1EE2B</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x645;</span>=<span>1EE2C</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x646;</span>=<span>1EE2D</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x647;</span>=<span>1EE24</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x628;</span>=<span>1EE21</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x64A;</span>=<span>1EE29</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x62B;</span>=<span>1EE36</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-initial">&#x62C;</span>=<span>1EE22</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x62D;</span>=<span>1EE27</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x62E;</span>=<span>1EE37</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x633;</span>=<span>1EE2E</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x634;</span>=<span>1EE34</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x635;</span>=<span>1EE31</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x636;</span>=<span>1EE39</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x639;</span>=<span>1EE2F</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x63A;</span>=<span>1EE3B</span></span>
+  <span><span class="testfont" style="text-transform: math-initial">&#x62A;</span>=<span>1EE35</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-italic-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-italic-001.tentative-ref.html
new file mode 100644
index 000000000000..e1a90faf3830
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-italic-001.tentative-ref.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-italic (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D715;</span>=<span>1D715</span></span>
+  <span><span class="testfont">&#x1D6FB;</span>=<span>1D6FB</span></span>
+  <span><span class="testfont">&#x1D6A5;</span>=<span>1D6A5</span></span>
+  <span><span class="testfont">&#x1D434;</span>=<span>1D434</span></span>
+  <span><span class="testfont">&#x1D435;</span>=<span>1D435</span></span>
+  <span><span class="testfont">&#x1D436;</span>=<span>1D436</span></span>
+  <span><span class="testfont">&#x1D437;</span>=<span>1D437</span></span>
+  <span><span class="testfont">&#x1D438;</span>=<span>1D438</span></span>
+  <span><span class="testfont">&#x1D439;</span>=<span>1D439</span></span>
+  <span><span class="testfont">&#x1D43A;</span>=<span>1D43A</span></span><br/>
+  <span><span class="testfont">&#x1D43B;</span>=<span>1D43B</span></span>
+  <span><span class="testfont">&#x1D43C;</span>=<span>1D43C</span></span>
+  <span><span class="testfont">&#x1D43D;</span>=<span>1D43D</span></span>
+  <span><span class="testfont">&#x1D43E;</span>=<span>1D43E</span></span>
+  <span><span class="testfont">&#x1D43F;</span>=<span>1D43F</span></span>
+  <span><span class="testfont">&#x1D440;</span>=<span>1D440</span></span>
+  <span><span class="testfont">&#x1D441;</span>=<span>1D441</span></span>
+  <span><span class="testfont">&#x1D442;</span>=<span>1D442</span></span>
+  <span><span class="testfont">&#x1D443;</span>=<span>1D443</span></span>
+  <span><span class="testfont">&#x1D444;</span>=<span>1D444</span></span><br/>
+  <span><span class="testfont">&#x1D445;</span>=<span>1D445</span></span>
+  <span><span class="testfont">&#x1D446;</span>=<span>1D446</span></span>
+  <span><span class="testfont">&#x1D447;</span>=<span>1D447</span></span>
+  <span><span class="testfont">&#x1D448;</span>=<span>1D448</span></span>
+  <span><span class="testfont">&#x1D449;</span>=<span>1D449</span></span>
+  <span><span class="testfont">&#x1D44A;</span>=<span>1D44A</span></span>
+  <span><span class="testfont">&#x1D44B;</span>=<span>1D44B</span></span>
+  <span><span class="testfont">&#x1D44C;</span>=<span>1D44C</span></span>
+  <span><span class="testfont">&#x1D44D;</span>=<span>1D44D</span></span>
+  <span><span class="testfont">&#x1D44E;</span>=<span>1D44E</span></span><br/>
+  <span><span class="testfont">&#x1D44F;</span>=<span>1D44F</span></span>
+  <span><span class="testfont">&#x1D450;</span>=<span>1D450</span></span>
+  <span><span class="testfont">&#x1D451;</span>=<span>1D451</span></span>
+  <span><span class="testfont">&#x1D452;</span>=<span>1D452</span></span>
+  <span><span class="testfont">&#x1D453;</span>=<span>1D453</span></span>
+  <span><span class="testfont">&#x1D454;</span>=<span>1D454</span></span>
+  <span><span class="testfont">&#x210E;</span>=<span>0210E</span></span>
+  <span><span class="testfont">&#x1D456;</span>=<span>1D456</span></span>
+  <span><span class="testfont">&#x1D457;</span>=<span>1D457</span></span>
+  <span><span class="testfont">&#x1D458;</span>=<span>1D458</span></span><br/>
+  <span><span class="testfont">&#x1D459;</span>=<span>1D459</span></span>
+  <span><span class="testfont">&#x1D45A;</span>=<span>1D45A</span></span>
+  <span><span class="testfont">&#x1D45B;</span>=<span>1D45B</span></span>
+  <span><span class="testfont">&#x1D45C;</span>=<span>1D45C</span></span>
+  <span><span class="testfont">&#x1D45D;</span>=<span>1D45D</span></span>
+  <span><span class="testfont">&#x1D45E;</span>=<span>1D45E</span></span>
+  <span><span class="testfont">&#x1D45F;</span>=<span>1D45F</span></span>
+  <span><span class="testfont">&#x1D460;</span>=<span>1D460</span></span>
+  <span><span class="testfont">&#x1D461;</span>=<span>1D461</span></span>
+  <span><span class="testfont">&#x1D462;</span>=<span>1D462</span></span><br/>
+  <span><span class="testfont">&#x1D463;</span>=<span>1D463</span></span>
+  <span><span class="testfont">&#x1D464;</span>=<span>1D464</span></span>
+  <span><span class="testfont">&#x1D465;</span>=<span>1D465</span></span>
+  <span><span class="testfont">&#x1D466;</span>=<span>1D466</span></span>
+  <span><span class="testfont">&#x1D467;</span>=<span>1D467</span></span>
+  <span><span class="testfont">&#x1D6A4;</span>=<span>1D6A4</span></span>
+  <span><span class="testfont">&#x1D6E2;</span>=<span>1D6E2</span></span>
+  <span><span class="testfont">&#x1D6E3;</span>=<span>1D6E3</span></span>
+  <span><span class="testfont">&#x1D6E4;</span>=<span>1D6E4</span></span>
+  <span><span class="testfont">&#x1D6E5;</span>=<span>1D6E5</span></span><br/>
+  <span><span class="testfont">&#x1D6E6;</span>=<span>1D6E6</span></span>
+  <span><span class="testfont">&#x1D6E7;</span>=<span>1D6E7</span></span>
+  <span><span class="testfont">&#x1D6E8;</span>=<span>1D6E8</span></span>
+  <span><span class="testfont">&#x1D6E9;</span>=<span>1D6E9</span></span>
+  <span><span class="testfont">&#x1D6EA;</span>=<span>1D6EA</span></span>
+  <span><span class="testfont">&#x1D6EB;</span>=<span>1D6EB</span></span>
+  <span><span class="testfont">&#x1D6EC;</span>=<span>1D6EC</span></span>
+  <span><span class="testfont">&#x1D6ED;</span>=<span>1D6ED</span></span>
+  <span><span class="testfont">&#x1D6EE;</span>=<span>1D6EE</span></span>
+  <span><span class="testfont">&#x1D6EF;</span>=<span>1D6EF</span></span><br/>
+  <span><span class="testfont">&#x1D6F0;</span>=<span>1D6F0</span></span>
+  <span><span class="testfont">&#x1D6F1;</span>=<span>1D6F1</span></span>
+  <span><span class="testfont">&#x1D6F2;</span>=<span>1D6F2</span></span>
+  <span><span class="testfont">&#x1D6F4;</span>=<span>1D6F4</span></span>
+  <span><span class="testfont">&#x1D6F5;</span>=<span>1D6F5</span></span>
+  <span><span class="testfont">&#x1D6F6;</span>=<span>1D6F6</span></span>
+  <span><span class="testfont">&#x1D6F7;</span>=<span>1D6F7</span></span>
+  <span><span class="testfont">&#x1D6F8;</span>=<span>1D6F8</span></span>
+  <span><span class="testfont">&#x1D6F9;</span>=<span>1D6F9</span></span>
+  <span><span class="testfont">&#x1D6FA;</span>=<span>1D6FA</span></span><br/>
+  <span><span class="testfont">&#x1D6FC;</span>=<span>1D6FC</span></span>
+  <span><span class="testfont">&#x1D6FD;</span>=<span>1D6FD</span></span>
+  <span><span class="testfont">&#x1D6FE;</span>=<span>1D6FE</span></span>
+  <span><span class="testfont">&#x1D6FF;</span>=<span>1D6FF</span></span>
+  <span><span class="testfont">&#x1D700;</span>=<span>1D700</span></span>
+  <span><span class="testfont">&#x1D701;</span>=<span>1D701</span></span>
+  <span><span class="testfont">&#x1D702;</span>=<span>1D702</span></span>
+  <span><span class="testfont">&#x1D703;</span>=<span>1D703</span></span>
+  <span><span class="testfont">&#x1D704;</span>=<span>1D704</span></span>
+  <span><span class="testfont">&#x1D705;</span>=<span>1D705</span></span><br/>
+  <span><span class="testfont">&#x1D706;</span>=<span>1D706</span></span>
+  <span><span class="testfont">&#x1D707;</span>=<span>1D707</span></span>
+  <span><span class="testfont">&#x1D708;</span>=<span>1D708</span></span>
+  <span><span class="testfont">&#x1D709;</span>=<span>1D709</span></span>
+  <span><span class="testfont">&#x1D70A;</span>=<span>1D70A</span></span>
+  <span><span class="testfont">&#x1D70B;</span>=<span>1D70B</span></span>
+  <span><span class="testfont">&#x1D70C;</span>=<span>1D70C</span></span>
+  <span><span class="testfont">&#x1D70D;</span>=<span>1D70D</span></span>
+  <span><span class="testfont">&#x1D70E;</span>=<span>1D70E</span></span>
+  <span><span class="testfont">&#x1D70F;</span>=<span>1D70F</span></span><br/>
+  <span><span class="testfont">&#x1D710;</span>=<span>1D710</span></span>
+  <span><span class="testfont">&#x1D711;</span>=<span>1D711</span></span>
+  <span><span class="testfont">&#x1D712;</span>=<span>1D712</span></span>
+  <span><span class="testfont">&#x1D713;</span>=<span>1D713</span></span>
+  <span><span class="testfont">&#x1D714;</span>=<span>1D714</span></span>
+  <span><span class="testfont">&#x1D717;</span>=<span>1D717</span></span>
+  <span><span class="testfont">&#x1D719;</span>=<span>1D719</span></span>
+  <span><span class="testfont">&#x1D71B;</span>=<span>1D71B</span></span>
+  <span><span class="testfont">&#x1D718;</span>=<span>1D718</span></span>
+  <span><span class="testfont">&#x1D71A;</span>=<span>1D71A</span></span><br/>
+  <span><span class="testfont">&#x1D6F3;</span>=<span>1D6F3</span></span>
+  <span><span class="testfont">&#x1D716;</span>=<span>1D716</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html
new file mode 100644
index 000000000000..b98e353aed0f
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-italic-001.tentative.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-italic</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-italic-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-italic' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-italic">&#x2202;</span>=<span>1D715</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x2207;</span>=<span>1D6FB</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x237;</span>=<span>1D6A5</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x41;</span>=<span>1D434</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x42;</span>=<span>1D435</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x43;</span>=<span>1D436</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x44;</span>=<span>1D437</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x45;</span>=<span>1D438</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x46;</span>=<span>1D439</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x47;</span>=<span>1D43A</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x48;</span>=<span>1D43B</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x49;</span>=<span>1D43C</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x4A;</span>=<span>1D43D</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x4B;</span>=<span>1D43E</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x4C;</span>=<span>1D43F</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x4D;</span>=<span>1D440</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x4E;</span>=<span>1D441</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x4F;</span>=<span>1D442</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x50;</span>=<span>1D443</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x51;</span>=<span>1D444</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x52;</span>=<span>1D445</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x53;</span>=<span>1D446</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x54;</span>=<span>1D447</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x55;</span>=<span>1D448</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x56;</span>=<span>1D449</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x57;</span>=<span>1D44A</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x58;</span>=<span>1D44B</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x59;</span>=<span>1D44C</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x5A;</span>=<span>1D44D</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x61;</span>=<span>1D44E</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x62;</span>=<span>1D44F</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x63;</span>=<span>1D450</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x64;</span>=<span>1D451</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x65;</span>=<span>1D452</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x66;</span>=<span>1D453</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x67;</span>=<span>1D454</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x68;</span>=<span>0210E</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x69;</span>=<span>1D456</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x6A;</span>=<span>1D457</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x6B;</span>=<span>1D458</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x6C;</span>=<span>1D459</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x6D;</span>=<span>1D45A</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x6E;</span>=<span>1D45B</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x6F;</span>=<span>1D45C</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x70;</span>=<span>1D45D</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x71;</span>=<span>1D45E</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x72;</span>=<span>1D45F</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x73;</span>=<span>1D460</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x74;</span>=<span>1D461</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x75;</span>=<span>1D462</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x76;</span>=<span>1D463</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x77;</span>=<span>1D464</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x78;</span>=<span>1D465</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x79;</span>=<span>1D466</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x7A;</span>=<span>1D467</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x131;</span>=<span>1D6A4</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x391;</span>=<span>1D6E2</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x392;</span>=<span>1D6E3</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x393;</span>=<span>1D6E4</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x394;</span>=<span>1D6E5</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x395;</span>=<span>1D6E6</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x396;</span>=<span>1D6E7</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x397;</span>=<span>1D6E8</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x398;</span>=<span>1D6E9</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x399;</span>=<span>1D6EA</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x39A;</span>=<span>1D6EB</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x39B;</span>=<span>1D6EC</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x39C;</span>=<span>1D6ED</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x39D;</span>=<span>1D6EE</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x39E;</span>=<span>1D6EF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x39F;</span>=<span>1D6F0</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A0;</span>=<span>1D6F1</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A1;</span>=<span>1D6F2</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A3;</span>=<span>1D6F4</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A4;</span>=<span>1D6F5</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A5;</span>=<span>1D6F6</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A6;</span>=<span>1D6F7</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A7;</span>=<span>1D6F8</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A8;</span>=<span>1D6F9</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3A9;</span>=<span>1D6FA</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B1;</span>=<span>1D6FC</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B2;</span>=<span>1D6FD</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B3;</span>=<span>1D6FE</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B4;</span>=<span>1D6FF</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B5;</span>=<span>1D700</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B6;</span>=<span>1D701</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B7;</span>=<span>1D702</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B8;</span>=<span>1D703</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3B9;</span>=<span>1D704</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3BA;</span>=<span>1D705</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3BB;</span>=<span>1D706</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3BC;</span>=<span>1D707</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3BD;</span>=<span>1D708</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3BE;</span>=<span>1D709</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3BF;</span>=<span>1D70A</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C0;</span>=<span>1D70B</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C1;</span>=<span>1D70C</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C2;</span>=<span>1D70D</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C3;</span>=<span>1D70E</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C4;</span>=<span>1D70F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C5;</span>=<span>1D710</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C6;</span>=<span>1D711</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C7;</span>=<span>1D712</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C8;</span>=<span>1D713</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3C9;</span>=<span>1D714</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3D1;</span>=<span>1D717</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3D5;</span>=<span>1D719</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3D6;</span>=<span>1D71B</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3F0;</span>=<span>1D718</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3F1;</span>=<span>1D71A</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3F4;</span>=<span>1D6F3</span></span>
+  <span><span class="testfont" style="text-transform: math-italic">&#x3F5;</span>=<span>1D716</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-looped-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-looped-001.tentative-ref.html
new file mode 100644
index 000000000000..89b52e2e8177
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-looped-001.tentative-ref.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-looped (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-looped.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1EE80;</span>=<span>1EE80</span></span>
+  <span><span class="testfont">&#x1EE81;</span>=<span>1EE81</span></span>
+  <span><span class="testfont">&#x1EE95;</span>=<span>1EE95</span></span>
+  <span><span class="testfont">&#x1EE96;</span>=<span>1EE96</span></span>
+  <span><span class="testfont">&#x1EE82;</span>=<span>1EE82</span></span>
+  <span><span class="testfont">&#x1EE87;</span>=<span>1EE87</span></span>
+  <span><span class="testfont">&#x1EE97;</span>=<span>1EE97</span></span>
+  <span><span class="testfont">&#x1EE83;</span>=<span>1EE83</span></span>
+  <span><span class="testfont">&#x1EE98;</span>=<span>1EE98</span></span>
+  <span><span class="testfont">&#x1EE93;</span>=<span>1EE93</span></span><br/>
+  <span><span class="testfont">&#x1EE86;</span>=<span>1EE86</span></span>
+  <span><span class="testfont">&#x1EE8E;</span>=<span>1EE8E</span></span>
+  <span><span class="testfont">&#x1EE94;</span>=<span>1EE94</span></span>
+  <span><span class="testfont">&#x1EE91;</span>=<span>1EE91</span></span>
+  <span><span class="testfont">&#x1EE99;</span>=<span>1EE99</span></span>
+  <span><span class="testfont">&#x1EE88;</span>=<span>1EE88</span></span>
+  <span><span class="testfont">&#x1EE9A;</span>=<span>1EE9A</span></span>
+  <span><span class="testfont">&#x1EE8F;</span>=<span>1EE8F</span></span>
+  <span><span class="testfont">&#x1EE9B;</span>=<span>1EE9B</span></span>
+  <span><span class="testfont">&#x1EE90;</span>=<span>1EE90</span></span><br/>
+  <span><span class="testfont">&#x1EE92;</span>=<span>1EE92</span></span>
+  <span><span class="testfont">&#x1EE8B;</span>=<span>1EE8B</span></span>
+  <span><span class="testfont">&#x1EE8C;</span>=<span>1EE8C</span></span>
+  <span><span class="testfont">&#x1EE8D;</span>=<span>1EE8D</span></span>
+  <span><span class="testfont">&#x1EE84;</span>=<span>1EE84</span></span>
+  <span><span class="testfont">&#x1EE85;</span>=<span>1EE85</span></span>
+  <span><span class="testfont">&#x1EE89;</span>=<span>1EE89</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html
new file mode 100644
index 000000000000..e46fb3336cf5
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-looped-001.tentative.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-looped</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-looped-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-looped' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-looped.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-looped">&#x627;</span>=<span>1EE80</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x628;</span>=<span>1EE81</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x62A;</span>=<span>1EE95</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x62B;</span>=<span>1EE96</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x62C;</span>=<span>1EE82</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x62D;</span>=<span>1EE87</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x62E;</span>=<span>1EE97</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x62F;</span>=<span>1EE83</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x630;</span>=<span>1EE98</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x631;</span>=<span>1EE93</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-looped">&#x632;</span>=<span>1EE86</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x633;</span>=<span>1EE8E</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x634;</span>=<span>1EE94</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x635;</span>=<span>1EE91</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x636;</span>=<span>1EE99</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x637;</span>=<span>1EE88</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x638;</span>=<span>1EE9A</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x639;</span>=<span>1EE8F</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x63A;</span>=<span>1EE9B</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x641;</span>=<span>1EE90</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-looped">&#x642;</span>=<span>1EE92</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x644;</span>=<span>1EE8B</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x645;</span>=<span>1EE8C</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x646;</span>=<span>1EE8D</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x647;</span>=<span>1EE84</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x648;</span>=<span>1EE85</span></span>
+  <span><span class="testfont" style="text-transform: math-looped">&#x64A;</span>=<span>1EE89</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative-ref.html
new file mode 100644
index 000000000000..e254e1c0d21d
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-monospace (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-monospace.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D7F6;</span>=<span>1D7F6</span></span>
+  <span><span class="testfont">&#x1D7F7;</span>=<span>1D7F7</span></span>
+  <span><span class="testfont">&#x1D7F8;</span>=<span>1D7F8</span></span>
+  <span><span class="testfont">&#x1D7F9;</span>=<span>1D7F9</span></span>
+  <span><span class="testfont">&#x1D7FA;</span>=<span>1D7FA</span></span>
+  <span><span class="testfont">&#x1D7FB;</span>=<span>1D7FB</span></span>
+  <span><span class="testfont">&#x1D7FC;</span>=<span>1D7FC</span></span>
+  <span><span class="testfont">&#x1D7FD;</span>=<span>1D7FD</span></span>
+  <span><span class="testfont">&#x1D7FE;</span>=<span>1D7FE</span></span>
+  <span><span class="testfont">&#x1D7FF;</span>=<span>1D7FF</span></span><br/>
+  <span><span class="testfont">&#x1D670;</span>=<span>1D670</span></span>
+  <span><span class="testfont">&#x1D671;</span>=<span>1D671</span></span>
+  <span><span class="testfont">&#x1D672;</span>=<span>1D672</span></span>
+  <span><span class="testfont">&#x1D673;</span>=<span>1D673</span></span>
+  <span><span class="testfont">&#x1D674;</span>=<span>1D674</span></span>
+  <span><span class="testfont">&#x1D675;</span>=<span>1D675</span></span>
+  <span><span class="testfont">&#x1D676;</span>=<span>1D676</span></span>
+  <span><span class="testfont">&#x1D677;</span>=<span>1D677</span></span>
+  <span><span class="testfont">&#x1D678;</span>=<span>1D678</span></span>
+  <span><span class="testfont">&#x1D679;</span>=<span>1D679</span></span><br/>
+  <span><span class="testfont">&#x1D67A;</span>=<span>1D67A</span></span>
+  <span><span class="testfont">&#x1D67B;</span>=<span>1D67B</span></span>
+  <span><span class="testfont">&#x1D67C;</span>=<span>1D67C</span></span>
+  <span><span class="testfont">&#x1D67D;</span>=<span>1D67D</span></span>
+  <span><span class="testfont">&#x1D67E;</span>=<span>1D67E</span></span>
+  <span><span class="testfont">&#x1D67F;</span>=<span>1D67F</span></span>
+  <span><span class="testfont">&#x1D680;</span>=<span>1D680</span></span>
+  <span><span class="testfont">&#x1D681;</span>=<span>1D681</span></span>
+  <span><span class="testfont">&#x1D682;</span>=<span>1D682</span></span>
+  <span><span class="testfont">&#x1D683;</span>=<span>1D683</span></span><br/>
+  <span><span class="testfont">&#x1D684;</span>=<span>1D684</span></span>
+  <span><span class="testfont">&#x1D685;</span>=<span>1D685</span></span>
+  <span><span class="testfont">&#x1D686;</span>=<span>1D686</span></span>
+  <span><span class="testfont">&#x1D687;</span>=<span>1D687</span></span>
+  <span><span class="testfont">&#x1D688;</span>=<span>1D688</span></span>
+  <span><span class="testfont">&#x1D689;</span>=<span>1D689</span></span>
+  <span><span class="testfont">&#x1D68A;</span>=<span>1D68A</span></span>
+  <span><span class="testfont">&#x1D68B;</span>=<span>1D68B</span></span>
+  <span><span class="testfont">&#x1D68C;</span>=<span>1D68C</span></span>
+  <span><span class="testfont">&#x1D68D;</span>=<span>1D68D</span></span><br/>
+  <span><span class="testfont">&#x1D68E;</span>=<span>1D68E</span></span>
+  <span><span class="testfont">&#x1D68F;</span>=<span>1D68F</span></span>
+  <span><span class="testfont">&#x1D690;</span>=<span>1D690</span></span>
+  <span><span class="testfont">&#x1D691;</span>=<span>1D691</span></span>
+  <span><span class="testfont">&#x1D692;</span>=<span>1D692</span></span>
+  <span><span class="testfont">&#x1D693;</span>=<span>1D693</span></span>
+  <span><span class="testfont">&#x1D694;</span>=<span>1D694</span></span>
+  <span><span class="testfont">&#x1D695;</span>=<span>1D695</span></span>
+  <span><span class="testfont">&#x1D696;</span>=<span>1D696</span></span>
+  <span><span class="testfont">&#x1D697;</span>=<span>1D697</span></span><br/>
+  <span><span class="testfont">&#x1D698;</span>=<span>1D698</span></span>
+  <span><span class="testfont">&#x1D699;</span>=<span>1D699</span></span>
+  <span><span class="testfont">&#x1D69A;</span>=<span>1D69A</span></span>
+  <span><span class="testfont">&#x1D69B;</span>=<span>1D69B</span></span>
+  <span><span class="testfont">&#x1D69C;</span>=<span>1D69C</span></span>
+  <span><span class="testfont">&#x1D69D;</span>=<span>1D69D</span></span>
+  <span><span class="testfont">&#x1D69E;</span>=<span>1D69E</span></span>
+  <span><span class="testfont">&#x1D69F;</span>=<span>1D69F</span></span>
+  <span><span class="testfont">&#x1D6A0;</span>=<span>1D6A0</span></span>
+  <span><span class="testfont">&#x1D6A1;</span>=<span>1D6A1</span></span><br/>
+  <span><span class="testfont">&#x1D6A2;</span>=<span>1D6A2</span></span>
+  <span><span class="testfont">&#x1D6A3;</span>=<span>1D6A3</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html
new file mode 100644
index 000000000000..6f6b44e4dde2
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-monospace-001.tentative.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-monospace</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-monospace-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-monospace' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-monospace.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x30;</span>=<span>1D7F6</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x31;</span>=<span>1D7F7</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x32;</span>=<span>1D7F8</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x33;</span>=<span>1D7F9</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x34;</span>=<span>1D7FA</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x35;</span>=<span>1D7FB</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x36;</span>=<span>1D7FC</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x37;</span>=<span>1D7FD</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x38;</span>=<span>1D7FE</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x39;</span>=<span>1D7FF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x41;</span>=<span>1D670</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x42;</span>=<span>1D671</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x43;</span>=<span>1D672</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x44;</span>=<span>1D673</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x45;</span>=<span>1D674</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x46;</span>=<span>1D675</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x47;</span>=<span>1D676</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x48;</span>=<span>1D677</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x49;</span>=<span>1D678</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x4A;</span>=<span>1D679</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x4B;</span>=<span>1D67A</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x4C;</span>=<span>1D67B</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x4D;</span>=<span>1D67C</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x4E;</span>=<span>1D67D</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x4F;</span>=<span>1D67E</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x50;</span>=<span>1D67F</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x51;</span>=<span>1D680</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x52;</span>=<span>1D681</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x53;</span>=<span>1D682</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x54;</span>=<span>1D683</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x55;</span>=<span>1D684</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x56;</span>=<span>1D685</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x57;</span>=<span>1D686</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x58;</span>=<span>1D687</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x59;</span>=<span>1D688</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x5A;</span>=<span>1D689</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x61;</span>=<span>1D68A</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x62;</span>=<span>1D68B</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x63;</span>=<span>1D68C</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x64;</span>=<span>1D68D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x65;</span>=<span>1D68E</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x66;</span>=<span>1D68F</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x67;</span>=<span>1D690</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x68;</span>=<span>1D691</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x69;</span>=<span>1D692</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x6A;</span>=<span>1D693</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x6B;</span>=<span>1D694</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x6C;</span>=<span>1D695</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x6D;</span>=<span>1D696</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x6E;</span>=<span>1D697</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x6F;</span>=<span>1D698</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x70;</span>=<span>1D699</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x71;</span>=<span>1D69A</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x72;</span>=<span>1D69B</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x73;</span>=<span>1D69C</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x74;</span>=<span>1D69D</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x75;</span>=<span>1D69E</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x76;</span>=<span>1D69F</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x77;</span>=<span>1D6A0</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x78;</span>=<span>1D6A1</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x79;</span>=<span>1D6A2</span></span>
+  <span><span class="testfont" style="text-transform: math-monospace">&#x7A;</span>=<span>1D6A3</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative-ref.html
new file mode 100644
index 000000000000..8b75a6f8e1e0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative-ref.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-sans-serif (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-sans-serif.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D7E2;</span>=<span>1D7E2</span></span>
+  <span><span class="testfont">&#x1D7E3;</span>=<span>1D7E3</span></span>
+  <span><span class="testfont">&#x1D7E4;</span>=<span>1D7E4</span></span>
+  <span><span class="testfont">&#x1D7E5;</span>=<span>1D7E5</span></span>
+  <span><span class="testfont">&#x1D7E6;</span>=<span>1D7E6</span></span>
+  <span><span class="testfont">&#x1D7E7;</span>=<span>1D7E7</span></span>
+  <span><span class="testfont">&#x1D7E8;</span>=<span>1D7E8</span></span>
+  <span><span class="testfont">&#x1D7E9;</span>=<span>1D7E9</span></span>
+  <span><span class="testfont">&#x1D7EA;</span>=<span>1D7EA</span></span>
+  <span><span class="testfont">&#x1D7EB;</span>=<span>1D7EB</span></span><br/>
+  <span><span class="testfont">&#x1D5A0;</span>=<span>1D5A0</span></span>
+  <span><span class="testfont">&#x1D5A1;</span>=<span>1D5A1</span></span>
+  <span><span class="testfont">&#x1D5A2;</span>=<span>1D5A2</span></span>
+  <span><span class="testfont">&#x1D5A3;</span>=<span>1D5A3</span></span>
+  <span><span class="testfont">&#x1D5A4;</span>=<span>1D5A4</span></span>
+  <span><span class="testfont">&#x1D5A5;</span>=<span>1D5A5</span></span>
+  <span><span class="testfont">&#x1D5A6;</span>=<span>1D5A6</span></span>
+  <span><span class="testfont">&#x1D5A7;</span>=<span>1D5A7</span></span>
+  <span><span class="testfont">&#x1D5A8;</span>=<span>1D5A8</span></span>
+  <span><span class="testfont">&#x1D5A9;</span>=<span>1D5A9</span></span><br/>
+  <span><span class="testfont">&#x1D5AA;</span>=<span>1D5AA</span></span>
+  <span><span class="testfont">&#x1D5AB;</span>=<span>1D5AB</span></span>
+  <span><span class="testfont">&#x1D5AC;</span>=<span>1D5AC</span></span>
+  <span><span class="testfont">&#x1D5AD;</span>=<span>1D5AD</span></span>
+  <span><span class="testfont">&#x1D5AE;</span>=<span>1D5AE</span></span>
+  <span><span class="testfont">&#x1D5AF;</span>=<span>1D5AF</span></span>
+  <span><span class="testfont">&#x1D5B0;</span>=<span>1D5B0</span></span>
+  <span><span class="testfont">&#x1D5B1;</span>=<span>1D5B1</span></span>
+  <span><span class="testfont">&#x1D5B2;</span>=<span>1D5B2</span></span>
+  <span><span class="testfont">&#x1D5B3;</span>=<span>1D5B3</span></span><br/>
+  <span><span class="testfont">&#x1D5B4;</span>=<span>1D5B4</span></span>
+  <span><span class="testfont">&#x1D5B5;</span>=<span>1D5B5</span></span>
+  <span><span class="testfont">&#x1D5B6;</span>=<span>1D5B6</span></span>
+  <span><span class="testfont">&#x1D5B7;</span>=<span>1D5B7</span></span>
+  <span><span class="testfont">&#x1D5B8;</span>=<span>1D5B8</span></span>
+  <span><span class="testfont">&#x1D5B9;</span>=<span>1D5B9</span></span>
+  <span><span class="testfont">&#x1D5BA;</span>=<span>1D5BA</span></span>
+  <span><span class="testfont">&#x1D5BB;</span>=<span>1D5BB</span></span>
+  <span><span class="testfont">&#x1D5BC;</span>=<span>1D5BC</span></span>
+  <span><span class="testfont">&#x1D5BD;</span>=<span>1D5BD</span></span><br/>
+  <span><span class="testfont">&#x1D5BE;</span>=<span>1D5BE</span></span>
+  <span><span class="testfont">&#x1D5BF;</span>=<span>1D5BF</span></span>
+  <span><span class="testfont">&#x1D5C0;</span>=<span>1D5C0</span></span>
+  <span><span class="testfont">&#x1D5C1;</span>=<span>1D5C1</span></span>
+  <span><span class="testfont">&#x1D5C2;</span>=<span>1D5C2</span></span>
+  <span><span class="testfont">&#x1D5C3;</span>=<span>1D5C3</span></span>
+  <span><span class="testfont">&#x1D5C4;</span>=<span>1D5C4</span></span>
+  <span><span class="testfont">&#x1D5C5;</span>=<span>1D5C5</span></span>
+  <span><span class="testfont">&#x1D5C6;</span>=<span>1D5C6</span></span>
+  <span><span class="testfont">&#x1D5C7;</span>=<span>1D5C7</span></span><br/>
+  <span><span class="testfont">&#x1D5C8;</span>=<span>1D5C8</span></span>
+  <span><span class="testfont">&#x1D5C9;</span>=<span>1D5C9</span></span>
+  <span><span class="testfont">&#x1D5CA;</span>=<span>1D5CA</span></span>
+  <span><span class="testfont">&#x1D5CB;</span>=<span>1D5CB</span></span>
+  <span><span class="testfont">&#x1D5CC;</span>=<span>1D5CC</span></span>
+  <span><span class="testfont">&#x1D5CD;</span>=<span>1D5CD</span></span>
+  <span><span class="testfont">&#x1D5CE;</span>=<span>1D5CE</span></span>
+  <span><span class="testfont">&#x1D5CF;</span>=<span>1D5CF</span></span>
+  <span><span class="testfont">&#x1D5D0;</span>=<span>1D5D0</span></span>
+  <span><span class="testfont">&#x1D5D1;</span>=<span>1D5D1</span></span><br/>
+  <span><span class="testfont">&#x1D5D2;</span>=<span>1D5D2</span></span>
+  <span><span class="testfont">&#x1D5D3;</span>=<span>1D5D3</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html
new file mode 100644
index 000000000000..b73b81d68ce4
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-001.tentative.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-sans-serif</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-sans-serif-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-sans-serif' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-sans-serif.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x30;</span>=<span>1D7E2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x31;</span>=<span>1D7E3</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x32;</span>=<span>1D7E4</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x33;</span>=<span>1D7E5</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x34;</span>=<span>1D7E6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x35;</span>=<span>1D7E7</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x36;</span>=<span>1D7E8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x37;</span>=<span>1D7E9</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x38;</span>=<span>1D7EA</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x39;</span>=<span>1D7EB</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x41;</span>=<span>1D5A0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x42;</span>=<span>1D5A1</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x43;</span>=<span>1D5A2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x44;</span>=<span>1D5A3</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x45;</span>=<span>1D5A4</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x46;</span>=<span>1D5A5</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x47;</span>=<span>1D5A6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x48;</span>=<span>1D5A7</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x49;</span>=<span>1D5A8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x4A;</span>=<span>1D5A9</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x4B;</span>=<span>1D5AA</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x4C;</span>=<span>1D5AB</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x4D;</span>=<span>1D5AC</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x4E;</span>=<span>1D5AD</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x4F;</span>=<span>1D5AE</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x50;</span>=<span>1D5AF</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x51;</span>=<span>1D5B0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x52;</span>=<span>1D5B1</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x53;</span>=<span>1D5B2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x54;</span>=<span>1D5B3</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x55;</span>=<span>1D5B4</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x56;</span>=<span>1D5B5</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x57;</span>=<span>1D5B6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x58;</span>=<span>1D5B7</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x59;</span>=<span>1D5B8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x5A;</span>=<span>1D5B9</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x61;</span>=<span>1D5BA</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x62;</span>=<span>1D5BB</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x63;</span>=<span>1D5BC</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x64;</span>=<span>1D5BD</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x65;</span>=<span>1D5BE</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x66;</span>=<span>1D5BF</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x67;</span>=<span>1D5C0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x68;</span>=<span>1D5C1</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x69;</span>=<span>1D5C2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x6A;</span>=<span>1D5C3</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x6B;</span>=<span>1D5C4</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x6C;</span>=<span>1D5C5</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x6D;</span>=<span>1D5C6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x6E;</span>=<span>1D5C7</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x6F;</span>=<span>1D5C8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x70;</span>=<span>1D5C9</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x71;</span>=<span>1D5CA</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x72;</span>=<span>1D5CB</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x73;</span>=<span>1D5CC</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x74;</span>=<span>1D5CD</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x75;</span>=<span>1D5CE</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x76;</span>=<span>1D5CF</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x77;</span>=<span>1D5D0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x78;</span>=<span>1D5D1</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x79;</span>=<span>1D5D2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif">&#x7A;</span>=<span>1D5D3</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative-ref.html
new file mode 100644
index 000000000000..7f71dc40e35a
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative-ref.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-sans-serif-bold-italic (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-sans-serif-bold-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D7C3;</span>=<span>1D7C3</span></span>
+  <span><span class="testfont">&#x1D7A9;</span>=<span>1D7A9</span></span>
+  <span><span class="testfont">&#x1D63C;</span>=<span>1D63C</span></span>
+  <span><span class="testfont">&#x1D63D;</span>=<span>1D63D</span></span>
+  <span><span class="testfont">&#x1D63E;</span>=<span>1D63E</span></span>
+  <span><span class="testfont">&#x1D63F;</span>=<span>1D63F</span></span>
+  <span><span class="testfont">&#x1D640;</span>=<span>1D640</span></span>
+  <span><span class="testfont">&#x1D641;</span>=<span>1D641</span></span>
+  <span><span class="testfont">&#x1D642;</span>=<span>1D642</span></span>
+  <span><span class="testfont">&#x1D643;</span>=<span>1D643</span></span><br/>
+  <span><span class="testfont">&#x1D644;</span>=<span>1D644</span></span>
+  <span><span class="testfont">&#x1D645;</span>=<span>1D645</span></span>
+  <span><span class="testfont">&#x1D646;</span>=<span>1D646</span></span>
+  <span><span class="testfont">&#x1D647;</span>=<span>1D647</span></span>
+  <span><span class="testfont">&#x1D648;</span>=<span>1D648</span></span>
+  <span><span class="testfont">&#x1D649;</span>=<span>1D649</span></span>
+  <span><span class="testfont">&#x1D64A;</span>=<span>1D64A</span></span>
+  <span><span class="testfont">&#x1D64B;</span>=<span>1D64B</span></span>
+  <span><span class="testfont">&#x1D64C;</span>=<span>1D64C</span></span>
+  <span><span class="testfont">&#x1D64D;</span>=<span>1D64D</span></span><br/>
+  <span><span class="testfont">&#x1D64E;</span>=<span>1D64E</span></span>
+  <span><span class="testfont">&#x1D64F;</span>=<span>1D64F</span></span>
+  <span><span class="testfont">&#x1D650;</span>=<span>1D650</span></span>
+  <span><span class="testfont">&#x1D651;</span>=<span>1D651</span></span>
+  <span><span class="testfont">&#x1D652;</span>=<span>1D652</span></span>
+  <span><span class="testfont">&#x1D653;</span>=<span>1D653</span></span>
+  <span><span class="testfont">&#x1D654;</span>=<span>1D654</span></span>
+  <span><span class="testfont">&#x1D655;</span>=<span>1D655</span></span>
+  <span><span class="testfont">&#x1D656;</span>=<span>1D656</span></span>
+  <span><span class="testfont">&#x1D657;</span>=<span>1D657</span></span><br/>
+  <span><span class="testfont">&#x1D658;</span>=<span>1D658</span></span>
+  <span><span class="testfont">&#x1D659;</span>=<span>1D659</span></span>
+  <span><span class="testfont">&#x1D65A;</span>=<span>1D65A</span></span>
+  <span><span class="testfont">&#x1D65B;</span>=<span>1D65B</span></span>
+  <span><span class="testfont">&#x1D65C;</span>=<span>1D65C</span></span>
+  <span><span class="testfont">&#x1D65D;</span>=<span>1D65D</span></span>
+  <span><span class="testfont">&#x1D65E;</span>=<span>1D65E</span></span>
+  <span><span class="testfont">&#x1D65F;</span>=<span>1D65F</span></span>
+  <span><span class="testfont">&#x1D660;</span>=<span>1D660</span></span>
+  <span><span class="testfont">&#x1D661;</span>=<span>1D661</span></span><br/>
+  <span><span class="testfont">&#x1D662;</span>=<span>1D662</span></span>
+  <span><span class="testfont">&#x1D663;</span>=<span>1D663</span></span>
+  <span><span class="testfont">&#x1D664;</span>=<span>1D664</span></span>
+  <span><span class="testfont">&#x1D665;</span>=<span>1D665</span></span>
+  <span><span class="testfont">&#x1D666;</span>=<span>1D666</span></span>
+  <span><span class="testfont">&#x1D667;</span>=<span>1D667</span></span>
+  <span><span class="testfont">&#x1D668;</span>=<span>1D668</span></span>
+  <span><span class="testfont">&#x1D669;</span>=<span>1D669</span></span>
+  <span><span class="testfont">&#x1D66A;</span>=<span>1D66A</span></span>
+  <span><span class="testfont">&#x1D66B;</span>=<span>1D66B</span></span><br/>
+  <span><span class="testfont">&#x1D66C;</span>=<span>1D66C</span></span>
+  <span><span class="testfont">&#x1D66D;</span>=<span>1D66D</span></span>
+  <span><span class="testfont">&#x1D66E;</span>=<span>1D66E</span></span>
+  <span><span class="testfont">&#x1D66F;</span>=<span>1D66F</span></span>
+  <span><span class="testfont">&#x1D790;</span>=<span>1D790</span></span>
+  <span><span class="testfont">&#x1D791;</span>=<span>1D791</span></span>
+  <span><span class="testfont">&#x1D792;</span>=<span>1D792</span></span>
+  <span><span class="testfont">&#x1D793;</span>=<span>1D793</span></span>
+  <span><span class="testfont">&#x1D794;</span>=<span>1D794</span></span>
+  <span><span class="testfont">&#x1D795;</span>=<span>1D795</span></span><br/>
+  <span><span class="testfont">&#x1D796;</span>=<span>1D796</span></span>
+  <span><span class="testfont">&#x1D797;</span>=<span>1D797</span></span>
+  <span><span class="testfont">&#x1D798;</span>=<span>1D798</span></span>
+  <span><span class="testfont">&#x1D799;</span>=<span>1D799</span></span>
+  <span><span class="testfont">&#x1D79A;</span>=<span>1D79A</span></span>
+  <span><span class="testfont">&#x1D79B;</span>=<span>1D79B</span></span>
+  <span><span class="testfont">&#x1D79C;</span>=<span>1D79C</span></span>
+  <span><span class="testfont">&#x1D79D;</span>=<span>1D79D</span></span>
+  <span><span class="testfont">&#x1D79E;</span>=<span>1D79E</span></span>
+  <span><span class="testfont">&#x1D79F;</span>=<span>1D79F</span></span><br/>
+  <span><span class="testfont">&#x1D7A0;</span>=<span>1D7A0</span></span>
+  <span><span class="testfont">&#x1D7A2;</span>=<span>1D7A2</span></span>
+  <span><span class="testfont">&#x1D7A3;</span>=<span>1D7A3</span></span>
+  <span><span class="testfont">&#x1D7A4;</span>=<span>1D7A4</span></span>
+  <span><span class="testfont">&#x1D7A5;</span>=<span>1D7A5</span></span>
+  <span><span class="testfont">&#x1D7A6;</span>=<span>1D7A6</span></span>
+  <span><span class="testfont">&#x1D7A7;</span>=<span>1D7A7</span></span>
+  <span><span class="testfont">&#x1D7A8;</span>=<span>1D7A8</span></span>
+  <span><span class="testfont">&#x1D7AA;</span>=<span>1D7AA</span></span>
+  <span><span class="testfont">&#x1D7AB;</span>=<span>1D7AB</span></span><br/>
+  <span><span class="testfont">&#x1D7AC;</span>=<span>1D7AC</span></span>
+  <span><span class="testfont">&#x1D7AD;</span>=<span>1D7AD</span></span>
+  <span><span class="testfont">&#x1D7AE;</span>=<span>1D7AE</span></span>
+  <span><span class="testfont">&#x1D7AF;</span>=<span>1D7AF</span></span>
+  <span><span class="testfont">&#x1D7B0;</span>=<span>1D7B0</span></span>
+  <span><span class="testfont">&#x1D7B1;</span>=<span>1D7B1</span></span>
+  <span><span class="testfont">&#x1D7B2;</span>=<span>1D7B2</span></span>
+  <span><span class="testfont">&#x1D7B3;</span>=<span>1D7B3</span></span>
+  <span><span class="testfont">&#x1D7B4;</span>=<span>1D7B4</span></span>
+  <span><span class="testfont">&#x1D7B5;</span>=<span>1D7B5</span></span><br/>
+  <span><span class="testfont">&#x1D7B6;</span>=<span>1D7B6</span></span>
+  <span><span class="testfont">&#x1D7B7;</span>=<span>1D7B7</span></span>
+  <span><span class="testfont">&#x1D7B8;</span>=<span>1D7B8</span></span>
+  <span><span class="testfont">&#x1D7B9;</span>=<span>1D7B9</span></span>
+  <span><span class="testfont">&#x1D7BA;</span>=<span>1D7BA</span></span>
+  <span><span class="testfont">&#x1D7BB;</span>=<span>1D7BB</span></span>
+  <span><span class="testfont">&#x1D7BC;</span>=<span>1D7BC</span></span>
+  <span><span class="testfont">&#x1D7BD;</span>=<span>1D7BD</span></span>
+  <span><span class="testfont">&#x1D7BE;</span>=<span>1D7BE</span></span>
+  <span><span class="testfont">&#x1D7BF;</span>=<span>1D7BF</span></span><br/>
+  <span><span class="testfont">&#x1D7C0;</span>=<span>1D7C0</span></span>
+  <span><span class="testfont">&#x1D7C1;</span>=<span>1D7C1</span></span>
+  <span><span class="testfont">&#x1D7C2;</span>=<span>1D7C2</span></span>
+  <span><span class="testfont">&#x1D7C5;</span>=<span>1D7C5</span></span>
+  <span><span class="testfont">&#x1D7C7;</span>=<span>1D7C7</span></span>
+  <span><span class="testfont">&#x1D7C9;</span>=<span>1D7C9</span></span>
+  <span><span class="testfont">&#x1D7C6;</span>=<span>1D7C6</span></span>
+  <span><span class="testfont">&#x1D7C8;</span>=<span>1D7C8</span></span>
+  <span><span class="testfont">&#x1D7A1;</span>=<span>1D7A1</span></span>
+  <span><span class="testfont">&#x1D7C4;</span>=<span>1D7C4</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html
new file mode 100644
index 000000000000..9a686d0ec778
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-bold-italic-001.tentative.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-sans-serif-bold-italic</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-sans-serif-bold-italic-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-sans-serif-bold-italic' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-sans-serif-bold-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x2202;</span>=<span>1D7C3</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x2207;</span>=<span>1D7A9</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x41;</span>=<span>1D63C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x42;</span>=<span>1D63D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x43;</span>=<span>1D63E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x44;</span>=<span>1D63F</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x45;</span>=<span>1D640</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x46;</span>=<span>1D641</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x47;</span>=<span>1D642</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x48;</span>=<span>1D643</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x49;</span>=<span>1D644</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4A;</span>=<span>1D645</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4B;</span>=<span>1D646</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4C;</span>=<span>1D647</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4D;</span>=<span>1D648</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4E;</span>=<span>1D649</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x4F;</span>=<span>1D64A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x50;</span>=<span>1D64B</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x51;</span>=<span>1D64C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x52;</span>=<span>1D64D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x53;</span>=<span>1D64E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x54;</span>=<span>1D64F</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x55;</span>=<span>1D650</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x56;</span>=<span>1D651</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x57;</span>=<span>1D652</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x58;</span>=<span>1D653</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x59;</span>=<span>1D654</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x5A;</span>=<span>1D655</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x61;</span>=<span>1D656</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x62;</span>=<span>1D657</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x63;</span>=<span>1D658</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x64;</span>=<span>1D659</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x65;</span>=<span>1D65A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x66;</span>=<span>1D65B</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x67;</span>=<span>1D65C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x68;</span>=<span>1D65D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x69;</span>=<span>1D65E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6A;</span>=<span>1D65F</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6B;</span>=<span>1D660</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6C;</span>=<span>1D661</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6D;</span>=<span>1D662</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6E;</span>=<span>1D663</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x6F;</span>=<span>1D664</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x70;</span>=<span>1D665</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x71;</span>=<span>1D666</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x72;</span>=<span>1D667</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x73;</span>=<span>1D668</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x74;</span>=<span>1D669</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x75;</span>=<span>1D66A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x76;</span>=<span>1D66B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x77;</span>=<span>1D66C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x78;</span>=<span>1D66D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x79;</span>=<span>1D66E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x7A;</span>=<span>1D66F</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x391;</span>=<span>1D790</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x392;</span>=<span>1D791</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x393;</span>=<span>1D792</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x394;</span>=<span>1D793</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x395;</span>=<span>1D794</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x396;</span>=<span>1D795</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x397;</span>=<span>1D796</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x398;</span>=<span>1D797</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x399;</span>=<span>1D798</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39A;</span>=<span>1D799</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39B;</span>=<span>1D79A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39C;</span>=<span>1D79B</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39D;</span>=<span>1D79C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39E;</span>=<span>1D79D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x39F;</span>=<span>1D79E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A0;</span>=<span>1D79F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A1;</span>=<span>1D7A0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A3;</span>=<span>1D7A2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A4;</span>=<span>1D7A3</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A5;</span>=<span>1D7A4</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A6;</span>=<span>1D7A5</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A7;</span>=<span>1D7A6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A8;</span>=<span>1D7A7</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3A9;</span>=<span>1D7A8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B1;</span>=<span>1D7AA</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B2;</span>=<span>1D7AB</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B3;</span>=<span>1D7AC</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B4;</span>=<span>1D7AD</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B5;</span>=<span>1D7AE</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B6;</span>=<span>1D7AF</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B7;</span>=<span>1D7B0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B8;</span>=<span>1D7B1</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3B9;</span>=<span>1D7B2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BA;</span>=<span>1D7B3</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BB;</span>=<span>1D7B4</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BC;</span>=<span>1D7B5</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BD;</span>=<span>1D7B6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BE;</span>=<span>1D7B7</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3BF;</span>=<span>1D7B8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C0;</span>=<span>1D7B9</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C1;</span>=<span>1D7BA</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C2;</span>=<span>1D7BB</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C3;</span>=<span>1D7BC</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C4;</span>=<span>1D7BD</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C5;</span>=<span>1D7BE</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C6;</span>=<span>1D7BF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C7;</span>=<span>1D7C0</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C8;</span>=<span>1D7C1</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3C9;</span>=<span>1D7C2</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3D1;</span>=<span>1D7C5</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3D5;</span>=<span>1D7C7</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3D6;</span>=<span>1D7C9</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F0;</span>=<span>1D7C6</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F1;</span>=<span>1D7C8</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F4;</span>=<span>1D7A1</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-bold-italic">&#x3F5;</span>=<span>1D7C4</span></span><br/>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative-ref.html
new file mode 100644
index 000000000000..f352596b6b95
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-sans-serif-italic (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-sans-serif-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D608;</span>=<span>1D608</span></span>
+  <span><span class="testfont">&#x1D609;</span>=<span>1D609</span></span>
+  <span><span class="testfont">&#x1D60A;</span>=<span>1D60A</span></span>
+  <span><span class="testfont">&#x1D60B;</span>=<span>1D60B</span></span>
+  <span><span class="testfont">&#x1D60C;</span>=<span>1D60C</span></span>
+  <span><span class="testfont">&#x1D60D;</span>=<span>1D60D</span></span>
+  <span><span class="testfont">&#x1D60E;</span>=<span>1D60E</span></span>
+  <span><span class="testfont">&#x1D60F;</span>=<span>1D60F</span></span>
+  <span><span class="testfont">&#x1D610;</span>=<span>1D610</span></span>
+  <span><span class="testfont">&#x1D611;</span>=<span>1D611</span></span><br/>
+  <span><span class="testfont">&#x1D612;</span>=<span>1D612</span></span>
+  <span><span class="testfont">&#x1D613;</span>=<span>1D613</span></span>
+  <span><span class="testfont">&#x1D614;</span>=<span>1D614</span></span>
+  <span><span class="testfont">&#x1D615;</span>=<span>1D615</span></span>
+  <span><span class="testfont">&#x1D616;</span>=<span>1D616</span></span>
+  <span><span class="testfont">&#x1D617;</span>=<span>1D617</span></span>
+  <span><span class="testfont">&#x1D618;</span>=<span>1D618</span></span>
+  <span><span class="testfont">&#x1D619;</span>=<span>1D619</span></span>
+  <span><span class="testfont">&#x1D61A;</span>=<span>1D61A</span></span>
+  <span><span class="testfont">&#x1D61B;</span>=<span>1D61B</span></span><br/>
+  <span><span class="testfont">&#x1D61C;</span>=<span>1D61C</span></span>
+  <span><span class="testfont">&#x1D61D;</span>=<span>1D61D</span></span>
+  <span><span class="testfont">&#x1D61E;</span>=<span>1D61E</span></span>
+  <span><span class="testfont">&#x1D61F;</span>=<span>1D61F</span></span>
+  <span><span class="testfont">&#x1D620;</span>=<span>1D620</span></span>
+  <span><span class="testfont">&#x1D621;</span>=<span>1D621</span></span>
+  <span><span class="testfont">&#x1D622;</span>=<span>1D622</span></span>
+  <span><span class="testfont">&#x1D623;</span>=<span>1D623</span></span>
+  <span><span class="testfont">&#x1D624;</span>=<span>1D624</span></span>
+  <span><span class="testfont">&#x1D625;</span>=<span>1D625</span></span><br/>
+  <span><span class="testfont">&#x1D626;</span>=<span>1D626</span></span>
+  <span><span class="testfont">&#x1D627;</span>=<span>1D627</span></span>
+  <span><span class="testfont">&#x1D628;</span>=<span>1D628</span></span>
+  <span><span class="testfont">&#x1D629;</span>=<span>1D629</span></span>
+  <span><span class="testfont">&#x1D62A;</span>=<span>1D62A</span></span>
+  <span><span class="testfont">&#x1D62B;</span>=<span>1D62B</span></span>
+  <span><span class="testfont">&#x1D62C;</span>=<span>1D62C</span></span>
+  <span><span class="testfont">&#x1D62D;</span>=<span>1D62D</span></span>
+  <span><span class="testfont">&#x1D62E;</span>=<span>1D62E</span></span>
+  <span><span class="testfont">&#x1D62F;</span>=<span>1D62F</span></span><br/>
+  <span><span class="testfont">&#x1D630;</span>=<span>1D630</span></span>
+  <span><span class="testfont">&#x1D631;</span>=<span>1D631</span></span>
+  <span><span class="testfont">&#x1D632;</span>=<span>1D632</span></span>
+  <span><span class="testfont">&#x1D633;</span>=<span>1D633</span></span>
+  <span><span class="testfont">&#x1D634;</span>=<span>1D634</span></span>
+  <span><span class="testfont">&#x1D635;</span>=<span>1D635</span></span>
+  <span><span class="testfont">&#x1D636;</span>=<span>1D636</span></span>
+  <span><span class="testfont">&#x1D637;</span>=<span>1D637</span></span>
+  <span><span class="testfont">&#x1D638;</span>=<span>1D638</span></span>
+  <span><span class="testfont">&#x1D639;</span>=<span>1D639</span></span><br/>
+  <span><span class="testfont">&#x1D63A;</span>=<span>1D63A</span></span>
+  <span><span class="testfont">&#x1D63B;</span>=<span>1D63B</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html
new file mode 100644
index 000000000000..c312cf662f19
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-sans-serif-italic-001.tentative.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-sans-serif-italic</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-sans-serif-italic-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-sans-serif-italic' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-sans-serif-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x41;</span>=<span>1D608</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x42;</span>=<span>1D609</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x43;</span>=<span>1D60A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x44;</span>=<span>1D60B</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x45;</span>=<span>1D60C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x46;</span>=<span>1D60D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x47;</span>=<span>1D60E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x48;</span>=<span>1D60F</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x49;</span>=<span>1D610</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4A;</span>=<span>1D611</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4B;</span>=<span>1D612</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4C;</span>=<span>1D613</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4D;</span>=<span>1D614</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4E;</span>=<span>1D615</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x4F;</span>=<span>1D616</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x50;</span>=<span>1D617</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x51;</span>=<span>1D618</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x52;</span>=<span>1D619</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x53;</span>=<span>1D61A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x54;</span>=<span>1D61B</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x55;</span>=<span>1D61C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x56;</span>=<span>1D61D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x57;</span>=<span>1D61E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x58;</span>=<span>1D61F</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x59;</span>=<span>1D620</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x5A;</span>=<span>1D621</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x61;</span>=<span>1D622</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x62;</span>=<span>1D623</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x63;</span>=<span>1D624</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x64;</span>=<span>1D625</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x65;</span>=<span>1D626</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x66;</span>=<span>1D627</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x67;</span>=<span>1D628</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x68;</span>=<span>1D629</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x69;</span>=<span>1D62A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6A;</span>=<span>1D62B</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6B;</span>=<span>1D62C</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6C;</span>=<span>1D62D</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6D;</span>=<span>1D62E</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6E;</span>=<span>1D62F</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x6F;</span>=<span>1D630</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x70;</span>=<span>1D631</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x71;</span>=<span>1D632</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x72;</span>=<span>1D633</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x73;</span>=<span>1D634</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x74;</span>=<span>1D635</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x75;</span>=<span>1D636</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x76;</span>=<span>1D637</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x77;</span>=<span>1D638</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x78;</span>=<span>1D639</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x79;</span>=<span>1D63A</span></span>
+  <span><span class="testfont" style="text-transform: math-sans-serif-italic">&#x7A;</span>=<span>1D63B</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-script-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-script-001.tentative-ref.html
new file mode 100644
index 000000000000..6cbe296dfb72
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-script-001.tentative-ref.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-script (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-script.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1D49C;</span>=<span>1D49C</span></span>
+  <span><span class="testfont">&#x212C;</span>=<span>0212C</span></span>
+  <span><span class="testfont">&#x1D49E;</span>=<span>1D49E</span></span>
+  <span><span class="testfont">&#x1D49F;</span>=<span>1D49F</span></span>
+  <span><span class="testfont">&#x2130;</span>=<span>02130</span></span>
+  <span><span class="testfont">&#x2131;</span>=<span>02131</span></span>
+  <span><span class="testfont">&#x1D4A2;</span>=<span>1D4A2</span></span>
+  <span><span class="testfont">&#x210B;</span>=<span>0210B</span></span>
+  <span><span class="testfont">&#x2110;</span>=<span>02110</span></span>
+  <span><span class="testfont">&#x1D4A5;</span>=<span>1D4A5</span></span><br/>
+  <span><span class="testfont">&#x1D4A6;</span>=<span>1D4A6</span></span>
+  <span><span class="testfont">&#x2112;</span>=<span>02112</span></span>
+  <span><span class="testfont">&#x2133;</span>=<span>02133</span></span>
+  <span><span class="testfont">&#x1D4A9;</span>=<span>1D4A9</span></span>
+  <span><span class="testfont">&#x1D4AA;</span>=<span>1D4AA</span></span>
+  <span><span class="testfont">&#x1D4AB;</span>=<span>1D4AB</span></span>
+  <span><span class="testfont">&#x1D4AC;</span>=<span>1D4AC</span></span>
+  <span><span class="testfont">&#x211B;</span>=<span>0211B</span></span>
+  <span><span class="testfont">&#x1D4AE;</span>=<span>1D4AE</span></span>
+  <span><span class="testfont">&#x1D4AF;</span>=<span>1D4AF</span></span><br/>
+  <span><span class="testfont">&#x1D4B0;</span>=<span>1D4B0</span></span>
+  <span><span class="testfont">&#x1D4B1;</span>=<span>1D4B1</span></span>
+  <span><span class="testfont">&#x1D4B2;</span>=<span>1D4B2</span></span>
+  <span><span class="testfont">&#x1D4B3;</span>=<span>1D4B3</span></span>
+  <span><span class="testfont">&#x1D4B4;</span>=<span>1D4B4</span></span>
+  <span><span class="testfont">&#x1D4B5;</span>=<span>1D4B5</span></span>
+  <span><span class="testfont">&#x1D4B6;</span>=<span>1D4B6</span></span>
+  <span><span class="testfont">&#x1D4B7;</span>=<span>1D4B7</span></span>
+  <span><span class="testfont">&#x1D4B8;</span>=<span>1D4B8</span></span>
+  <span><span class="testfont">&#x1D4B9;</span>=<span>1D4B9</span></span><br/>
+  <span><span class="testfont">&#x212F;</span>=<span>0212F</span></span>
+  <span><span class="testfont">&#x1D4BB;</span>=<span>1D4BB</span></span>
+  <span><span class="testfont">&#x210A;</span>=<span>0210A</span></span>
+  <span><span class="testfont">&#x1D4BD;</span>=<span>1D4BD</span></span>
+  <span><span class="testfont">&#x1D4BE;</span>=<span>1D4BE</span></span>
+  <span><span class="testfont">&#x1D4BF;</span>=<span>1D4BF</span></span>
+  <span><span class="testfont">&#x1D4C0;</span>=<span>1D4C0</span></span>
+  <span><span class="testfont">&#x1D4C1;</span>=<span>1D4C1</span></span>
+  <span><span class="testfont">&#x1D4C2;</span>=<span>1D4C2</span></span>
+  <span><span class="testfont">&#x1D4C3;</span>=<span>1D4C3</span></span><br/>
+  <span><span class="testfont">&#x2134;</span>=<span>02134</span></span>
+  <span><span class="testfont">&#x1D4C5;</span>=<span>1D4C5</span></span>
+  <span><span class="testfont">&#x1D4C6;</span>=<span>1D4C6</span></span>
+  <span><span class="testfont">&#x1D4C7;</span>=<span>1D4C7</span></span>
+  <span><span class="testfont">&#x1D4C8;</span>=<span>1D4C8</span></span>
+  <span><span class="testfont">&#x1D4C9;</span>=<span>1D4C9</span></span>
+  <span><span class="testfont">&#x1D4CA;</span>=<span>1D4CA</span></span>
+  <span><span class="testfont">&#x1D4CB;</span>=<span>1D4CB</span></span>
+  <span><span class="testfont">&#x1D4CC;</span>=<span>1D4CC</span></span>
+  <span><span class="testfont">&#x1D4CD;</span>=<span>1D4CD</span></span><br/>
+  <span><span class="testfont">&#x1D4CE;</span>=<span>1D4CE</span></span>
+  <span><span class="testfont">&#x1D4CF;</span>=<span>1D4CF</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-script-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-script-001.tentative.html
new file mode 100644
index 000000000000..130d7a054a6c
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-script-001.tentative.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-script</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-script-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-script' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-script.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-script">&#x41;</span>=<span>1D49C</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x42;</span>=<span>0212C</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x43;</span>=<span>1D49E</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x44;</span>=<span>1D49F</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x45;</span>=<span>02130</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x46;</span>=<span>02131</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x47;</span>=<span>1D4A2</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x48;</span>=<span>0210B</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x49;</span>=<span>02110</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x4A;</span>=<span>1D4A5</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-script">&#x4B;</span>=<span>1D4A6</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x4C;</span>=<span>02112</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x4D;</span>=<span>02133</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x4E;</span>=<span>1D4A9</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x4F;</span>=<span>1D4AA</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x50;</span>=<span>1D4AB</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x51;</span>=<span>1D4AC</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x52;</span>=<span>0211B</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x53;</span>=<span>1D4AE</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x54;</span>=<span>1D4AF</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-script">&#x55;</span>=<span>1D4B0</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x56;</span>=<span>1D4B1</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x57;</span>=<span>1D4B2</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x58;</span>=<span>1D4B3</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x59;</span>=<span>1D4B4</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x5A;</span>=<span>1D4B5</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x61;</span>=<span>1D4B6</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x62;</span>=<span>1D4B7</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x63;</span>=<span>1D4B8</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x64;</span>=<span>1D4B9</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-script">&#x65;</span>=<span>0212F</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x66;</span>=<span>1D4BB</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x67;</span>=<span>0210A</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x68;</span>=<span>1D4BD</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x69;</span>=<span>1D4BE</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x6A;</span>=<span>1D4BF</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x6B;</span>=<span>1D4C0</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x6C;</span>=<span>1D4C1</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x6D;</span>=<span>1D4C2</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x6E;</span>=<span>1D4C3</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-script">&#x6F;</span>=<span>02134</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x70;</span>=<span>1D4C5</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x71;</span>=<span>1D4C6</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x72;</span>=<span>1D4C7</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x73;</span>=<span>1D4C8</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x74;</span>=<span>1D4C9</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x75;</span>=<span>1D4CA</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x76;</span>=<span>1D4CB</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x77;</span>=<span>1D4CC</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x78;</span>=<span>1D4CD</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-script">&#x79;</span>=<span>1D4CE</span></span>
+  <span><span class="testfont" style="text-transform: math-script">&#x7A;</span>=<span>1D4CF</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative-ref.html
new file mode 100644
index 000000000000..e4fa35e810cd
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative-ref.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-stretched (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-stretched.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1EE7E;</span>=<span>1EE7E</span></span>
+  <span><span class="testfont">&#x1EE61;</span>=<span>1EE61</span></span>
+  <span><span class="testfont">&#x1EE75;</span>=<span>1EE75</span></span>
+  <span><span class="testfont">&#x1EE76;</span>=<span>1EE76</span></span>
+  <span><span class="testfont">&#x1EE62;</span>=<span>1EE62</span></span>
+  <span><span class="testfont">&#x1EE67;</span>=<span>1EE67</span></span>
+  <span><span class="testfont">&#x1EE77;</span>=<span>1EE77</span></span>
+  <span><span class="testfont">&#x1EE6E;</span>=<span>1EE6E</span></span>
+  <span><span class="testfont">&#x1EE74;</span>=<span>1EE74</span></span>
+  <span><span class="testfont">&#x1EE71;</span>=<span>1EE71</span></span><br/>
+  <span><span class="testfont">&#x1EE79;</span>=<span>1EE79</span></span>
+  <span><span class="testfont">&#x1EE68;</span>=<span>1EE68</span></span>
+  <span><span class="testfont">&#x1EE7A;</span>=<span>1EE7A</span></span>
+  <span><span class="testfont">&#x1EE6F;</span>=<span>1EE6F</span></span>
+  <span><span class="testfont">&#x1EE7B;</span>=<span>1EE7B</span></span>
+  <span><span class="testfont">&#x1EE70;</span>=<span>1EE70</span></span>
+  <span><span class="testfont">&#x1EE72;</span>=<span>1EE72</span></span>
+  <span><span class="testfont">&#x1EE6A;</span>=<span>1EE6A</span></span>
+  <span><span class="testfont">&#x1EE6C;</span>=<span>1EE6C</span></span>
+  <span><span class="testfont">&#x1EE6D;</span>=<span>1EE6D</span></span><br/>
+  <span><span class="testfont">&#x1EE64;</span>=<span>1EE64</span></span>
+  <span><span class="testfont">&#x1EE69;</span>=<span>1EE69</span></span>
+  <span><span class="testfont">&#x1EE7C;</span>=<span>1EE7C</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html
new file mode 100644
index 000000000000..de0af7282ab6
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-stretched-001.tentative.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-stretched</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-stretched-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-stretched' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-stretched.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x6A1;</span>=<span>1EE7E</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x628;</span>=<span>1EE61</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x62A;</span>=<span>1EE75</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x62B;</span>=<span>1EE76</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x62C;</span>=<span>1EE62</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x62D;</span>=<span>1EE67</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x62E;</span>=<span>1EE77</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x633;</span>=<span>1EE6E</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x634;</span>=<span>1EE74</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x635;</span>=<span>1EE71</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x636;</span>=<span>1EE79</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x637;</span>=<span>1EE68</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x638;</span>=<span>1EE7A</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x639;</span>=<span>1EE6F</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x63A;</span>=<span>1EE7B</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x641;</span>=<span>1EE70</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x642;</span>=<span>1EE72</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x643;</span>=<span>1EE6A</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x645;</span>=<span>1EE6C</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x646;</span>=<span>1EE6D</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x647;</span>=<span>1EE64</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x64A;</span>=<span>1EE69</span></span>
+  <span><span class="testfont" style="text-transform: math-stretched">&#x66E;</span>=<span>1EE7C</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative-ref.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative-ref.html
new file mode 100644
index 000000000000..7a1c9b005689
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative-ref.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-tailed (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-tailed.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont">&#x1EE52;</span>=<span>1EE52</span></span>
+  <span><span class="testfont">&#x1EE4B;</span>=<span>1EE4B</span></span>
+  <span><span class="testfont">&#x1EE4D;</span>=<span>1EE4D</span></span>
+  <span><span class="testfont">&#x1EE49;</span>=<span>1EE49</span></span>
+  <span><span class="testfont">&#x1EE42;</span>=<span>1EE42</span></span>
+  <span><span class="testfont">&#x1EE47;</span>=<span>1EE47</span></span>
+  <span><span class="testfont">&#x1EE57;</span>=<span>1EE57</span></span>
+  <span><span class="testfont">&#x1EE5F;</span>=<span>1EE5F</span></span>
+  <span><span class="testfont">&#x1EE4E;</span>=<span>1EE4E</span></span>
+  <span><span class="testfont">&#x1EE54;</span>=<span>1EE54</span></span><br/>
+  <span><span class="testfont">&#x1EE51;</span>=<span>1EE51</span></span>
+  <span><span class="testfont">&#x1EE59;</span>=<span>1EE59</span></span>
+  <span><span class="testfont">&#x1EE4F;</span>=<span>1EE4F</span></span>
+  <span><span class="testfont">&#x1EE5B;</span>=<span>1EE5B</span></span>
+  <span><span class="testfont">&#x1EE5D;</span>=<span>1EE5D</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html
new file mode 100644
index 000000000000..24fa40bed2a6
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/text-transform/math/text-transform-math-tailed-001.tentative.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>text-transform math-tailed</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="text-transform-math-tailed-001.tentative-ref.html"/>
+<meta name="assert" content="Verify that a character with 'text-transform: math-tailed' renders the same as the transformed unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-tailed.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x642;</span>=<span>1EE52</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x644;</span>=<span>1EE4B</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x646;</span>=<span>1EE4D</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x64A;</span>=<span>1EE49</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x62C;</span>=<span>1EE42</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x62D;</span>=<span>1EE47</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x62E;</span>=<span>1EE57</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x66F;</span>=<span>1EE5F</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x633;</span>=<span>1EE4E</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x634;</span>=<span>1EE54</span></span><br/>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x635;</span>=<span>1EE51</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x636;</span>=<span>1EE59</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x639;</span>=<span>1EE4F</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x63A;</span>=<span>1EE5B</span></span>
+  <span><span class="testfont" style="text-transform: math-tailed">&#x6BA;</span>=<span>1EE5D</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-001.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-001.html
new file mode 100644
index 000000000000..6d17921e17c2
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-001.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space at the beginning of the line are breaking opportunities when white-space is pre-wrap.">
+
+<style>
+div {
+  font: 50px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 2ch;
+  white-space: pre-wrap;
+}
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref"><span>XX</span><br>XX</div>
+<div class="test"> XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-002.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-002.html
new file mode 100644
index 000000000000..082bce78c4ff
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-002.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
+
+<style>
+div {
+  font: 25px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 4ch;
+  white-space: pre-wrap;
+}
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XX<span>XX<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
+<div class="test">XX&#x000a; XXXX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-003.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-003.html
new file mode 100644
index 000000000000..2bdef018e722
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-003.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
+
+<style>
+div {
+  font: 25px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 4ch;
+  white-space: pre-wrap;
+}
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XX<span>XX<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
+<div class="test">XX<br> XXXX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-004.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-004.html
new file mode 100644
index 000000000000..ea409af2ab9d
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-004.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
+<div class="test">XXX<br>   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-005.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-005.html
new file mode 100644
index 000000000000..ccf613051ffa
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-005.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
+<div class="test">XXX  <br>   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-006.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-006.html
new file mode 100644
index 000000000000..cff928c2fd53
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-006.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
+<div class="test">XXX 
+   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-007.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-007.html
new file mode 100644
index 000000000000..ca27b98c2f68
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-007.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
+<div class="test">XXX  
+   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-008.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-008.html
new file mode 100644
index 000000000000..7331142c2ea0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-008.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XX<span>XXX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
+<div class="test">XX   
+   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-009.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-009.html
new file mode 100644
index 000000000000..e2786419c1a5
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-009.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">X<span>XXXX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX<br>XXXXX</span></div>
+<div class="test">X    
+   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-010.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-010.html
new file mode 100644
index 000000000000..b1b14ea3afba
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-010.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XXX<span>XX<br>XXXXX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX</span></div>
+<div class="test">XXX<br>
+   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-011.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-011.html
new file mode 100644
index 000000000000..6167e9ce4538
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-011.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: forced breaks create preserverd leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should not be collapsed, honoring white-space: pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref">XXX<span>XX</span><br>XXX<span>XX<br>XXX</span>XX<br><span>XXXXX<br>XXXXX</span></div>
+<div class="test">XXX XXX
+   XX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-012.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-012.html
new file mode 100644
index 000000000000..657cd89d89fb
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-012.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
+
+<style>
+div {
+  font: 25px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 4ch;
+  white-space: pre-wrap;
+}
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref"><span>X</span>X<span>XX<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
+<div class="test"> <span>X </span>&#x000a; XXXX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-013.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-013.html
new file mode 100644
index 000000000000..476f76398daa
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-013.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
+
+<style>
+div {
+  font: 25px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 4ch;
+  white-space: pre-wrap;
+}
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref"><span>XX</span>X<span>X<br>XXXX</span><br>XXXX<br><span>XXXX</span></div>
+<div class="test"> <span> </span>X&#x000a; XXXX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-014.html b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-014.html
new file mode 100644
index 000000000000..ab2759fdc7b0
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-text/white-space/pre-wrap-leading-spaces-014.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>CSS Text test: breaking opportunities at leading spaces with white-space:pre-wrap</title>
+<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
+<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
+<meta name="assert" content="Preserved white space after forced breaks become leading white-spaces and should be breaking opportunities when white-space is pre-wrap.">
+
+<style>
+div {
+  font: 20px/1 Ahem;
+}
+.ref {
+  position: absolute;
+  color: red;
+  z-index: -1;
+}
+span { color: green; }
+.test {
+  color: green;
+  width: 5ch;
+  white-space: pre-wrap;
+}
+</style>
+
+<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
+<div class="ref"><span>X</span>X<span>XX</span>X<br><span>XXXXX</span><br>XXXXX<br><span>XXXXX<br>XXXXX</span></div>
+<div class="test"> X<span> </span> X&#x000a; XXXXX</div>
diff --git a/tests/wpt/web-platform-tests/css/css-ui/text-overflow-ellipsis-width-001.html b/tests/wpt/web-platform-tests/css/css-ui/text-overflow-ellipsis-width-001.html
new file mode 100644
index 000000000000..204211158825
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/css-ui/text-overflow-ellipsis-width-001.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<title>Ellipsizing should not affect `offsetWidth` of inline boxes.</title>
+<link rel="author" href="kojii@chromium.org">
+<link rel="help" href="https://crbug.com/978392">
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#ellipsing-details">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+#ellipsis {
+  width: 50px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+</style>
+<body>
+  <div id="normal"><span>This is a test text.</span></div>
+  <div id="ellipsis"><span>This is a test text.</span></div>
+<script>
+test(() => {
+  let normal_child = normal.firstElementChild;
+  let ellipsis_child = ellipsis.firstElementChild;
+  assert_equals(normal_child.offsetWidth, ellipsis_child.offsetWidth);
+});
+</script>
+</body>
diff --git a/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-direction-rtl.html b/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-direction-rtl.html
new file mode 100644
index 000000000000..fea92d1da570
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-direction-rtl.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<title>CSSOM View - scrollIntoView considers direction:rtl</title>
+<meta charset="utf-8">
+<link rel="author" title="Cathie Chen" href="mailto:cathiechen@igalia.com">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-element-scrollintoview">
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#scroll-an-element">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<style>
+.box {
+  float: left;
+  width: 200px;
+  height: 200px;
+}
+#scroller {
+  direction: rtl;
+  overflow-x: scroll;
+  width: 300px;
+  height: 215px;
+}
+#container{
+  width: 600px;
+  height: 200px;
+}
+#target {
+  background-color: #ff0;
+}
+</style>
+<body>
+<div id="scroller">
+  <div id="container">
+    <div class="row">
+      <div class="box"></div>
+      <div class="box" id="target"></div>
+      <div class="box"></div>
+    </div>
+  </div>
+</div>
+
+<script>
+// This page is direction: rtl and scroller is direction: rtl.
+// So the the overflow direction is leftward, downward. The beginning edges are the top and right edges.
+// And the ending edges are the bottom and left edges.
+// Acording to the spec, x is min(0, max(x, element padding edge width - element scrolling area width)).
+// So x is nonpositive and decreases leftward.
+
+var target = document.getElementById("target");
+var scroller = document.getElementById("scroller");
+var box_width = target.offsetWidth;
+var scroller_width = scroller.offsetWidth;
+
+var leftEdge = -2*box_width + scroller_width;
+var center = -(3*box_width - scroller_width)/2;
+var rightEdge = - box_width;
+
+test(() => {
+  scroller.scrollTo(0, 0);
+  target.scrollIntoView({inline: "start"});
+  assert_approx_equals(scroller.scrollLeft, rightEdge, 0.5, "start should be the right edge");
+}, `scrollIntoView({inline: "start"}), direction: rtl`);
+
+test(() => {
+  scroller.scrollTo(0, 0);
+  target.scrollIntoView({inline: "center"});
+  assert_approx_equals(scroller.scrollLeft, center, 0.5, "should center the target");
+}, `scrollIntoView({inline: "center"}), direction: rtl`);
+
+test(() => {
+  scroller.scrollTo(0, 0);
+  target.scrollIntoView({inline: "end"});
+  assert_approx_equals(scroller.scrollLeft, leftEdge, 0.5, "end should be the left edge");
+}, `scrollIntoView({inline: "end"}), direction: rtl`);
+</script>
+
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html b/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
index 4d67b4de3d4c..56bcf214517d 100644
--- a/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
+++ b/tests/wpt/web-platform-tests/css/cssom-view/scrollIntoView-vertical-rl-writing-mode.html
@@ -53,6 +53,9 @@
 </div>
 
 <script>
+// In vertical-rl mode, X corresponds to the block axis and is oriented
+// leftward. Y corresponds to the inline axis and is oriented downward.
+// This assumes that the horizontal scrollbar is on the bottom side.
 var target = document.getElementById("target");
 var scroller = document.getElementById("scroller");
 var scrollbar_width = scroller.offsetWidth - scroller.clientWidth;
@@ -62,14 +65,42 @@
 var box_width = target.offsetWidth;
 var box_height = target.offsetHeight;
 
-var expectedX = [ ((2*box_width)-scroller_width)+scrollbar_width, ((3*box_width - scroller_width)/2)+ (scrollbar_width/2), box_width ];
-var expectedY = [ box_height, ((3*box_height - scroller_height)/2) + (scrollbar_width/2), ((2*box_height)-scroller_height) + scrollbar_width ];
+var expectedX;
+// If scroll bar is on the left side, scroller.scrollLeft won't get bigger than 0,
+scroller.scrollLeft = scrollbar_width;
+if (scroller.scrollLeft == 0) {
+  expectedX = {
+    blockStart: -box_width,
+    blockCenter: -(((3*box_width - scroller_width)/2) + (scrollbar_width/2)),
+    blockEnd: -(((2*box_width) - scroller_width) + scrollbar_width),
+  };
+} else {
+  expectedX = {
+    blockStart: -(box_width - scrollbar_width),
+    blockCenter: -(((3*box_width - scroller_width)/2) + (scrollbar_width/2) - scrollbar_width),
+    blockEnd: -((2*box_width) - scroller_width),
+  };
+}
+
+var expectedY = {
+  inlineStart: box_height,
+  inlineCenter: ((3*box_height - scroller_height)/2) + (scrollbar_width/2),
+  inlineEnd: ((2*box_height) - scroller_height) + scrollbar_width,
+};
 
 // As browsers differ in the meaning of scrollLeft when
 // in a right-to-left mode, we adjust the expectation
 // to match the semantics of scrollLeft.
-if(scroller.scrollLeft === 0)
-  expectedX = [ -box_width, -(((3*box_width - scroller_width)/2)+ (scrollbar_width/2)), -(((2*box_width)-scroller_width)+scrollbar_width)];
+// In vertical-rl mode, the scroll x coordinate should be nonpositive per the the spec.
+// But some browsers is nonnegative, so we adjust the expectation.
+scroller.scrollLeft = -1000;
+if(scroller.scrollLeft === 0) {
+  expectedX = {
+    blockStart: ((2*box_width) - scroller_width) + scrollbar_width,
+    blockCenter: ((3*box_width - scroller_width)/2) + (scrollbar_width/2),
+    blockEnd: box_width,
+  };
+}
 
 // This formats dict as a string suitable as test name.
 // format_value() is provided by testharness.js,
@@ -83,15 +114,15 @@
 }
 
 [
-  [{block: "start", inline: "start"}, expectedX[0], expectedY[0]],
-  [{block: "start", inline: "center"}, expectedX[0], expectedY[1]],
-  [{block: "start", inline: "end"}, expectedX[0], expectedY[2]],
-  [{block: "center", inline: "start"}, expectedX[1], expectedY[0]],
-  [{block: "center", inline: "center"}, expectedX[1], expectedY[1]],
-  [{block: "center", inline: "end"}, expectedX[1], expectedY[2]],
-  [{block: "end", inline: "start"}, expectedX[2], expectedY[0]],
-  [{block: "end", inline: "center"}, expectedX[2], expectedY[1]],
-  [{block: "end", inline: "end"}, expectedX[2], expectedY[2]],
+  [{block: "start", inline: "start"}, expectedX.blockStart, expectedY.inlineStart],
+  [{block: "start", inline: "center"}, expectedX.blockStart, expectedY.inlineCenter],
+  [{block: "start", inline: "end"}, expectedX.blockStart, expectedY.inlineEnd],
+  [{block: "center", inline: "start"}, expectedX.blockCenter, expectedY.inlineStart],
+  [{block: "center", inline: "center"}, expectedX.blockCenter, expectedY.inlineCenter],
+  [{block: "center", inline: "end"}, expectedX.blockCenter, expectedY.inlineEnd],
+  [{block: "end", inline: "start"}, expectedX.blockEnd, expectedY.inlineStart],
+  [{block: "end", inline: "center"}, expectedX.blockEnd, expectedY.inlineCenter],
+  [{block: "end", inline: "end"}, expectedX.blockEnd, expectedY.inlineEnd],
 ].forEach(([input, expectedX, expectedY]) => {
   test(() => {
     scroller.scrollTo(0, 0);
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html
new file mode 100644
index 000000000000..214ad1891ba6
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003-ref.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  select {
+    color: transparent;
+  }
+  .minWidth {
+    min-width: 100px;
+  }
+  .width {
+    width: 100px;
+  }
+  .floatLWidth {
+    float: left;
+    width: 100px;
+  }
+  </style>
+</head>
+<body>
+  <select multiple class="floatLWidth">
+  </select>
+  <br style="clear:both;">
+
+  <select multiple class="minWidth">
+  </select>
+  <br>
+
+  <select multiple class="width">
+  </select>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html
new file mode 100644
index 000000000000..85428064ec33
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-003.html
@@ -0,0 +1,44 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-select-elem-003-ref.html">
+  <style>
+  select {
+    contain: size;
+    color: transparent;
+  }
+  .minWidth {
+    min-width: 100px;
+  }
+  .width {
+    width: 100px;
+  }
+  .floatLWidth {
+    float: left;
+    width: 100px;
+  }
+  </style>
+</head>
+<body>
+  <select multiple class="floatLWidth">
+    <option>CSS Test: A size-contained floated select with specified width and no specified height should size itself as if it had no contents.</option>
+    <option>a</option>
+  </select>
+  <br style="clear:both;">
+
+  <select multiple class="minWidth">
+    <option>CSS Test: A size-contained select with specified min-width should size itself as if it had no contents.</option>
+    <option>a</option>
+  </select>
+  <br>
+
+  <select multiple class="width">
+    <option>CSS Test: A size-contained select with specified width should size itself as if it had no contents.</option>
+    <option>a</option>
+  </select>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html
new file mode 100644
index 000000000000..faf6228ea189
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004-ref.html
@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <style>
+  select {
+    color: transparent;
+  }
+  .floatLBasic {
+    float: left;
+  }
+  </style>
+</head>
+<body>
+  <select multiple>
+  </select>
+  <br>
+
+  <select multiple class="floatLBasic">
+  </select>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html
new file mode 100644
index 000000000000..818f4a301686
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-004.html
@@ -0,0 +1,31 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
+  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-select-elem-004-ref.html">
+  <style>
+  select {
+    contain: size;
+    color: transparent;
+  }
+  .floatLBasic {
+    float: left;
+  }
+  </style>
+</head>
+<body>
+  <select multiple>
+    <option>CSS Test: A size-contained select with no specified size should size itself as if it had no contents.</option>
+    <option>aaaaaa</option>
+  </select>
+  <br>
+
+  <select multiple class="floatLBasic">
+    <option>CSS Test: A size-contained floated select with no specified size should size itself as if it had no contents.</option>
+    <option>a</option>
+  </select>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html
new file mode 100644
index 000000000000..894631d24a0e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005-ref.html
@@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Reftest Reference</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <style>
+  select {
+    color: transparent;
+  }
+  .fsMedium {
+    /* custom styling for some select elements, which is allowed to influence
+       their size (in the same way that it influences the size of an empty
+       select element): */
+    font-size: 10px;
+  }
+  </style>
+</head>
+<body>
+  <select multiple                 ></select>
+  <select multiple size="1"        ></select>
+  <select multiple class="fsMedium"></select>
+
+  <select multiple                 ></select>
+  <select multiple size="1"        ></select>
+  <select multiple class="fsMedium"></select>
+
+  <br><br>
+
+  <select multiple                 ></select>
+  <select multiple size="1"        ></select>
+  <select multiple class="fsMedium"></select>
+
+  <select multiple                 ></select>
+  <select multiple size="1"        ></select>
+  <select multiple class="fsMedium"></select>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html
new file mode 100644
index 000000000000..74379b805919
--- /dev/null
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/contain-size-select-elem-005.html
@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>CSS Test: 'contain: size' on select objects should cause them to be sized as if they have no contents.</title>
+  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
+  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
+  <link rel="match" href="contain-size-select-elem-005-ref.html">
+  <style>
+  select {
+    contain: size;
+    color: transparent;
+  }
+  .fsMedium {
+    /* custom styling for some select elements, which is allowed to influence
+       their size (in the same way that it influences the size of an empty
+       select element): */
+    font-size: 10px;
+  }
+  .fsSmall {
+    /* custom styling for some option elements (which would make their parent
+       select elem shorter, except for the fact that it's size-contained): */
+    font-size: 6px;
+  }
+  </style>
+</head>
+<body>
+  <!-- No contents: -->
+  <select multiple                 ></select>
+  <select multiple size="1"        ></select>
+  <select multiple class="fsMedium"></select>
+
+  <!-- Empty option: -->
+  <select multiple                 ><option></option></select>
+  <select multiple size="1"        ><option></option></select>
+  <select multiple class="fsMedium"><option></option></select>
+
+  <br><br>
+
+  <!-- Nonempty option: -->
+  <select multiple                 ><option>X</option></select>
+  <select multiple size="1"        ><option>X</option></select>
+  <select multiple class="fsMedium"><option>X</option></select>
+
+  <!-- Nonempty option with custom font-size: -->
+  <select multiple                 ><option class="fsSmall">X</option></select>
+  <select multiple size="1"        ><option class="fsSmall">X</option></select>
+  <select multiple class="fsMedium"><option class="fsSmall">X</option></select>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
index 7bb355283c80..3dde877e2313 100644
--- a/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
+++ b/tests/wpt/web-platform-tests/css/vendor-imports/mozilla/mozilla-central-reftests/contain/reftest.list
@@ -36,6 +36,9 @@
 == contain-size-multicol-003.html contain-size-multicol-003-ref.html
 == contain-size-select-elem-001.html contain-size-select-elem-001-ref.html
 == contain-size-select-elem-002.html contain-size-select-elem-002-ref.html
+== contain-size-select-elem-003.html contain-size-select-elem-003-ref.html
+== contain-size-select-elem-004.html contain-size-select-elem-004-ref.html
+== contain-size-select-elem-005.html contain-size-select-elem-005-ref.html
 == contain-layout-overflow-001.html contain-layout-overflow-001-ref.html
 == contain-layout-overflow-002.html contain-layout-overflow-002-ref.html
 == contain-size-table-caption-001.html contain-size-table-caption-001-ref.html
diff --git a/tests/wpt/web-platform-tests/docs/writing-tests/css-metadata.md b/tests/wpt/web-platform-tests/docs/writing-tests/css-metadata.md
index 7051c74508c2..e77681be4fac 100644
--- a/tests/wpt/web-platform-tests/docs/writing-tests/css-metadata.md
+++ b/tests/wpt/web-platform-tests/docs/writing-tests/css-metadata.md
@@ -92,7 +92,7 @@ href="https://www.w3.org/TR/CSS21/colors.html#background-properties" />
 
 The following flags are **deprecated** and should not be declared by new tests.
 Tests which satisfy the described criteria should simply be designated as
-"manual" using [the `-manual` file name flag][file-name-flags].
+"manual" using [the `-manual` file name flag](file-names).
 
 <table>
 <tr>
@@ -189,5 +189,3 @@ Examples of good test assertions:
 * "This test checks that 'text-indent' affects only the first line
   of a block container if that line is also the first formatted line
   of an element."
-
-[file-name-flags]: {{ site.baseurl }}{% link _writing-tests/file-names.md %}
diff --git a/tests/wpt/web-platform-tests/docs/writing-tests/general-guidelines.md b/tests/wpt/web-platform-tests/docs/writing-tests/general-guidelines.md
index 51f3cb5a6640..e4354e58596c 100644
--- a/tests/wpt/web-platform-tests/docs/writing-tests/general-guidelines.md
+++ b/tests/wpt/web-platform-tests/docs/writing-tests/general-guidelines.md
@@ -126,8 +126,7 @@ w3c-test.org. When these tests are run on CI systems they are
 typically configured with access to external resources disabled, so
 tests that try to access them will fail. Where tests want to use
 multiple hosts this is possible through a known set of subdomains and
-the
-[text substitution features of wptserve]({{ site.baseurl }}{% link writing-tests/server-features.md %}#tests-involving-multiple-origins).
+the [text substitution features of wptserve](server-features).
 
 
 ### Be Self-Describing
diff --git a/tests/wpt/web-platform-tests/docs/writing-tests/reftests.md b/tests/wpt/web-platform-tests/docs/writing-tests/reftests.md
index 577b27d0db57..c28a5d56566b 100644
--- a/tests/wpt/web-platform-tests/docs/writing-tests/reftests.md
+++ b/tests/wpt/web-platform-tests/docs/writing-tests/reftests.md
@@ -83,7 +83,7 @@ href=c.html>`,
 
 Or, graphically:
 
-<img src="{{ site.baseurl }}{% link assets/reftest_graph_example.svg %}"
+<img src="../_static/reftest_graph_example.svg"
      alt="diagram of the above reftest graph as a directed graph">
 
 In this case, to pass we must either have `a.html`, `b.html` and
diff --git a/tests/wpt/web-platform-tests/element-timing/invisible-images.html b/tests/wpt/web-platform-tests/element-timing/invisible-images.html
index eb53cd7c2a69..06d9bfd07a0f 100644
--- a/tests/wpt/web-platform-tests/element-timing/invisible-images.html
+++ b/tests/wpt/web-platform-tests/element-timing/invisible-images.html
@@ -20,9 +20,10 @@
       assert_unreached("PerformanceElementTiming is not implemented");
     }
     const observer = new PerformanceObserver(
-      t.step_func_done(() => {
+      t.step_func_done((entries) => {
         // The image should not have caused an entry, so fail test.
-        assert_unreached('Should not have received an entry!');
+        assert_unreached('Should not have received an entry! Received one with identifier '
+            + entries.getEntries()[0].identifier);
       })
     );
     observer.observe({entryTypes: ['element']});
@@ -46,6 +47,30 @@
       img3.setAttribute('elementtiming', 'my_image3');
       img3.setAttribute('id', 'displayNone');
       document.body.appendChild(img3);
+
+      const div = document.createElement('div');
+      div.setAttribute('id', 'opacity0');
+      const img4 = document.createElement('img');
+      img4.src = '/images/blue.png';
+      img4.setAttribute('elementtiming', 'my_image4');
+      div.appendChild(img4);
+      document.body.appendChild(div);
+
+      const div2 = document.createElement('div');
+      div2.setAttribute('id', 'visibilityHidden');
+      const img5 = document.createElement('img');
+      img5.src = '/images/blue.png';
+      img5.setAttribute('elementtiming', 'my_image5');
+      div.appendChild(img5);
+      document.body.appendChild(div2);
+
+      const div3 = document.createElement('div');
+      div3.setAttribute('id', 'displayNone');
+      const img6 = document.createElement('img');
+      img6.src = '/images/blue.png';
+      img6.setAttribute('elementtiming', 'my_image6');
+      div.appendChild(img6);
+      document.body.appendChild(div3);
       // Images have been added but should not cause entries to be dispatched.
       // Wait for 500ms and end test, ensuring no entry was created.
       t.step_timeout(() => {
diff --git a/tests/wpt/web-platform-tests/html/webappapis/user-prompts/print-manual.html b/tests/wpt/web-platform-tests/html/webappapis/user-prompts/print-manual.html
new file mode 100644
index 000000000000..3afef1d4fef9
--- /dev/null
+++ b/tests/wpt/web-platform-tests/html/webappapis/user-prompts/print-manual.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Printing</title>
+<link rel=help href="https://html.spec.whatwg.org/#printing">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+setup({explicit_timeout: true})
+</script>
+
+<p>Click on the button below.</p>
+<p>If the browser offers to print the current page, dismiss the prompt to
+return to this page. The following should then appear in the box marked as
+"Output":</p>
+<pre>
+before calling print()
+beforeprint
+afterprint
+after calling print()
+</pre>
+<p>If no user dialog appears, either the above or the following should be
+printed in the box marked as "Output":</p>
+<pre>
+before calling print()
+after calling print()
+</pre>
+<p>The test passes if the above criteria are satisfied and "PASS" appears in a
+table below this paragraph. The test fails otherwise.</p>
+
+<button onclick="testBtn(this)">Click here!</button>
+<h3>Output</h3>
+<pre id=output></pre>
+
+<script>
+"use strict";
+// This test is actually synchronous, but we use async_test()'s nice
+// infrastructure around t.step() to capture errors in event listeners. This is
+// necessary since it seems like in Chrome, exceptions in beforeprint/afterprint
+// event listeners are not propagated to error events. See
+// https://crbug.com/977828.
+const t = async_test();
+const log = [];
+function out(str) {
+  log.push(str);
+  output.appendChild(document.createTextNode(str + "\n"));
+}
+function testBtn(btn) {
+  btn.remove();
+  window.addEventListener("beforeprint", function (ev) {
+    // t.step_func() does not preserve `this`, which we test below.
+    t.step(() => {
+      out("beforeprint");
+      assert_equals(ev.__proto__, Event.prototype);
+      assert_equals(this, window);
+      assert_equals(ev.target, window);
+      assert_equals(ev.type, "beforeprint");
+    });
+  });
+  window.addEventListener("afterprint", function (ev) {
+    // t.step_func() does not preserve `this`, which we test below.
+    t.step(() => {
+      out("afterprint");
+      assert_equals(ev.__proto__, Event.prototype);
+      assert_equals(this, window);
+      assert_equals(ev.target, window);
+      assert_equals(ev.type, "afterprint");
+    });
+  });
+  out("before calling print()");
+  print();
+  out("after calling print()");
+  t.step(() => {
+    try {
+      assert_array_equals(log, [
+        "before calling print()",
+        "beforeprint",
+        "afterprint",
+        "after calling print()",
+      ]);
+    } catch (err) {
+      try {
+        assert_array_equals(log, [
+          "before calling print()",
+          "after calling print()",
+        ]);
+      } catch (err) {
+        assert_unreached("Output does not match either possibility");
+      }
+    }
+  });
+  t.done();
+}
+</script>
diff --git a/tests/wpt/web-platform-tests/inert/inert-retargeting-iframe.tentative.html b/tests/wpt/web-platform-tests/inert/inert-retargeting-iframe.tentative.html
index 78d7f6b36a7a..c31cc88ccecc 100644
--- a/tests/wpt/web-platform-tests/inert/inert-retargeting-iframe.tentative.html
+++ b/tests/wpt/web-platform-tests/inert/inert-retargeting-iframe.tentative.html
@@ -28,7 +28,7 @@
   background-color: red;
 }
 
-#container.clicked {
+#ancestorContainer.clicked {
   background-color: green;
 }
 
diff --git a/tests/wpt/web-platform-tests/inert/inert-retargeting.tentative.html b/tests/wpt/web-platform-tests/inert/inert-retargeting.tentative.html
index d239a7056f2f..6ef3b2a1b1b7 100644
--- a/tests/wpt/web-platform-tests/inert/inert-retargeting.tentative.html
+++ b/tests/wpt/web-platform-tests/inert/inert-retargeting.tentative.html
@@ -28,7 +28,7 @@
   background-color: red;
 }
 
-#container.clicked {
+#ancestorContainer.clicked {
   background-color: green;
 }
 
diff --git a/tests/wpt/web-platform-tests/largest-contentful-paint/cross-origin-image.sub.html b/tests/wpt/web-platform-tests/largest-contentful-paint/cross-origin-image.sub.html
new file mode 100644
index 000000000000..3716f9319227
--- /dev/null
+++ b/tests/wpt/web-platform-tests/largest-contentful-paint/cross-origin-image.sub.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<meta charset=utf-8>
+<title>Largest Contentful Paint: observe cross-origin images but without startTime.</title>
+<body>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+  async_test(function (t) {
+    if (!window.LargestContentfulPaint) {
+      assert_unreached("LargestContentfulPaint is not implemented");
+    }
+    const observer = new PerformanceObserver(
+      t.step_func_done(function(entryList) {
+        assert_equals(entryList.getEntries().length, 1);
+        const entry = entryList.getEntries()[0];
+        assert_equals(entry.entryType, 'largestContentfulPaint');
+        assert_equals(entry.startTime, 0, 'The startTime value should be 0 for a cross origin image.');
+        assert_equals(entry.duration, 0);
+        // blue.png is 133 x 106.
+        assert_equals(entry.size, 14098);
+        assert_equals(entry.id, 'image_id');
+        const pathname = 'http://{{domains[www]}}:{{ports[http][1]}}/images/blue.png';
+        assert_equals(entry.url, pathname);
+        assert_equals(entry.responseEnd,
+            performance.getEntriesByName(pathname, 'resource')[0].responseEnd);
+        assert_equals(entry.element, document.getElementById('image_id'));
+      })
+    );
+    observer.observe({type: 'largestContentfulPaint', buffered: true});
+  }, 'Cross-origin image is observable, with startTime equal to 0.');
+</script>
+
+<img src='http://{{domains[www]}}:{{ports[http][1]}}/images/blue.png' id='image_id'/>
+</body>
diff --git a/tests/wpt/web-platform-tests/largest-contentful-paint/observe-image.html b/tests/wpt/web-platform-tests/largest-contentful-paint/observe-image.html
index 43cdfab074d6..8adf2150afcc 100644
--- a/tests/wpt/web-platform-tests/largest-contentful-paint/observe-image.html
+++ b/tests/wpt/web-platform-tests/largest-contentful-paint/observe-image.html
@@ -22,11 +22,19 @@
         assert_equals(entry.duration, 0);
         // blue.png is 133 x 106.
         assert_equals(entry.size, 14098);
+        assert_equals(entry.id, 'image_id');
+        // 25 is the length of "largest-contentful-paint/".
+        const index = window.location.href.lastIndexOf('/') - 25;
+        const pathname = window.location.href.substring(0, index) + '/images/blue.png';
+        assert_equals(entry.url, pathname);
+        assert_equals(entry.responseEnd,
+            performance.getEntriesByName(pathname, 'resource')[0].responseEnd);
+        assert_equals(entry.element, document.getElementById('image_id'));
       })
     );
     observer.observe({type: 'largestContentfulPaint', buffered: true});
-  }, 'Element with elementtiming attribute is observable.');
+  }, 'Same-origin image is observable.');
 </script>
 
-<img src='/images/blue.png'/>
+<img src='/images/blue.png' id='image_id'/>
 </body>
diff --git a/tests/wpt/web-platform-tests/largest-contentful-paint/observe-text.html b/tests/wpt/web-platform-tests/largest-contentful-paint/observe-text.html
index 77ed06e2aa1f..a9a0d750d667 100644
--- a/tests/wpt/web-platform-tests/largest-contentful-paint/observe-text.html
+++ b/tests/wpt/web-platform-tests/largest-contentful-paint/observe-text.html
@@ -27,6 +27,10 @@
         // Width of at least 100 px.
         // TODO: find a good way to bound text width.
         assert_greater_than_equal(entry.size, 1200);
+        assert_equals(entry.responseEnd, 0);
+        assert_equals(entry.id, 'my_text');
+        assert_equals(entry.url, '');
+        assert_equals(entry.element, document.getElementById('my_text'));
       })
     );
     observer.observe({type: 'largestContentfulPaint', buffered: true});
@@ -34,5 +38,5 @@
   }, 'Element with elementtiming attribute is observable.');
 </script>
 
-<p>This is important text! :)</p>
+<p id='my_text'>This is important text! :)</p>
 </body>
diff --git a/tests/wpt/web-platform-tests/layout-instability/observe-layout-shift.html b/tests/wpt/web-platform-tests/layout-instability/observe-layout-shift.html
index db8d3ae406d4..25e4950f6a7d 100644
--- a/tests/wpt/web-platform-tests/layout-instability/observe-layout-shift.html
+++ b/tests/wpt/web-platform-tests/layout-instability/observe-layout-shift.html
@@ -6,9 +6,39 @@
 #myDiv { position: relative; width: 300px; height: 100px; }
 </style>
 <div id='myDiv'></div>
+<button id='button'>Generate a 'click' event</button>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
-<script>
+<script src=/resources/testdriver.js></script>
+<script src=/resources/testdriver-vendor.js></script><script>
+  let timeAfterClick;
+  function mainThreadBusy(duration) {
+    const now = performance.now();
+    while (performance.now() < now + duration);
+  }
+
+  function clickOnElement(id, callback) {
+    const element = document.getElementById(id);
+    const rect = element.getBoundingClientRect();
+    const xCenter = rect.x + rect.width / 2;
+    const yCenter = rect.y + rect.height / 2;
+    const leftButton = 0;
+    const clickHandler = () => {
+      mainThreadBusy(120);
+      if (callback)
+        callback();
+      element.removeEventListener("mousedown", clickHandler);
+    };
+    element.addEventListener("mousedown", clickHandler);
+    test_driver.click(element);
+  }
+
+  function clickAndBlockMain(id) {
+    return new Promise((resolve, reject) => {
+      clickOnElement(id, resolve);
+    });
+  }
+
   async_test(function (t) {
     const startTime = performance.now();
     const observer = new PerformanceObserver(
@@ -32,6 +62,37 @@
       document.getElementById('myDiv').style = "top: 60px";
     };
   }, 'Layout shift is observable via PerformanceObserver.');
+
+  async_test(function (t) {
+    const startTime = performance.now();
+    const observer = new PerformanceObserver(
+      t.step_func_done(function(entryList) {
+        const endTime = performance.now();
+        assert_equals(entryList.getEntries().length, 1);
+        const entry = entryList.getEntries()[0];
+        assert_equals(entry.entryType, "layoutShift");
+        assert_equals(entry.name, "");
+        assert_greater_than_equal(entry.startTime, startTime)
+        assert_less_than_equal(entry.startTime, endTime)
+        assert_equals(entry.duration, 0.0);
+        // The layout shift value should be: 300 * (100 + 60) / viewport size.
+        assert_equals(entry.value, 300 * (100 + 60) /
+          (document.documentElement.clientWidth * document.documentElement.clientHeight));
+        // We should see that there was a click input entry
+        assert_equals(entry.hadRecentInput, true);
+        assert_greater_than_equal(timeAfterClick, entry.lastInputTime);
+      })
+    );
+    observer.observe({entryTypes: ['layoutShift']});
+    window.onload = () => {
+      // User input event
+      clickAndBlockMain('button').then( () => {
+        timeAfterClick = performance.now();
+        // Modify the position of the div.
+        document.getElementById('myDiv').style = "top: 60px";
+      });
+    };
+  }, 'Layout shift within user input is observable via PerformanceObserver.');
 </script>
 
 </body>
diff --git a/tests/wpt/web-platform-tests/lint.whitelist b/tests/wpt/web-platform-tests/lint.whitelist
index c344c3a83444..02b1bb0c78f9 100644
--- a/tests/wpt/web-platform-tests/lint.whitelist
+++ b/tests/wpt/web-platform-tests/lint.whitelist
@@ -28,6 +28,10 @@ TRAILING WHITESPACE: webaudio/*
 TRAILING WHITESPACE: WebIDL/*
 TRAILING WHITESPACE: webvtt/*
 TRAILING WHITESPACE: server-timing/resources/parsing/*.sub.headers
+TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-006.html
+TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-007.html
+TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-008.html
+TRAILING WHITESPACE: css/css-text/white-space/pre-wrap-leading-spaces-009.html
 
 ## File types that should never be checked ##
 
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-overall.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-overall.html
index 7f377e540f43..5351ca51688d 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-overall.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-overall.html
@@ -4,6 +4,11 @@
     <meta charset="utf-8"/>
     <title>Verify dir attribute on various containers</title>
     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
     <meta name="assert" content="Verify dir attribute on various containers.">
     <link rel="match" href="direction-overall-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-token.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-token.html
index a02793cc84ac..1896f3fe394d 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-token.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction-token.html
@@ -4,6 +4,8 @@
     <meta charset="utf-8"/>
     <title>Verify dir attribute on token elements</title>
     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#token-elements">
     <meta name="assert" content="Verify dir attribute on various token elements.">
     <link rel="match" href="direction-token-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction.html
index 05ea8b74fb5f..11d0515d7194 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/direction/direction.html
@@ -4,6 +4,7 @@
 <meta charset="utf-8"/>
 <title>Verify computed direction</title>
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
 <meta name="assert" content="Verify computed direction value.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
index 6b9fb2844298..6be38d5439da 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Fraction</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
 <meta name="assert" content="Verify fraction metrics for different sizes of numerator and denominator.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html
index d6151f621907..887ff174cc40 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>fractions bar</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
     <meta name="assert" content="Verifies painting of the fraction bar">
     <link rel="match" href="frac-bar-001-ref.html">
     <style type="text/css">
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html
index d1a3e6eac41f..d0674c6c88af 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8">
     <title>Fraction bar color</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
     <meta name="assert" content="The CSS color property has an effect on the fraction bar.">
     <link rel="mismatch" href="frac-color-001-notref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html
index 597acab652c4..4b45c8e1cfb7 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html
@@ -3,8 +3,9 @@
   <head>
     <meta charset="utf-8">
     <title>fractions color</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
-    <meta name="assert" content="Verifies the color attribute affects the fraction bar">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+    <meta name="assert" content="Verifies the color property affects the fraction bar">
     <link rel="match" href="frac-color-002-ref.html">
   </head>
   <body>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-2.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-2.html
index a9707071a062..2aa9675bb1f1 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-2.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-2.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8">
 <title>mfrac created dynamically</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <meta name="assert" content="A dynamically added mfrac should render like the equivalent markup.">
 <link rel="match" href="frac-created-dynamically-2-ref.html">
 <script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-3.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-3.html
index cec71163c392..c90119d8ef5f 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-3.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically-3.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8">
 <title>mfrac created dynamically</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <meta name="assert" content="A dynamically added mfrac should render like the equivalent markup.">
 <link rel="match" href="frac-created-dynamically-3-ref.html">
 <script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically.html
index 3224eb4eaf18..7a555f20ea37 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-created-dynamically.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8">
 <title>mfrac created dynamically</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <meta name="assert" content="A dynamically added mfrac should render like the equivalent markup.">
 <link rel="match" href="frac-created-dynamically-ref.html">
 <script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html
index eca82878caec..4d6bda2c1670 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>fractions linethickness</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
     <meta name="assert" content="Verifies deprecated 'thin', 'medium', 'thick' and unitless values have no effect on the linethickness of the mfrac element">
     <link rel="match" href="frac-linethickness-001-ref.html">
     <style type="text/css">
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html
index fd4599464693..ce122f710160 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>fractions linethickness</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
     <meta name="assert" content="Verifies fraction with negative, percent and named space linethickness values.">
     <link rel="match" href="frac-linethickness-002-ref.html">
     <style type="text/css">
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html
index b23cce80be40..c9fa0f381749 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>fractions linethickness</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
     <meta name="assert" content="Verifies fraction with 0px bar.">
     <link rel="mismatch" href="frac-linethickness-003-notref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-004.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-004.html
index ff96a3d753e2..d9689fcdc681 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-004.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-004.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>fractions linethickness</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
     <meta name="assert" content="Verifies that unitless value of zero causes no fraction bar to be painted">
     <link rel="match" href="frac-linethickness-004-ref.html">
     <style type="text/css">
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html
index 144764500085..cb154c65edc3 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html
@@ -3,8 +3,8 @@
   <head>
     <meta charset="utf-8">
     <title>Fraction mrow</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mrow">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
     <meta name="assert" content="This test that <mrow> elements can be used as numerator and denominator of fractions.">
     <link rel="match" href="frac-mrow-001-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html
index d734f1d1f339..59d663f6a4e4 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>Fraction numalign denomalign</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
     <meta name="assert" content="This fraction alignment with the numalign/denomalign attributes.">
     <link rel="match" href="frac-numalign-denomalign-001-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
index 59e335ae5a3d..55404fa562c4 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Fraction parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
 <meta name="assert" content="Element mfrac correctly uses the fraction parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
index b1ee502ccdae..63ab97760fc0 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Stack parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
 <meta name="assert" content="Element mfrac correctly uses the stack parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html
index 8fbf5ac806e6..65b95054db46 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8">
     <title>Fraction bar visibility</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
     <meta name="assert" content="The CSS visible property affects the rendering of the fraction bar.">
     <link rel="match" href="frac-visibility-001-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html
index 0904d9f17ed2..672d90de9336 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html
@@ -3,7 +3,14 @@
 <head>
 <meta charset="utf-8">
 <title>Baseline of inferred mrows</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mrow">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#error-message-merror">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#making-sub-expressions-invisible-mphantom">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#adjust-space-around-content-mpadded">
 <meta name="assert" content="Baseline for mrow-like elements is correct.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html
index f75726c11d09..75587d076c27 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html
@@ -3,8 +3,16 @@
 <head>
 <meta charset="utf-8">
 <title>Stretchy in inferred mrows</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mrow">
-<meta name="assert" content="Baseline for mrow-like elements is correct.">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#error-message-merror">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#making-sub-expressions-invisible-mphantom">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#adjust-space-around-content-mpadded">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
+<meta name="assert" content="Operators can stretch inside mrow-like elements.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html
index c88484b9d59a..63595b027844 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>mo axis height</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
 <meta name="assert" content="Element mo correctly uses the axis height parameter from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-dynamic.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-dynamic.html
index dcd1ec53c31e..fff3bd9ff336 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-dynamic.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-dynamic.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="utf-8"/>
     <title>&lt;mo&gt; dynamic form</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
+     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
     <meta name="assert" content="This test verifies that the form of the operators (and thus their spacing) is updated when you change the child list.">
     <link rel="match" href="mo-form-dynamic-ref.html">
 
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-fallback.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-fallback.html
index aab62087b595..b517dd574688 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-fallback.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-fallback.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8"/>
     <title>form fallback</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
     <meta name="assert" content="Verify fallback to postfix/prefix forms.">
     <link rel="match" href="mo-form-fallback-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-minus-plus.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-minus-plus.html
index 8a4ac3d73731..487bca25eaa6 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-minus-plus.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form-minus-plus.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8"/>
     <title>form plus/minus</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
     <meta name="assert" content="Verifies behavior of form of plus/minus etc.">
     <link rel="match" href="mo-form-minus-plus-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form.html
index 7c11c1469116..4f651d1c9b7c 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-form.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8"/>
     <title>&lt;mo&gt; form attribute</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
     <meta name="assert" content="Verifies behavior of form attribute.">
     <link rel="match" href="mo-form-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-default.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-default.html
index cd01fe47682f..a05bef47ee76 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-default.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-default.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8"/>
     <title>&lt;mo&gt; movablelimits default value</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
     <meta name="assert" content="Verifies default value of movablelimits for some operators.">
     <link rel="match" href="mo-movablelimits-default-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-dynamic.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-dynamic.html
index a92c6c01dc9d..53cf76c0588f 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-dynamic.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits-dynamic.html
@@ -3,7 +3,8 @@
    <head>
      <meta charset="utf-8"/>
      <title>Test dynamically removing movablelimits attribute</title>
-     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
+     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
      <meta name="assert" content="Verifies dynamically removing movablelimits.">
      <link rel="match" href="mo-movablelimits-dynamic-ref.html">
      <script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits.html
index 0855594100b2..9be866fabee9 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-movablelimits.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8"/>
     <title>&lt;mo&gt; movablelimits</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
     <meta name="assert" content="Verifies effect of movablelimits on mo in both displaystyle modes.">
     <link rel="match" href="mo-movablelimits-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-paint-lspace-rspace.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-paint-lspace-rspace.html
index 879962c47761..8fb095b61240 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-paint-lspace-rspace.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/operators/mo-paint-lspace-rspace.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <title>&lt;mo&gt; paint lspace rspace</title>
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tokenmo">
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
     <meta name="assert" content="Verifies values for lspace and rspace for element mo in LTR and RTL modes.">
     <link rel="match" href="mo-paint-lspace-rspace-ref.html">
   </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html
index 51d4713d4ea1..5ad0b7315e02 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Radical parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msqrt">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
 <meta name="assert" content="Elements msqrt and mroot correctly use the radical parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html
index 447aa66d4a30..01a6b0e1ed1f 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts metrics</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Basic metrics for elements msub, msup and msubsup.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html
index 9e2b6dbef790..2fd6963b6a79 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts metrics</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Basic metrics for the mmultiscript element.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html
index 742fa8cbce64..60df24a79902 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts metrics</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Basic metrics for the mmultiscript element with many scripts.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html
index fc70fef9b801..6886766097ce 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts metrics</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Verify metrics of scripted elements for bases of different heights.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html
index a67d68d5e031..2cc4e6d9554a 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts metrics</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Verify metrics of scripted elements with tall scripts.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
index 208a0a870d6e..7503ad166af3 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Elements msub, msup, subsup and msubsup correctly use the subscript and superscript parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html
index 4a9db6618bcc..62aa7a9dc3be 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Subscripts and Superscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#msubmsup">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#subscripts-and-superscripts-msub-msup-msubsup">
 <meta name="assert" content="Elements msub, msup, subsup and msubsup correctly use the italic correction from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html
index 45367e3541b2..b17835528a0e 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Underscripts and Overscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mundermover">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover">
 <meta name="assert" content="Elements munder, mover, munderover correctly .">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html
index cc09abb899ad..d8a564a11595 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Underscripts and Overscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mundermover">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover">
 <meta name="assert" content="Elements munder, mover, munderover correctly use the limit parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html
index d6d9185cc961..c10f77ee2c80 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Underscripts and Overscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mundermover">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover">
 <meta name="assert" content="Elements munder, mover, munderover correctly use the stretch stack parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html
index 23c7dfa74455..86562fd374bd 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Underscripts and Overscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mundermover">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover">
 <meta name="assert" content="Elements munder, mover, munderover correctly use underbar/overbar and AccentBaseHeight parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html
index bfc3cafa913f..f7fb389b59fe 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Underscripts and Overscripts parameters</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mundermover">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#underscripts-and-overscripts-munder-mover-munderover">
 <meta name="assert" content="Elements munder, mover, munderover correctly use underbar/overbar and AccentBaseHeight parameters from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/mspace-children.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/mspace-children.html
index 90d524ab418e..8824c7967041 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/mspace-children.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/mspace-children.html
@@ -2,7 +2,7 @@
 <head>
 <meta charset="utf-8">
 <title>space</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mspace">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#space-mspace">
 <link rel="match" href="mspace-children-ref.html"/>
 <meta name="assert" content="Verify mspace visual rendering of its children">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-1.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-1.html
index 7bc5b8e5128d..53734deeee11 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-1.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>Space</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mspace">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#space-mspace">
 <meta name="assert" content="Verify mspace metrics for different values of height, depth and width">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-2.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-2.html
index 5b8351a1ed00..d7b38458998c 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-2.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/spaces/space-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>space</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mspace">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#space-mspace">
 <link rel="match" href="space-2-ref.html"/>
 <meta name="assert" content="Verify mspace visual rendering for different values of height, depth and width">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html b/tests/wpt/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html
index e723008b4103..feb29077e8e3 100644
--- a/tests/wpt/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html
+++ b/tests/wpt/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>table axis height</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#tables">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#table-or-matrix-mtable">
 <meta name="assert" content="Element mtable correctly uses the axis height parameter from the MATH table.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/color-1.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/color-1.html
index 8158cec6a864..4d9d084a5a6b 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/color-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/color-1.html
@@ -3,7 +3,11 @@
 <head>
 <meta charset="utf-8">
 <title>color</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssstyling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-mtext">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fraction-with-nonzero-line-thickness">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radical-symbol">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
 <link rel="match" href="color-1-ref.html"/>
 <meta name="assert" content="Verify that the color is used for text and graphical elements.">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/display-1.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/display-1.html
index 9ae6fe0b84f4..38dd0bafdf84 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/display-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/display-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8">
 <title>display</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssstyling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
 <link rel="match" href="display-1-ref.html"/>
 <meta name="assert" content="Verify that the 'display: none' property works on MathML elements.">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html
index ddb2173a2e01..c2ccb78dc9f4 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8">
 <title>displaystyle</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssstyling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-displaystyle-and-scriptlevel-attributes">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-math-style-property">
 <meta name="assert" content="Verify that the correct inheritance of the displaystyle value by measuring the size of large operators.">
 <style>
   @font-face {
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/dynamic-dir-1.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/dynamic-dir-1.html
index c4c99d878c19..3667ece8c53c 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/dynamic-dir-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/dynamic-dir-1.html
@@ -2,9 +2,10 @@
 <html class="reftest-wait">
 <head>
   <meta charset="utf-8">
-  <title>Test dynamically changing dir attribute</title></head>
-  <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties">
-  <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom">
+  <title>Test dynamically changing dir attribute</title>
+  <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+  <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+  <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
   <meta name="assert" content="The dir attribute should update direction map to css properties dynamically">
   <link rel="match" href="dynamic-dir-1-ref.html">
   <script>
@@ -16,10 +17,10 @@
         ["math", "mstyle", "mrow"].forEach((tag) => {
           let elements = document.getElementsByTagName(tag);
 
-          // set an explcit rtl where there was none
+          // set an explicit rtl where there was none
           elements[0].setAttribute("dir", "rtl");
 
-          // change explcit ltr to rtl
+          // change explicit ltr to rtl
           elements[1].setAttribute("dir", "rtl");
 
           // remove an explicitly set dir="rtl"
@@ -99,4 +100,4 @@
       </math>
     </p>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-1.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-1.html
index 30916d5a567a..9b0c27a26715 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-1.html
@@ -3,7 +3,10 @@
 <head>
 <meta charset="utf-8"/>
 <title>MathML lengths</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssstyling"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#types-for-mathml-attribute-values">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#legacy-mathml-style-attributes">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#space-mspace">
 <link rel="match" href="lengths-1-ref.html"/>
 <meta name="assert" content="Verify whether the different units are accepted for MathML lengths.">
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-2.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-2.html
index aa38e9729de8..73fd23bbfd91 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-2.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/lengths-2.html
@@ -3,7 +3,10 @@
 <head>
 <meta charset="utf-8">
 <title>MathML lengths</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssstyling"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#types-for-mathml-attribute-values">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#legacy-mathml-style-attributes">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#space-mspace">
 <meta name="assert" content="Verify various cases of the MathML length syntax.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathsize-attribute.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathsize-attribute.html
index 00d12e4839cb..803f236a6a9d 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathsize-attribute.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathsize-attribute.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8"/>
     <title>Verify mathsize attribute</title>
+    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
     <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#legacy-mathml-style-attributes">
     <meta name="assert" content="Verify mathsize attribute values.">
     <link rel="match" href="mathsize-attribute-ref.html">
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-auto-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-auto-ref.html
new file mode 100644
index 000000000000..f8eaf7a7751b
--- /dev/null
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-auto-ref.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>mathvariant auto (reference)</title>
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><math class="testfont"><mi>&#x1D715;</mi></math>=<span>1D715</span></span>
+  <span><math class="testfont"><mi>&#x1D6FB;</mi></math>=<span>1D6FB</span></span>
+  <span><math class="testfont"><mi>&#x1D6A5;</mi></math>=<span>1D6A5</span></span>
+  <span><math class="testfont"><mi>&#x1D434;</mi></math>=<span>1D434</span></span>
+  <span><math class="testfont"><mi>&#x1D435;</mi></math>=<span>1D435</span></span>
+  <span><math class="testfont"><mi>&#x1D436;</mi></math>=<span>1D436</span></span>
+  <span><math class="testfont"><mi>&#x1D437;</mi></math>=<span>1D437</span></span>
+  <span><math class="testfont"><mi>&#x1D438;</mi></math>=<span>1D438</span></span>
+  <span><math class="testfont"><mi>&#x1D439;</mi></math>=<span>1D439</span></span>
+  <span><math class="testfont"><mi>&#x1D43A;</mi></math>=<span>1D43A</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D43B;</mi></math>=<span>1D43B</span></span>
+  <span><math class="testfont"><mi>&#x1D43C;</mi></math>=<span>1D43C</span></span>
+  <span><math class="testfont"><mi>&#x1D43D;</mi></math>=<span>1D43D</span></span>
+  <span><math class="testfont"><mi>&#x1D43E;</mi></math>=<span>1D43E</span></span>
+  <span><math class="testfont"><mi>&#x1D43F;</mi></math>=<span>1D43F</span></span>
+  <span><math class="testfont"><mi>&#x1D440;</mi></math>=<span>1D440</span></span>
+  <span><math class="testfont"><mi>&#x1D441;</mi></math>=<span>1D441</span></span>
+  <span><math class="testfont"><mi>&#x1D442;</mi></math>=<span>1D442</span></span>
+  <span><math class="testfont"><mi>&#x1D443;</mi></math>=<span>1D443</span></span>
+  <span><math class="testfont"><mi>&#x1D444;</mi></math>=<span>1D444</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D445;</mi></math>=<span>1D445</span></span>
+  <span><math class="testfont"><mi>&#x1D446;</mi></math>=<span>1D446</span></span>
+  <span><math class="testfont"><mi>&#x1D447;</mi></math>=<span>1D447</span></span>
+  <span><math class="testfont"><mi>&#x1D448;</mi></math>=<span>1D448</span></span>
+  <span><math class="testfont"><mi>&#x1D449;</mi></math>=<span>1D449</span></span>
+  <span><math class="testfont"><mi>&#x1D44A;</mi></math>=<span>1D44A</span></span>
+  <span><math class="testfont"><mi>&#x1D44B;</mi></math>=<span>1D44B</span></span>
+  <span><math class="testfont"><mi>&#x1D44C;</mi></math>=<span>1D44C</span></span>
+  <span><math class="testfont"><mi>&#x1D44D;</mi></math>=<span>1D44D</span></span>
+  <span><math class="testfont"><mi>&#x1D44E;</mi></math>=<span>1D44E</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D44F;</mi></math>=<span>1D44F</span></span>
+  <span><math class="testfont"><mi>&#x1D450;</mi></math>=<span>1D450</span></span>
+  <span><math class="testfont"><mi>&#x1D451;</mi></math>=<span>1D451</span></span>
+  <span><math class="testfont"><mi>&#x1D452;</mi></math>=<span>1D452</span></span>
+  <span><math class="testfont"><mi>&#x1D453;</mi></math>=<span>1D453</span></span>
+  <span><math class="testfont"><mi>&#x1D454;</mi></math>=<span>1D454</span></span>
+  <span><math class="testfont"><mi>&#x210E;</mi></math>=<span>0210E</span></span>
+  <span><math class="testfont"><mi>&#x1D456;</mi></math>=<span>1D456</span></span>
+  <span><math class="testfont"><mi>&#x1D457;</mi></math>=<span>1D457</span></span>
+  <span><math class="testfont"><mi>&#x1D458;</mi></math>=<span>1D458</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D459;</mi></math>=<span>1D459</span></span>
+  <span><math class="testfont"><mi>&#x1D45A;</mi></math>=<span>1D45A</span></span>
+  <span><math class="testfont"><mi>&#x1D45B;</mi></math>=<span>1D45B</span></span>
+  <span><math class="testfont"><mi>&#x1D45C;</mi></math>=<span>1D45C</span></span>
+  <span><math class="testfont"><mi>&#x1D45D;</mi></math>=<span>1D45D</span></span>
+  <span><math class="testfont"><mi>&#x1D45E;</mi></math>=<span>1D45E</span></span>
+  <span><math class="testfont"><mi>&#x1D45F;</mi></math>=<span>1D45F</span></span>
+  <span><math class="testfont"><mi>&#x1D460;</mi></math>=<span>1D460</span></span>
+  <span><math class="testfont"><mi>&#x1D461;</mi></math>=<span>1D461</span></span>
+  <span><math class="testfont"><mi>&#x1D462;</mi></math>=<span>1D462</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D463;</mi></math>=<span>1D463</span></span>
+  <span><math class="testfont"><mi>&#x1D464;</mi></math>=<span>1D464</span></span>
+  <span><math class="testfont"><mi>&#x1D465;</mi></math>=<span>1D465</span></span>
+  <span><math class="testfont"><mi>&#x1D466;</mi></math>=<span>1D466</span></span>
+  <span><math class="testfont"><mi>&#x1D467;</mi></math>=<span>1D467</span></span>
+  <span><math class="testfont"><mi>&#x1D6A4;</mi></math>=<span>1D6A4</span></span>
+  <span><math class="testfont"><mi>&#x1D6E2;</mi></math>=<span>1D6E2</span></span>
+  <span><math class="testfont"><mi>&#x1D6E3;</mi></math>=<span>1D6E3</span></span>
+  <span><math class="testfont"><mi>&#x1D6E4;</mi></math>=<span>1D6E4</span></span>
+  <span><math class="testfont"><mi>&#x1D6E5;</mi></math>=<span>1D6E5</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D6E6;</mi></math>=<span>1D6E6</span></span>
+  <span><math class="testfont"><mi>&#x1D6E7;</mi></math>=<span>1D6E7</span></span>
+  <span><math class="testfont"><mi>&#x1D6E8;</mi></math>=<span>1D6E8</span></span>
+  <span><math class="testfont"><mi>&#x1D6E9;</mi></math>=<span>1D6E9</span></span>
+  <span><math class="testfont"><mi>&#x1D6EA;</mi></math>=<span>1D6EA</span></span>
+  <span><math class="testfont"><mi>&#x1D6EB;</mi></math>=<span>1D6EB</span></span>
+  <span><math class="testfont"><mi>&#x1D6EC;</mi></math>=<span>1D6EC</span></span>
+  <span><math class="testfont"><mi>&#x1D6ED;</mi></math>=<span>1D6ED</span></span>
+  <span><math class="testfont"><mi>&#x1D6EE;</mi></math>=<span>1D6EE</span></span>
+  <span><math class="testfont"><mi>&#x1D6EF;</mi></math>=<span>1D6EF</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D6F0;</mi></math>=<span>1D6F0</span></span>
+  <span><math class="testfont"><mi>&#x1D6F1;</mi></math>=<span>1D6F1</span></span>
+  <span><math class="testfont"><mi>&#x1D6F2;</mi></math>=<span>1D6F2</span></span>
+  <span><math class="testfont"><mi>&#x1D6F4;</mi></math>=<span>1D6F4</span></span>
+  <span><math class="testfont"><mi>&#x1D6F5;</mi></math>=<span>1D6F5</span></span>
+  <span><math class="testfont"><mi>&#x1D6F6;</mi></math>=<span>1D6F6</span></span>
+  <span><math class="testfont"><mi>&#x1D6F7;</mi></math>=<span>1D6F7</span></span>
+  <span><math class="testfont"><mi>&#x1D6F8;</mi></math>=<span>1D6F8</span></span>
+  <span><math class="testfont"><mi>&#x1D6F9;</mi></math>=<span>1D6F9</span></span>
+  <span><math class="testfont"><mi>&#x1D6FA;</mi></math>=<span>1D6FA</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D6FC;</mi></math>=<span>1D6FC</span></span>
+  <span><math class="testfont"><mi>&#x1D6FD;</mi></math>=<span>1D6FD</span></span>
+  <span><math class="testfont"><mi>&#x1D6FE;</mi></math>=<span>1D6FE</span></span>
+  <span><math class="testfont"><mi>&#x1D6FF;</mi></math>=<span>1D6FF</span></span>
+  <span><math class="testfont"><mi>&#x1D700;</mi></math>=<span>1D700</span></span>
+  <span><math class="testfont"><mi>&#x1D701;</mi></math>=<span>1D701</span></span>
+  <span><math class="testfont"><mi>&#x1D702;</mi></math>=<span>1D702</span></span>
+  <span><math class="testfont"><mi>&#x1D703;</mi></math>=<span>1D703</span></span>
+  <span><math class="testfont"><mi>&#x1D704;</mi></math>=<span>1D704</span></span>
+  <span><math class="testfont"><mi>&#x1D705;</mi></math>=<span>1D705</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D706;</mi></math>=<span>1D706</span></span>
+  <span><math class="testfont"><mi>&#x1D707;</mi></math>=<span>1D707</span></span>
+  <span><math class="testfont"><mi>&#x1D708;</mi></math>=<span>1D708</span></span>
+  <span><math class="testfont"><mi>&#x1D709;</mi></math>=<span>1D709</span></span>
+  <span><math class="testfont"><mi>&#x1D70A;</mi></math>=<span>1D70A</span></span>
+  <span><math class="testfont"><mi>&#x1D70B;</mi></math>=<span>1D70B</span></span>
+  <span><math class="testfont"><mi>&#x1D70C;</mi></math>=<span>1D70C</span></span>
+  <span><math class="testfont"><mi>&#x1D70D;</mi></math>=<span>1D70D</span></span>
+  <span><math class="testfont"><mi>&#x1D70E;</mi></math>=<span>1D70E</span></span>
+  <span><math class="testfont"><mi>&#x1D70F;</mi></math>=<span>1D70F</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D710;</mi></math>=<span>1D710</span></span>
+  <span><math class="testfont"><mi>&#x1D711;</mi></math>=<span>1D711</span></span>
+  <span><math class="testfont"><mi>&#x1D712;</mi></math>=<span>1D712</span></span>
+  <span><math class="testfont"><mi>&#x1D713;</mi></math>=<span>1D713</span></span>
+  <span><math class="testfont"><mi>&#x1D714;</mi></math>=<span>1D714</span></span>
+  <span><math class="testfont"><mi>&#x1D717;</mi></math>=<span>1D717</span></span>
+  <span><math class="testfont"><mi>&#x1D719;</mi></math>=<span>1D719</span></span>
+  <span><math class="testfont"><mi>&#x1D71B;</mi></math>=<span>1D71B</span></span>
+  <span><math class="testfont"><mi>&#x1D718;</mi></math>=<span>1D718</span></span>
+  <span><math class="testfont"><mi>&#x1D71A;</mi></math>=<span>1D71A</span></span><br/>
+  <span><math class="testfont"><mi>&#x1D6F3;</mi></math>=<span>1D6F3</span></span>
+  <span><math class="testfont"><mi>&#x1D716;</mi></math>=<span>1D716</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-auto.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-auto.html
new file mode 100644
index 000000000000..3390fc0f7337
--- /dev/null
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-auto.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8"/>
+<title>mathvariant auto</title>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
+<link rel="match" href="mathvariant-auto-ref.html"/>
+<meta name="assert" content="Verify that a single-char <mi> is equivalent to an <mi> with the transformed italic unicode character.">
+<style>
+  @font-face {
+    font-family: TestFont;
+    src: url("/fonts/math/mathvariant-italic.woff");
+  }
+  body > span {
+    padding: 10px;
+  }
+  span > span {
+    font-family: monospace;
+    font-size: 10px;
+  }
+  .testfont {
+    font-family: TestFont;
+    font-size: 10px;
+  }
+</style>
+<body>
+  <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
+  <p>Test passes if all the equalities below are true.</p>
+  <span><math class="testfont"><mi>&#x2202;</mi></math>=<span>1D715</span></span>
+  <span><math class="testfont"><mi>&#x2207;</mi></math>=<span>1D6FB</span></span>
+  <span><math class="testfont"><mi>&#x237;</mi></math>=<span>1D6A5</span></span>
+  <span><math class="testfont"><mi>&#x41;</mi></math>=<span>1D434</span></span>
+  <span><math class="testfont"><mi>&#x42;</mi></math>=<span>1D435</span></span>
+  <span><math class="testfont"><mi>&#x43;</mi></math>=<span>1D436</span></span>
+  <span><math class="testfont"><mi>&#x44;</mi></math>=<span>1D437</span></span>
+  <span><math class="testfont"><mi>&#x45;</mi></math>=<span>1D438</span></span>
+  <span><math class="testfont"><mi>&#x46;</mi></math>=<span>1D439</span></span>
+  <span><math class="testfont"><mi>&#x47;</mi></math>=<span>1D43A</span></span><br/>
+  <span><math class="testfont"><mi>&#x48;</mi></math>=<span>1D43B</span></span>
+  <span><math class="testfont"><mi>&#x49;</mi></math>=<span>1D43C</span></span>
+  <span><math class="testfont"><mi>&#x4A;</mi></math>=<span>1D43D</span></span>
+  <span><math class="testfont"><mi>&#x4B;</mi></math>=<span>1D43E</span></span>
+  <span><math class="testfont"><mi>&#x4C;</mi></math>=<span>1D43F</span></span>
+  <span><math class="testfont"><mi>&#x4D;</mi></math>=<span>1D440</span></span>
+  <span><math class="testfont"><mi>&#x4E;</mi></math>=<span>1D441</span></span>
+  <span><math class="testfont"><mi>&#x4F;</mi></math>=<span>1D442</span></span>
+  <span><math class="testfont"><mi>&#x50;</mi></math>=<span>1D443</span></span>
+  <span><math class="testfont"><mi>&#x51;</mi></math>=<span>1D444</span></span><br/>
+  <span><math class="testfont"><mi>&#x52;</mi></math>=<span>1D445</span></span>
+  <span><math class="testfont"><mi>&#x53;</mi></math>=<span>1D446</span></span>
+  <span><math class="testfont"><mi>&#x54;</mi></math>=<span>1D447</span></span>
+  <span><math class="testfont"><mi>&#x55;</mi></math>=<span>1D448</span></span>
+  <span><math class="testfont"><mi>&#x56;</mi></math>=<span>1D449</span></span>
+  <span><math class="testfont"><mi>&#x57;</mi></math>=<span>1D44A</span></span>
+  <span><math class="testfont"><mi>&#x58;</mi></math>=<span>1D44B</span></span>
+  <span><math class="testfont"><mi>&#x59;</mi></math>=<span>1D44C</span></span>
+  <span><math class="testfont"><mi>&#x5A;</mi></math>=<span>1D44D</span></span>
+  <span><math class="testfont"><mi>&#x61;</mi></math>=<span>1D44E</span></span><br/>
+  <span><math class="testfont"><mi>&#x62;</mi></math>=<span>1D44F</span></span>
+  <span><math class="testfont"><mi>&#x63;</mi></math>=<span>1D450</span></span>
+  <span><math class="testfont"><mi>&#x64;</mi></math>=<span>1D451</span></span>
+  <span><math class="testfont"><mi>&#x65;</mi></math>=<span>1D452</span></span>
+  <span><math class="testfont"><mi>&#x66;</mi></math>=<span>1D453</span></span>
+  <span><math class="testfont"><mi>&#x67;</mi></math>=<span>1D454</span></span>
+  <span><math class="testfont"><mi>&#x68;</mi></math>=<span>0210E</span></span>
+  <span><math class="testfont"><mi>&#x69;</mi></math>=<span>1D456</span></span>
+  <span><math class="testfont"><mi>&#x6A;</mi></math>=<span>1D457</span></span>
+  <span><math class="testfont"><mi>&#x6B;</mi></math>=<span>1D458</span></span><br/>
+  <span><math class="testfont"><mi>&#x6C;</mi></math>=<span>1D459</span></span>
+  <span><math class="testfont"><mi>&#x6D;</mi></math>=<span>1D45A</span></span>
+  <span><math class="testfont"><mi>&#x6E;</mi></math>=<span>1D45B</span></span>
+  <span><math class="testfont"><mi>&#x6F;</mi></math>=<span>1D45C</span></span>
+  <span><math class="testfont"><mi>&#x70;</mi></math>=<span>1D45D</span></span>
+  <span><math class="testfont"><mi>&#x71;</mi></math>=<span>1D45E</span></span>
+  <span><math class="testfont"><mi>&#x72;</mi></math>=<span>1D45F</span></span>
+  <span><math class="testfont"><mi>&#x73;</mi></math>=<span>1D460</span></span>
+  <span><math class="testfont"><mi>&#x74;</mi></math>=<span>1D461</span></span>
+  <span><math class="testfont"><mi>&#x75;</mi></math>=<span>1D462</span></span><br/>
+  <span><math class="testfont"><mi>&#x76;</mi></math>=<span>1D463</span></span>
+  <span><math class="testfont"><mi>&#x77;</mi></math>=<span>1D464</span></span>
+  <span><math class="testfont"><mi>&#x78;</mi></math>=<span>1D465</span></span>
+  <span><math class="testfont"><mi>&#x79;</mi></math>=<span>1D466</span></span>
+  <span><math class="testfont"><mi>&#x7A;</mi></math>=<span>1D467</span></span>
+  <span><math class="testfont"><mi>&#x131;</mi></math>=<span>1D6A4</span></span>
+  <span><math class="testfont"><mi>&#x391;</mi></math>=<span>1D6E2</span></span>
+  <span><math class="testfont"><mi>&#x392;</mi></math>=<span>1D6E3</span></span>
+  <span><math class="testfont"><mi>&#x393;</mi></math>=<span>1D6E4</span></span>
+  <span><math class="testfont"><mi>&#x394;</mi></math>=<span>1D6E5</span></span><br/>
+  <span><math class="testfont"><mi>&#x395;</mi></math>=<span>1D6E6</span></span>
+  <span><math class="testfont"><mi>&#x396;</mi></math>=<span>1D6E7</span></span>
+  <span><math class="testfont"><mi>&#x397;</mi></math>=<span>1D6E8</span></span>
+  <span><math class="testfont"><mi>&#x398;</mi></math>=<span>1D6E9</span></span>
+  <span><math class="testfont"><mi>&#x399;</mi></math>=<span>1D6EA</span></span>
+  <span><math class="testfont"><mi>&#x39A;</mi></math>=<span>1D6EB</span></span>
+  <span><math class="testfont"><mi>&#x39B;</mi></math>=<span>1D6EC</span></span>
+  <span><math class="testfont"><mi>&#x39C;</mi></math>=<span>1D6ED</span></span>
+  <span><math class="testfont"><mi>&#x39D;</mi></math>=<span>1D6EE</span></span>
+  <span><math class="testfont"><mi>&#x39E;</mi></math>=<span>1D6EF</span></span><br/>
+  <span><math class="testfont"><mi>&#x39F;</mi></math>=<span>1D6F0</span></span>
+  <span><math class="testfont"><mi>&#x3A0;</mi></math>=<span>1D6F1</span></span>
+  <span><math class="testfont"><mi>&#x3A1;</mi></math>=<span>1D6F2</span></span>
+  <span><math class="testfont"><mi>&#x3A3;</mi></math>=<span>1D6F4</span></span>
+  <span><math class="testfont"><mi>&#x3A4;</mi></math>=<span>1D6F5</span></span>
+  <span><math class="testfont"><mi>&#x3A5;</mi></math>=<span>1D6F6</span></span>
+  <span><math class="testfont"><mi>&#x3A6;</mi></math>=<span>1D6F7</span></span>
+  <span><math class="testfont"><mi>&#x3A7;</mi></math>=<span>1D6F8</span></span>
+  <span><math class="testfont"><mi>&#x3A8;</mi></math>=<span>1D6F9</span></span>
+  <span><math class="testfont"><mi>&#x3A9;</mi></math>=<span>1D6FA</span></span><br/>
+  <span><math class="testfont"><mi>&#x3B1;</mi></math>=<span>1D6FC</span></span>
+  <span><math class="testfont"><mi>&#x3B2;</mi></math>=<span>1D6FD</span></span>
+  <span><math class="testfont"><mi>&#x3B3;</mi></math>=<span>1D6FE</span></span>
+  <span><math class="testfont"><mi>&#x3B4;</mi></math>=<span>1D6FF</span></span>
+  <span><math class="testfont"><mi>&#x3B5;</mi></math>=<span>1D700</span></span>
+  <span><math class="testfont"><mi>&#x3B6;</mi></math>=<span>1D701</span></span>
+  <span><math class="testfont"><mi>&#x3B7;</mi></math>=<span>1D702</span></span>
+  <span><math class="testfont"><mi>&#x3B8;</mi></math>=<span>1D703</span></span>
+  <span><math class="testfont"><mi>&#x3B9;</mi></math>=<span>1D704</span></span>
+  <span><math class="testfont"><mi>&#x3BA;</mi></math>=<span>1D705</span></span><br/>
+  <span><math class="testfont"><mi>&#x3BB;</mi></math>=<span>1D706</span></span>
+  <span><math class="testfont"><mi>&#x3BC;</mi></math>=<span>1D707</span></span>
+  <span><math class="testfont"><mi>&#x3BD;</mi></math>=<span>1D708</span></span>
+  <span><math class="testfont"><mi>&#x3BE;</mi></math>=<span>1D709</span></span>
+  <span><math class="testfont"><mi>&#x3BF;</mi></math>=<span>1D70A</span></span>
+  <span><math class="testfont"><mi>&#x3C0;</mi></math>=<span>1D70B</span></span>
+  <span><math class="testfont"><mi>&#x3C1;</mi></math>=<span>1D70C</span></span>
+  <span><math class="testfont"><mi>&#x3C2;</mi></math>=<span>1D70D</span></span>
+  <span><math class="testfont"><mi>&#x3C3;</mi></math>=<span>1D70E</span></span>
+  <span><math class="testfont"><mi>&#x3C4;</mi></math>=<span>1D70F</span></span><br/>
+  <span><math class="testfont"><mi>&#x3C5;</mi></math>=<span>1D710</span></span>
+  <span><math class="testfont"><mi>&#x3C6;</mi></math>=<span>1D711</span></span>
+  <span><math class="testfont"><mi>&#x3C7;</mi></math>=<span>1D712</span></span>
+  <span><math class="testfont"><mi>&#x3C8;</mi></math>=<span>1D713</span></span>
+  <span><math class="testfont"><mi>&#x3C9;</mi></math>=<span>1D714</span></span>
+  <span><math class="testfont"><mi>&#x3D1;</mi></math>=<span>1D717</span></span>
+  <span><math class="testfont"><mi>&#x3D5;</mi></math>=<span>1D719</span></span>
+  <span><math class="testfont"><mi>&#x3D6;</mi></math>=<span>1D71B</span></span>
+  <span><math class="testfont"><mi>&#x3F0;</mi></math>=<span>1D718</span></span>
+  <span><math class="testfont"><mi>&#x3F1;</mi></math>=<span>1D71A</span></span><br/>
+  <span><math class="testfont"><mi>&#x3F4;</mi></math>=<span>1D6F3</span></span>
+  <span><math class="testfont"><mi>&#x3F5;</mi></math>=<span>1D716</span></span>
+</body>
+</html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur-ref.html
index b883b12b57db..44588948e7b8 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,57 +23,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D56C;</mtext></math>=<span>1D56C</span></span>
-  <span><math><mtext>&#x1D56D;</mtext></math>=<span>1D56D</span></span>
-  <span><math><mtext>&#x1D56E;</mtext></math>=<span>1D56E</span></span>
-  <span><math><mtext>&#x1D56F;</mtext></math>=<span>1D56F</span></span>
-  <span><math><mtext>&#x1D570;</mtext></math>=<span>1D570</span></span>
-  <span><math><mtext>&#x1D571;</mtext></math>=<span>1D571</span></span>
-  <span><math><mtext>&#x1D572;</mtext></math>=<span>1D572</span></span>
-  <span><math><mtext>&#x1D573;</mtext></math>=<span>1D573</span></span>
-  <span><math><mtext>&#x1D574;</mtext></math>=<span>1D574</span></span>
-  <span><math><mtext>&#x1D575;</mtext></math>=<span>1D575</span></span><br/>
-  <span><math><mtext>&#x1D576;</mtext></math>=<span>1D576</span></span>
-  <span><math><mtext>&#x1D577;</mtext></math>=<span>1D577</span></span>
-  <span><math><mtext>&#x1D578;</mtext></math>=<span>1D578</span></span>
-  <span><math><mtext>&#x1D579;</mtext></math>=<span>1D579</span></span>
-  <span><math><mtext>&#x1D57A;</mtext></math>=<span>1D57A</span></span>
-  <span><math><mtext>&#x1D57B;</mtext></math>=<span>1D57B</span></span>
-  <span><math><mtext>&#x1D57C;</mtext></math>=<span>1D57C</span></span>
-  <span><math><mtext>&#x1D57D;</mtext></math>=<span>1D57D</span></span>
-  <span><math><mtext>&#x1D57E;</mtext></math>=<span>1D57E</span></span>
-  <span><math><mtext>&#x1D57F;</mtext></math>=<span>1D57F</span></span><br/>
-  <span><math><mtext>&#x1D580;</mtext></math>=<span>1D580</span></span>
-  <span><math><mtext>&#x1D581;</mtext></math>=<span>1D581</span></span>
-  <span><math><mtext>&#x1D582;</mtext></math>=<span>1D582</span></span>
-  <span><math><mtext>&#x1D583;</mtext></math>=<span>1D583</span></span>
-  <span><math><mtext>&#x1D584;</mtext></math>=<span>1D584</span></span>
-  <span><math><mtext>&#x1D585;</mtext></math>=<span>1D585</span></span>
-  <span><math><mtext>&#x1D586;</mtext></math>=<span>1D586</span></span>
-  <span><math><mtext>&#x1D587;</mtext></math>=<span>1D587</span></span>
-  <span><math><mtext>&#x1D588;</mtext></math>=<span>1D588</span></span>
-  <span><math><mtext>&#x1D589;</mtext></math>=<span>1D589</span></span><br/>
-  <span><math><mtext>&#x1D58A;</mtext></math>=<span>1D58A</span></span>
-  <span><math><mtext>&#x1D58B;</mtext></math>=<span>1D58B</span></span>
-  <span><math><mtext>&#x1D58C;</mtext></math>=<span>1D58C</span></span>
-  <span><math><mtext>&#x1D58D;</mtext></math>=<span>1D58D</span></span>
-  <span><math><mtext>&#x1D58E;</mtext></math>=<span>1D58E</span></span>
-  <span><math><mtext>&#x1D58F;</mtext></math>=<span>1D58F</span></span>
-  <span><math><mtext>&#x1D590;</mtext></math>=<span>1D590</span></span>
-  <span><math><mtext>&#x1D591;</mtext></math>=<span>1D591</span></span>
-  <span><math><mtext>&#x1D592;</mtext></math>=<span>1D592</span></span>
-  <span><math><mtext>&#x1D593;</mtext></math>=<span>1D593</span></span><br/>
-  <span><math><mtext>&#x1D594;</mtext></math>=<span>1D594</span></span>
-  <span><math><mtext>&#x1D595;</mtext></math>=<span>1D595</span></span>
-  <span><math><mtext>&#x1D596;</mtext></math>=<span>1D596</span></span>
-  <span><math><mtext>&#x1D597;</mtext></math>=<span>1D597</span></span>
-  <span><math><mtext>&#x1D598;</mtext></math>=<span>1D598</span></span>
-  <span><math><mtext>&#x1D599;</mtext></math>=<span>1D599</span></span>
-  <span><math><mtext>&#x1D59A;</mtext></math>=<span>1D59A</span></span>
-  <span><math><mtext>&#x1D59B;</mtext></math>=<span>1D59B</span></span>
-  <span><math><mtext>&#x1D59C;</mtext></math>=<span>1D59C</span></span>
-  <span><math><mtext>&#x1D59D;</mtext></math>=<span>1D59D</span></span><br/>
-  <span><math><mtext>&#x1D59E;</mtext></math>=<span>1D59E</span></span>
-  <span><math><mtext>&#x1D59F;</mtext></math>=<span>1D59F</span></span>
+  <span><math class="testfont"><mtext>&#x1D56C;</mtext></math>=<span>1D56C</span></span>
+  <span><math class="testfont"><mtext>&#x1D56D;</mtext></math>=<span>1D56D</span></span>
+  <span><math class="testfont"><mtext>&#x1D56E;</mtext></math>=<span>1D56E</span></span>
+  <span><math class="testfont"><mtext>&#x1D56F;</mtext></math>=<span>1D56F</span></span>
+  <span><math class="testfont"><mtext>&#x1D570;</mtext></math>=<span>1D570</span></span>
+  <span><math class="testfont"><mtext>&#x1D571;</mtext></math>=<span>1D571</span></span>
+  <span><math class="testfont"><mtext>&#x1D572;</mtext></math>=<span>1D572</span></span>
+  <span><math class="testfont"><mtext>&#x1D573;</mtext></math>=<span>1D573</span></span>
+  <span><math class="testfont"><mtext>&#x1D574;</mtext></math>=<span>1D574</span></span>
+  <span><math class="testfont"><mtext>&#x1D575;</mtext></math>=<span>1D575</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D576;</mtext></math>=<span>1D576</span></span>
+  <span><math class="testfont"><mtext>&#x1D577;</mtext></math>=<span>1D577</span></span>
+  <span><math class="testfont"><mtext>&#x1D578;</mtext></math>=<span>1D578</span></span>
+  <span><math class="testfont"><mtext>&#x1D579;</mtext></math>=<span>1D579</span></span>
+  <span><math class="testfont"><mtext>&#x1D57A;</mtext></math>=<span>1D57A</span></span>
+  <span><math class="testfont"><mtext>&#x1D57B;</mtext></math>=<span>1D57B</span></span>
+  <span><math class="testfont"><mtext>&#x1D57C;</mtext></math>=<span>1D57C</span></span>
+  <span><math class="testfont"><mtext>&#x1D57D;</mtext></math>=<span>1D57D</span></span>
+  <span><math class="testfont"><mtext>&#x1D57E;</mtext></math>=<span>1D57E</span></span>
+  <span><math class="testfont"><mtext>&#x1D57F;</mtext></math>=<span>1D57F</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D580;</mtext></math>=<span>1D580</span></span>
+  <span><math class="testfont"><mtext>&#x1D581;</mtext></math>=<span>1D581</span></span>
+  <span><math class="testfont"><mtext>&#x1D582;</mtext></math>=<span>1D582</span></span>
+  <span><math class="testfont"><mtext>&#x1D583;</mtext></math>=<span>1D583</span></span>
+  <span><math class="testfont"><mtext>&#x1D584;</mtext></math>=<span>1D584</span></span>
+  <span><math class="testfont"><mtext>&#x1D585;</mtext></math>=<span>1D585</span></span>
+  <span><math class="testfont"><mtext>&#x1D586;</mtext></math>=<span>1D586</span></span>
+  <span><math class="testfont"><mtext>&#x1D587;</mtext></math>=<span>1D587</span></span>
+  <span><math class="testfont"><mtext>&#x1D588;</mtext></math>=<span>1D588</span></span>
+  <span><math class="testfont"><mtext>&#x1D589;</mtext></math>=<span>1D589</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D58A;</mtext></math>=<span>1D58A</span></span>
+  <span><math class="testfont"><mtext>&#x1D58B;</mtext></math>=<span>1D58B</span></span>
+  <span><math class="testfont"><mtext>&#x1D58C;</mtext></math>=<span>1D58C</span></span>
+  <span><math class="testfont"><mtext>&#x1D58D;</mtext></math>=<span>1D58D</span></span>
+  <span><math class="testfont"><mtext>&#x1D58E;</mtext></math>=<span>1D58E</span></span>
+  <span><math class="testfont"><mtext>&#x1D58F;</mtext></math>=<span>1D58F</span></span>
+  <span><math class="testfont"><mtext>&#x1D590;</mtext></math>=<span>1D590</span></span>
+  <span><math class="testfont"><mtext>&#x1D591;</mtext></math>=<span>1D591</span></span>
+  <span><math class="testfont"><mtext>&#x1D592;</mtext></math>=<span>1D592</span></span>
+  <span><math class="testfont"><mtext>&#x1D593;</mtext></math>=<span>1D593</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D594;</mtext></math>=<span>1D594</span></span>
+  <span><math class="testfont"><mtext>&#x1D595;</mtext></math>=<span>1D595</span></span>
+  <span><math class="testfont"><mtext>&#x1D596;</mtext></math>=<span>1D596</span></span>
+  <span><math class="testfont"><mtext>&#x1D597;</mtext></math>=<span>1D597</span></span>
+  <span><math class="testfont"><mtext>&#x1D598;</mtext></math>=<span>1D598</span></span>
+  <span><math class="testfont"><mtext>&#x1D599;</mtext></math>=<span>1D599</span></span>
+  <span><math class="testfont"><mtext>&#x1D59A;</mtext></math>=<span>1D59A</span></span>
+  <span><math class="testfont"><mtext>&#x1D59B;</mtext></math>=<span>1D59B</span></span>
+  <span><math class="testfont"><mtext>&#x1D59C;</mtext></math>=<span>1D59C</span></span>
+  <span><math class="testfont"><mtext>&#x1D59D;</mtext></math>=<span>1D59D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D59E;</mtext></math>=<span>1D59E</span></span>
+  <span><math class="testfont"><mtext>&#x1D59F;</mtext></math>=<span>1D59F</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur.html
index f41418108205..2bfb8b7d201b 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-fraktur.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant bold-fraktur</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-bold-fraktur-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a bold-fraktur mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,57 +28,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="bold-fraktur">&#x41;</mtext></math>=<span>1D56C</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x42;</mtext></math>=<span>1D56D</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x43;</mtext></math>=<span>1D56E</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x44;</mtext></math>=<span>1D56F</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x45;</mtext></math>=<span>1D570</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x46;</mtext></math>=<span>1D571</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x47;</mtext></math>=<span>1D572</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x48;</mtext></math>=<span>1D573</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x49;</mtext></math>=<span>1D574</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x4A;</mtext></math>=<span>1D575</span></span><br/>
-  <span><math><mtext mathvariant="bold-fraktur">&#x4B;</mtext></math>=<span>1D576</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x4C;</mtext></math>=<span>1D577</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x4D;</mtext></math>=<span>1D578</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x4E;</mtext></math>=<span>1D579</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x4F;</mtext></math>=<span>1D57A</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x50;</mtext></math>=<span>1D57B</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x51;</mtext></math>=<span>1D57C</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x52;</mtext></math>=<span>1D57D</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x53;</mtext></math>=<span>1D57E</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x54;</mtext></math>=<span>1D57F</span></span><br/>
-  <span><math><mtext mathvariant="bold-fraktur">&#x55;</mtext></math>=<span>1D580</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x56;</mtext></math>=<span>1D581</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x57;</mtext></math>=<span>1D582</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x58;</mtext></math>=<span>1D583</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x59;</mtext></math>=<span>1D584</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x5A;</mtext></math>=<span>1D585</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x61;</mtext></math>=<span>1D586</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x62;</mtext></math>=<span>1D587</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x63;</mtext></math>=<span>1D588</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x64;</mtext></math>=<span>1D589</span></span><br/>
-  <span><math><mtext mathvariant="bold-fraktur">&#x65;</mtext></math>=<span>1D58A</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x66;</mtext></math>=<span>1D58B</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x67;</mtext></math>=<span>1D58C</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x68;</mtext></math>=<span>1D58D</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x69;</mtext></math>=<span>1D58E</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x6A;</mtext></math>=<span>1D58F</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x6B;</mtext></math>=<span>1D590</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x6C;</mtext></math>=<span>1D591</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x6D;</mtext></math>=<span>1D592</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x6E;</mtext></math>=<span>1D593</span></span><br/>
-  <span><math><mtext mathvariant="bold-fraktur">&#x6F;</mtext></math>=<span>1D594</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x70;</mtext></math>=<span>1D595</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x71;</mtext></math>=<span>1D596</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x72;</mtext></math>=<span>1D597</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x73;</mtext></math>=<span>1D598</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x74;</mtext></math>=<span>1D599</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x75;</mtext></math>=<span>1D59A</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x76;</mtext></math>=<span>1D59B</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x77;</mtext></math>=<span>1D59C</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x78;</mtext></math>=<span>1D59D</span></span><br/>
-  <span><math><mtext mathvariant="bold-fraktur">&#x79;</mtext></math>=<span>1D59E</span></span>
-  <span><math><mtext mathvariant="bold-fraktur">&#x7A;</mtext></math>=<span>1D59F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x41;</mtext></math>=<span>1D56C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x42;</mtext></math>=<span>1D56D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x43;</mtext></math>=<span>1D56E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x44;</mtext></math>=<span>1D56F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x45;</mtext></math>=<span>1D570</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x46;</mtext></math>=<span>1D571</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x47;</mtext></math>=<span>1D572</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x48;</mtext></math>=<span>1D573</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x49;</mtext></math>=<span>1D574</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x4A;</mtext></math>=<span>1D575</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x4B;</mtext></math>=<span>1D576</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x4C;</mtext></math>=<span>1D577</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x4D;</mtext></math>=<span>1D578</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x4E;</mtext></math>=<span>1D579</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x4F;</mtext></math>=<span>1D57A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x50;</mtext></math>=<span>1D57B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x51;</mtext></math>=<span>1D57C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x52;</mtext></math>=<span>1D57D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x53;</mtext></math>=<span>1D57E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x54;</mtext></math>=<span>1D57F</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x55;</mtext></math>=<span>1D580</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x56;</mtext></math>=<span>1D581</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x57;</mtext></math>=<span>1D582</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x58;</mtext></math>=<span>1D583</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x59;</mtext></math>=<span>1D584</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x5A;</mtext></math>=<span>1D585</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x61;</mtext></math>=<span>1D586</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x62;</mtext></math>=<span>1D587</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x63;</mtext></math>=<span>1D588</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x64;</mtext></math>=<span>1D589</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x65;</mtext></math>=<span>1D58A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x66;</mtext></math>=<span>1D58B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x67;</mtext></math>=<span>1D58C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x68;</mtext></math>=<span>1D58D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x69;</mtext></math>=<span>1D58E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x6A;</mtext></math>=<span>1D58F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x6B;</mtext></math>=<span>1D590</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x6C;</mtext></math>=<span>1D591</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x6D;</mtext></math>=<span>1D592</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x6E;</mtext></math>=<span>1D593</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x6F;</mtext></math>=<span>1D594</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x70;</mtext></math>=<span>1D595</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x71;</mtext></math>=<span>1D596</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x72;</mtext></math>=<span>1D597</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x73;</mtext></math>=<span>1D598</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x74;</mtext></math>=<span>1D599</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x75;</mtext></math>=<span>1D59A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x76;</mtext></math>=<span>1D59B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x77;</mtext></math>=<span>1D59C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x78;</mtext></math>=<span>1D59D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x79;</mtext></math>=<span>1D59E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-fraktur">&#x7A;</mtext></math>=<span>1D59F</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic-ref.html
index 1e71e8966369..c5eaa22e196c 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,115 +23,115 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D74F;</mtext></math>=<span>1D74F</span></span>
-  <span><math><mtext>&#x1D735;</mtext></math>=<span>1D735</span></span>
-  <span><math><mtext>&#x1D468;</mtext></math>=<span>1D468</span></span>
-  <span><math><mtext>&#x1D469;</mtext></math>=<span>1D469</span></span>
-  <span><math><mtext>&#x1D46A;</mtext></math>=<span>1D46A</span></span>
-  <span><math><mtext>&#x1D46B;</mtext></math>=<span>1D46B</span></span>
-  <span><math><mtext>&#x1D46C;</mtext></math>=<span>1D46C</span></span>
-  <span><math><mtext>&#x1D46D;</mtext></math>=<span>1D46D</span></span>
-  <span><math><mtext>&#x1D46E;</mtext></math>=<span>1D46E</span></span>
-  <span><math><mtext>&#x1D46F;</mtext></math>=<span>1D46F</span></span><br/>
-  <span><math><mtext>&#x1D470;</mtext></math>=<span>1D470</span></span>
-  <span><math><mtext>&#x1D471;</mtext></math>=<span>1D471</span></span>
-  <span><math><mtext>&#x1D472;</mtext></math>=<span>1D472</span></span>
-  <span><math><mtext>&#x1D473;</mtext></math>=<span>1D473</span></span>
-  <span><math><mtext>&#x1D474;</mtext></math>=<span>1D474</span></span>
-  <span><math><mtext>&#x1D475;</mtext></math>=<span>1D475</span></span>
-  <span><math><mtext>&#x1D476;</mtext></math>=<span>1D476</span></span>
-  <span><math><mtext>&#x1D477;</mtext></math>=<span>1D477</span></span>
-  <span><math><mtext>&#x1D478;</mtext></math>=<span>1D478</span></span>
-  <span><math><mtext>&#x1D479;</mtext></math>=<span>1D479</span></span><br/>
-  <span><math><mtext>&#x1D47A;</mtext></math>=<span>1D47A</span></span>
-  <span><math><mtext>&#x1D47B;</mtext></math>=<span>1D47B</span></span>
-  <span><math><mtext>&#x1D47C;</mtext></math>=<span>1D47C</span></span>
-  <span><math><mtext>&#x1D47D;</mtext></math>=<span>1D47D</span></span>
-  <span><math><mtext>&#x1D47E;</mtext></math>=<span>1D47E</span></span>
-  <span><math><mtext>&#x1D47F;</mtext></math>=<span>1D47F</span></span>
-  <span><math><mtext>&#x1D480;</mtext></math>=<span>1D480</span></span>
-  <span><math><mtext>&#x1D481;</mtext></math>=<span>1D481</span></span>
-  <span><math><mtext>&#x1D482;</mtext></math>=<span>1D482</span></span>
-  <span><math><mtext>&#x1D483;</mtext></math>=<span>1D483</span></span><br/>
-  <span><math><mtext>&#x1D484;</mtext></math>=<span>1D484</span></span>
-  <span><math><mtext>&#x1D485;</mtext></math>=<span>1D485</span></span>
-  <span><math><mtext>&#x1D486;</mtext></math>=<span>1D486</span></span>
-  <span><math><mtext>&#x1D487;</mtext></math>=<span>1D487</span></span>
-  <span><math><mtext>&#x1D488;</mtext></math>=<span>1D488</span></span>
-  <span><math><mtext>&#x1D489;</mtext></math>=<span>1D489</span></span>
-  <span><math><mtext>&#x1D48A;</mtext></math>=<span>1D48A</span></span>
-  <span><math><mtext>&#x1D48B;</mtext></math>=<span>1D48B</span></span>
-  <span><math><mtext>&#x1D48C;</mtext></math>=<span>1D48C</span></span>
-  <span><math><mtext>&#x1D48D;</mtext></math>=<span>1D48D</span></span><br/>
-  <span><math><mtext>&#x1D48E;</mtext></math>=<span>1D48E</span></span>
-  <span><math><mtext>&#x1D48F;</mtext></math>=<span>1D48F</span></span>
-  <span><math><mtext>&#x1D490;</mtext></math>=<span>1D490</span></span>
-  <span><math><mtext>&#x1D491;</mtext></math>=<span>1D491</span></span>
-  <span><math><mtext>&#x1D492;</mtext></math>=<span>1D492</span></span>
-  <span><math><mtext>&#x1D493;</mtext></math>=<span>1D493</span></span>
-  <span><math><mtext>&#x1D494;</mtext></math>=<span>1D494</span></span>
-  <span><math><mtext>&#x1D495;</mtext></math>=<span>1D495</span></span>
-  <span><math><mtext>&#x1D496;</mtext></math>=<span>1D496</span></span>
-  <span><math><mtext>&#x1D497;</mtext></math>=<span>1D497</span></span><br/>
-  <span><math><mtext>&#x1D498;</mtext></math>=<span>1D498</span></span>
-  <span><math><mtext>&#x1D499;</mtext></math>=<span>1D499</span></span>
-  <span><math><mtext>&#x1D49A;</mtext></math>=<span>1D49A</span></span>
-  <span><math><mtext>&#x1D49B;</mtext></math>=<span>1D49B</span></span>
-  <span><math><mtext>&#x1D71C;</mtext></math>=<span>1D71C</span></span>
-  <span><math><mtext>&#x1D71D;</mtext></math>=<span>1D71D</span></span>
-  <span><math><mtext>&#x1D71E;</mtext></math>=<span>1D71E</span></span>
-  <span><math><mtext>&#x1D71F;</mtext></math>=<span>1D71F</span></span>
-  <span><math><mtext>&#x1D720;</mtext></math>=<span>1D720</span></span>
-  <span><math><mtext>&#x1D721;</mtext></math>=<span>1D721</span></span><br/>
-  <span><math><mtext>&#x1D722;</mtext></math>=<span>1D722</span></span>
-  <span><math><mtext>&#x1D723;</mtext></math>=<span>1D723</span></span>
-  <span><math><mtext>&#x1D724;</mtext></math>=<span>1D724</span></span>
-  <span><math><mtext>&#x1D725;</mtext></math>=<span>1D725</span></span>
-  <span><math><mtext>&#x1D726;</mtext></math>=<span>1D726</span></span>
-  <span><math><mtext>&#x1D727;</mtext></math>=<span>1D727</span></span>
-  <span><math><mtext>&#x1D728;</mtext></math>=<span>1D728</span></span>
-  <span><math><mtext>&#x1D729;</mtext></math>=<span>1D729</span></span>
-  <span><math><mtext>&#x1D72A;</mtext></math>=<span>1D72A</span></span>
-  <span><math><mtext>&#x1D72B;</mtext></math>=<span>1D72B</span></span><br/>
-  <span><math><mtext>&#x1D72C;</mtext></math>=<span>1D72C</span></span>
-  <span><math><mtext>&#x1D72E;</mtext></math>=<span>1D72E</span></span>
-  <span><math><mtext>&#x1D72F;</mtext></math>=<span>1D72F</span></span>
-  <span><math><mtext>&#x1D730;</mtext></math>=<span>1D730</span></span>
-  <span><math><mtext>&#x1D731;</mtext></math>=<span>1D731</span></span>
-  <span><math><mtext>&#x1D732;</mtext></math>=<span>1D732</span></span>
-  <span><math><mtext>&#x1D733;</mtext></math>=<span>1D733</span></span>
-  <span><math><mtext>&#x1D734;</mtext></math>=<span>1D734</span></span>
-  <span><math><mtext>&#x1D736;</mtext></math>=<span>1D736</span></span>
-  <span><math><mtext>&#x1D737;</mtext></math>=<span>1D737</span></span><br/>
-  <span><math><mtext>&#x1D738;</mtext></math>=<span>1D738</span></span>
-  <span><math><mtext>&#x1D739;</mtext></math>=<span>1D739</span></span>
-  <span><math><mtext>&#x1D73A;</mtext></math>=<span>1D73A</span></span>
-  <span><math><mtext>&#x1D73B;</mtext></math>=<span>1D73B</span></span>
-  <span><math><mtext>&#x1D73C;</mtext></math>=<span>1D73C</span></span>
-  <span><math><mtext>&#x1D73D;</mtext></math>=<span>1D73D</span></span>
-  <span><math><mtext>&#x1D73E;</mtext></math>=<span>1D73E</span></span>
-  <span><math><mtext>&#x1D73F;</mtext></math>=<span>1D73F</span></span>
-  <span><math><mtext>&#x1D740;</mtext></math>=<span>1D740</span></span>
-  <span><math><mtext>&#x1D741;</mtext></math>=<span>1D741</span></span><br/>
-  <span><math><mtext>&#x1D742;</mtext></math>=<span>1D742</span></span>
-  <span><math><mtext>&#x1D743;</mtext></math>=<span>1D743</span></span>
-  <span><math><mtext>&#x1D744;</mtext></math>=<span>1D744</span></span>
-  <span><math><mtext>&#x1D745;</mtext></math>=<span>1D745</span></span>
-  <span><math><mtext>&#x1D746;</mtext></math>=<span>1D746</span></span>
-  <span><math><mtext>&#x1D747;</mtext></math>=<span>1D747</span></span>
-  <span><math><mtext>&#x1D748;</mtext></math>=<span>1D748</span></span>
-  <span><math><mtext>&#x1D749;</mtext></math>=<span>1D749</span></span>
-  <span><math><mtext>&#x1D74A;</mtext></math>=<span>1D74A</span></span>
-  <span><math><mtext>&#x1D74B;</mtext></math>=<span>1D74B</span></span><br/>
-  <span><math><mtext>&#x1D74C;</mtext></math>=<span>1D74C</span></span>
-  <span><math><mtext>&#x1D74D;</mtext></math>=<span>1D74D</span></span>
-  <span><math><mtext>&#x1D74E;</mtext></math>=<span>1D74E</span></span>
-  <span><math><mtext>&#x1D751;</mtext></math>=<span>1D751</span></span>
-  <span><math><mtext>&#x1D753;</mtext></math>=<span>1D753</span></span>
-  <span><math><mtext>&#x1D755;</mtext></math>=<span>1D755</span></span>
-  <span><math><mtext>&#x1D752;</mtext></math>=<span>1D752</span></span>
-  <span><math><mtext>&#x1D754;</mtext></math>=<span>1D754</span></span>
-  <span><math><mtext>&#x1D72D;</mtext></math>=<span>1D72D</span></span>
-  <span><math><mtext>&#x1D750;</mtext></math>=<span>1D750</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D74F;</mtext></math>=<span>1D74F</span></span>
+  <span><math class="testfont"><mtext>&#x1D735;</mtext></math>=<span>1D735</span></span>
+  <span><math class="testfont"><mtext>&#x1D468;</mtext></math>=<span>1D468</span></span>
+  <span><math class="testfont"><mtext>&#x1D469;</mtext></math>=<span>1D469</span></span>
+  <span><math class="testfont"><mtext>&#x1D46A;</mtext></math>=<span>1D46A</span></span>
+  <span><math class="testfont"><mtext>&#x1D46B;</mtext></math>=<span>1D46B</span></span>
+  <span><math class="testfont"><mtext>&#x1D46C;</mtext></math>=<span>1D46C</span></span>
+  <span><math class="testfont"><mtext>&#x1D46D;</mtext></math>=<span>1D46D</span></span>
+  <span><math class="testfont"><mtext>&#x1D46E;</mtext></math>=<span>1D46E</span></span>
+  <span><math class="testfont"><mtext>&#x1D46F;</mtext></math>=<span>1D46F</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D470;</mtext></math>=<span>1D470</span></span>
+  <span><math class="testfont"><mtext>&#x1D471;</mtext></math>=<span>1D471</span></span>
+  <span><math class="testfont"><mtext>&#x1D472;</mtext></math>=<span>1D472</span></span>
+  <span><math class="testfont"><mtext>&#x1D473;</mtext></math>=<span>1D473</span></span>
+  <span><math class="testfont"><mtext>&#x1D474;</mtext></math>=<span>1D474</span></span>
+  <span><math class="testfont"><mtext>&#x1D475;</mtext></math>=<span>1D475</span></span>
+  <span><math class="testfont"><mtext>&#x1D476;</mtext></math>=<span>1D476</span></span>
+  <span><math class="testfont"><mtext>&#x1D477;</mtext></math>=<span>1D477</span></span>
+  <span><math class="testfont"><mtext>&#x1D478;</mtext></math>=<span>1D478</span></span>
+  <span><math class="testfont"><mtext>&#x1D479;</mtext></math>=<span>1D479</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D47A;</mtext></math>=<span>1D47A</span></span>
+  <span><math class="testfont"><mtext>&#x1D47B;</mtext></math>=<span>1D47B</span></span>
+  <span><math class="testfont"><mtext>&#x1D47C;</mtext></math>=<span>1D47C</span></span>
+  <span><math class="testfont"><mtext>&#x1D47D;</mtext></math>=<span>1D47D</span></span>
+  <span><math class="testfont"><mtext>&#x1D47E;</mtext></math>=<span>1D47E</span></span>
+  <span><math class="testfont"><mtext>&#x1D47F;</mtext></math>=<span>1D47F</span></span>
+  <span><math class="testfont"><mtext>&#x1D480;</mtext></math>=<span>1D480</span></span>
+  <span><math class="testfont"><mtext>&#x1D481;</mtext></math>=<span>1D481</span></span>
+  <span><math class="testfont"><mtext>&#x1D482;</mtext></math>=<span>1D482</span></span>
+  <span><math class="testfont"><mtext>&#x1D483;</mtext></math>=<span>1D483</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D484;</mtext></math>=<span>1D484</span></span>
+  <span><math class="testfont"><mtext>&#x1D485;</mtext></math>=<span>1D485</span></span>
+  <span><math class="testfont"><mtext>&#x1D486;</mtext></math>=<span>1D486</span></span>
+  <span><math class="testfont"><mtext>&#x1D487;</mtext></math>=<span>1D487</span></span>
+  <span><math class="testfont"><mtext>&#x1D488;</mtext></math>=<span>1D488</span></span>
+  <span><math class="testfont"><mtext>&#x1D489;</mtext></math>=<span>1D489</span></span>
+  <span><math class="testfont"><mtext>&#x1D48A;</mtext></math>=<span>1D48A</span></span>
+  <span><math class="testfont"><mtext>&#x1D48B;</mtext></math>=<span>1D48B</span></span>
+  <span><math class="testfont"><mtext>&#x1D48C;</mtext></math>=<span>1D48C</span></span>
+  <span><math class="testfont"><mtext>&#x1D48D;</mtext></math>=<span>1D48D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D48E;</mtext></math>=<span>1D48E</span></span>
+  <span><math class="testfont"><mtext>&#x1D48F;</mtext></math>=<span>1D48F</span></span>
+  <span><math class="testfont"><mtext>&#x1D490;</mtext></math>=<span>1D490</span></span>
+  <span><math class="testfont"><mtext>&#x1D491;</mtext></math>=<span>1D491</span></span>
+  <span><math class="testfont"><mtext>&#x1D492;</mtext></math>=<span>1D492</span></span>
+  <span><math class="testfont"><mtext>&#x1D493;</mtext></math>=<span>1D493</span></span>
+  <span><math class="testfont"><mtext>&#x1D494;</mtext></math>=<span>1D494</span></span>
+  <span><math class="testfont"><mtext>&#x1D495;</mtext></math>=<span>1D495</span></span>
+  <span><math class="testfont"><mtext>&#x1D496;</mtext></math>=<span>1D496</span></span>
+  <span><math class="testfont"><mtext>&#x1D497;</mtext></math>=<span>1D497</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D498;</mtext></math>=<span>1D498</span></span>
+  <span><math class="testfont"><mtext>&#x1D499;</mtext></math>=<span>1D499</span></span>
+  <span><math class="testfont"><mtext>&#x1D49A;</mtext></math>=<span>1D49A</span></span>
+  <span><math class="testfont"><mtext>&#x1D49B;</mtext></math>=<span>1D49B</span></span>
+  <span><math class="testfont"><mtext>&#x1D71C;</mtext></math>=<span>1D71C</span></span>
+  <span><math class="testfont"><mtext>&#x1D71D;</mtext></math>=<span>1D71D</span></span>
+  <span><math class="testfont"><mtext>&#x1D71E;</mtext></math>=<span>1D71E</span></span>
+  <span><math class="testfont"><mtext>&#x1D71F;</mtext></math>=<span>1D71F</span></span>
+  <span><math class="testfont"><mtext>&#x1D720;</mtext></math>=<span>1D720</span></span>
+  <span><math class="testfont"><mtext>&#x1D721;</mtext></math>=<span>1D721</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D722;</mtext></math>=<span>1D722</span></span>
+  <span><math class="testfont"><mtext>&#x1D723;</mtext></math>=<span>1D723</span></span>
+  <span><math class="testfont"><mtext>&#x1D724;</mtext></math>=<span>1D724</span></span>
+  <span><math class="testfont"><mtext>&#x1D725;</mtext></math>=<span>1D725</span></span>
+  <span><math class="testfont"><mtext>&#x1D726;</mtext></math>=<span>1D726</span></span>
+  <span><math class="testfont"><mtext>&#x1D727;</mtext></math>=<span>1D727</span></span>
+  <span><math class="testfont"><mtext>&#x1D728;</mtext></math>=<span>1D728</span></span>
+  <span><math class="testfont"><mtext>&#x1D729;</mtext></math>=<span>1D729</span></span>
+  <span><math class="testfont"><mtext>&#x1D72A;</mtext></math>=<span>1D72A</span></span>
+  <span><math class="testfont"><mtext>&#x1D72B;</mtext></math>=<span>1D72B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D72C;</mtext></math>=<span>1D72C</span></span>
+  <span><math class="testfont"><mtext>&#x1D72E;</mtext></math>=<span>1D72E</span></span>
+  <span><math class="testfont"><mtext>&#x1D72F;</mtext></math>=<span>1D72F</span></span>
+  <span><math class="testfont"><mtext>&#x1D730;</mtext></math>=<span>1D730</span></span>
+  <span><math class="testfont"><mtext>&#x1D731;</mtext></math>=<span>1D731</span></span>
+  <span><math class="testfont"><mtext>&#x1D732;</mtext></math>=<span>1D732</span></span>
+  <span><math class="testfont"><mtext>&#x1D733;</mtext></math>=<span>1D733</span></span>
+  <span><math class="testfont"><mtext>&#x1D734;</mtext></math>=<span>1D734</span></span>
+  <span><math class="testfont"><mtext>&#x1D736;</mtext></math>=<span>1D736</span></span>
+  <span><math class="testfont"><mtext>&#x1D737;</mtext></math>=<span>1D737</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D738;</mtext></math>=<span>1D738</span></span>
+  <span><math class="testfont"><mtext>&#x1D739;</mtext></math>=<span>1D739</span></span>
+  <span><math class="testfont"><mtext>&#x1D73A;</mtext></math>=<span>1D73A</span></span>
+  <span><math class="testfont"><mtext>&#x1D73B;</mtext></math>=<span>1D73B</span></span>
+  <span><math class="testfont"><mtext>&#x1D73C;</mtext></math>=<span>1D73C</span></span>
+  <span><math class="testfont"><mtext>&#x1D73D;</mtext></math>=<span>1D73D</span></span>
+  <span><math class="testfont"><mtext>&#x1D73E;</mtext></math>=<span>1D73E</span></span>
+  <span><math class="testfont"><mtext>&#x1D73F;</mtext></math>=<span>1D73F</span></span>
+  <span><math class="testfont"><mtext>&#x1D740;</mtext></math>=<span>1D740</span></span>
+  <span><math class="testfont"><mtext>&#x1D741;</mtext></math>=<span>1D741</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D742;</mtext></math>=<span>1D742</span></span>
+  <span><math class="testfont"><mtext>&#x1D743;</mtext></math>=<span>1D743</span></span>
+  <span><math class="testfont"><mtext>&#x1D744;</mtext></math>=<span>1D744</span></span>
+  <span><math class="testfont"><mtext>&#x1D745;</mtext></math>=<span>1D745</span></span>
+  <span><math class="testfont"><mtext>&#x1D746;</mtext></math>=<span>1D746</span></span>
+  <span><math class="testfont"><mtext>&#x1D747;</mtext></math>=<span>1D747</span></span>
+  <span><math class="testfont"><mtext>&#x1D748;</mtext></math>=<span>1D748</span></span>
+  <span><math class="testfont"><mtext>&#x1D749;</mtext></math>=<span>1D749</span></span>
+  <span><math class="testfont"><mtext>&#x1D74A;</mtext></math>=<span>1D74A</span></span>
+  <span><math class="testfont"><mtext>&#x1D74B;</mtext></math>=<span>1D74B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D74C;</mtext></math>=<span>1D74C</span></span>
+  <span><math class="testfont"><mtext>&#x1D74D;</mtext></math>=<span>1D74D</span></span>
+  <span><math class="testfont"><mtext>&#x1D74E;</mtext></math>=<span>1D74E</span></span>
+  <span><math class="testfont"><mtext>&#x1D751;</mtext></math>=<span>1D751</span></span>
+  <span><math class="testfont"><mtext>&#x1D753;</mtext></math>=<span>1D753</span></span>
+  <span><math class="testfont"><mtext>&#x1D755;</mtext></math>=<span>1D755</span></span>
+  <span><math class="testfont"><mtext>&#x1D752;</mtext></math>=<span>1D752</span></span>
+  <span><math class="testfont"><mtext>&#x1D754;</mtext></math>=<span>1D754</span></span>
+  <span><math class="testfont"><mtext>&#x1D72D;</mtext></math>=<span>1D72D</span></span>
+  <span><math class="testfont"><mtext>&#x1D750;</mtext></math>=<span>1D750</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic.html
index 7b53e986d4f0..5454b8623b93 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-italic.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant bold-italic</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-bold-italic-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a bold-italic mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,115 +28,115 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="bold-italic">&#x2202;</mtext></math>=<span>1D74F</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x2207;</mtext></math>=<span>1D735</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x41;</mtext></math>=<span>1D468</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x42;</mtext></math>=<span>1D469</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x43;</mtext></math>=<span>1D46A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x44;</mtext></math>=<span>1D46B</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x45;</mtext></math>=<span>1D46C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x46;</mtext></math>=<span>1D46D</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x47;</mtext></math>=<span>1D46E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x48;</mtext></math>=<span>1D46F</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x49;</mtext></math>=<span>1D470</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x4A;</mtext></math>=<span>1D471</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x4B;</mtext></math>=<span>1D472</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x4C;</mtext></math>=<span>1D473</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x4D;</mtext></math>=<span>1D474</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x4E;</mtext></math>=<span>1D475</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x4F;</mtext></math>=<span>1D476</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x50;</mtext></math>=<span>1D477</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x51;</mtext></math>=<span>1D478</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x52;</mtext></math>=<span>1D479</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x53;</mtext></math>=<span>1D47A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x54;</mtext></math>=<span>1D47B</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x55;</mtext></math>=<span>1D47C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x56;</mtext></math>=<span>1D47D</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x57;</mtext></math>=<span>1D47E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x58;</mtext></math>=<span>1D47F</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x59;</mtext></math>=<span>1D480</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x5A;</mtext></math>=<span>1D481</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x61;</mtext></math>=<span>1D482</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x62;</mtext></math>=<span>1D483</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x63;</mtext></math>=<span>1D484</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x64;</mtext></math>=<span>1D485</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x65;</mtext></math>=<span>1D486</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x66;</mtext></math>=<span>1D487</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x67;</mtext></math>=<span>1D488</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x68;</mtext></math>=<span>1D489</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x69;</mtext></math>=<span>1D48A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x6A;</mtext></math>=<span>1D48B</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x6B;</mtext></math>=<span>1D48C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x6C;</mtext></math>=<span>1D48D</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x6D;</mtext></math>=<span>1D48E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x6E;</mtext></math>=<span>1D48F</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x6F;</mtext></math>=<span>1D490</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x70;</mtext></math>=<span>1D491</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x71;</mtext></math>=<span>1D492</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x72;</mtext></math>=<span>1D493</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x73;</mtext></math>=<span>1D494</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x74;</mtext></math>=<span>1D495</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x75;</mtext></math>=<span>1D496</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x76;</mtext></math>=<span>1D497</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x77;</mtext></math>=<span>1D498</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x78;</mtext></math>=<span>1D499</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x79;</mtext></math>=<span>1D49A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x7A;</mtext></math>=<span>1D49B</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x391;</mtext></math>=<span>1D71C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x392;</mtext></math>=<span>1D71D</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x393;</mtext></math>=<span>1D71E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x394;</mtext></math>=<span>1D71F</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x395;</mtext></math>=<span>1D720</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x396;</mtext></math>=<span>1D721</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x397;</mtext></math>=<span>1D722</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x398;</mtext></math>=<span>1D723</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x399;</mtext></math>=<span>1D724</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x39A;</mtext></math>=<span>1D725</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x39B;</mtext></math>=<span>1D726</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x39C;</mtext></math>=<span>1D727</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x39D;</mtext></math>=<span>1D728</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x39E;</mtext></math>=<span>1D729</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x39F;</mtext></math>=<span>1D72A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A0;</mtext></math>=<span>1D72B</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x3A1;</mtext></math>=<span>1D72C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A3;</mtext></math>=<span>1D72E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A4;</mtext></math>=<span>1D72F</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A5;</mtext></math>=<span>1D730</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A6;</mtext></math>=<span>1D731</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A7;</mtext></math>=<span>1D732</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A8;</mtext></math>=<span>1D733</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3A9;</mtext></math>=<span>1D734</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B1;</mtext></math>=<span>1D736</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B2;</mtext></math>=<span>1D737</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x3B3;</mtext></math>=<span>1D738</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B4;</mtext></math>=<span>1D739</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B5;</mtext></math>=<span>1D73A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B6;</mtext></math>=<span>1D73B</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B7;</mtext></math>=<span>1D73C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B8;</mtext></math>=<span>1D73D</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3B9;</mtext></math>=<span>1D73E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3BA;</mtext></math>=<span>1D73F</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3BB;</mtext></math>=<span>1D740</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3BC;</mtext></math>=<span>1D741</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x3BD;</mtext></math>=<span>1D742</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3BE;</mtext></math>=<span>1D743</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3BF;</mtext></math>=<span>1D744</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C0;</mtext></math>=<span>1D745</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C1;</mtext></math>=<span>1D746</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C2;</mtext></math>=<span>1D747</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C3;</mtext></math>=<span>1D748</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C4;</mtext></math>=<span>1D749</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C5;</mtext></math>=<span>1D74A</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C6;</mtext></math>=<span>1D74B</span></span><br/>
-  <span><math><mtext mathvariant="bold-italic">&#x3C7;</mtext></math>=<span>1D74C</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C8;</mtext></math>=<span>1D74D</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3C9;</mtext></math>=<span>1D74E</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3D1;</mtext></math>=<span>1D751</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3D5;</mtext></math>=<span>1D753</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3D6;</mtext></math>=<span>1D755</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3F0;</mtext></math>=<span>1D752</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3F1;</mtext></math>=<span>1D754</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3F4;</mtext></math>=<span>1D72D</span></span>
-  <span><math><mtext mathvariant="bold-italic">&#x3F5;</mtext></math>=<span>1D750</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x2202;</mtext></math>=<span>1D74F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x2207;</mtext></math>=<span>1D735</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x41;</mtext></math>=<span>1D468</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x42;</mtext></math>=<span>1D469</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x43;</mtext></math>=<span>1D46A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x44;</mtext></math>=<span>1D46B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x45;</mtext></math>=<span>1D46C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x46;</mtext></math>=<span>1D46D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x47;</mtext></math>=<span>1D46E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x48;</mtext></math>=<span>1D46F</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x49;</mtext></math>=<span>1D470</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x4A;</mtext></math>=<span>1D471</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x4B;</mtext></math>=<span>1D472</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x4C;</mtext></math>=<span>1D473</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x4D;</mtext></math>=<span>1D474</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x4E;</mtext></math>=<span>1D475</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x4F;</mtext></math>=<span>1D476</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x50;</mtext></math>=<span>1D477</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x51;</mtext></math>=<span>1D478</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x52;</mtext></math>=<span>1D479</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x53;</mtext></math>=<span>1D47A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x54;</mtext></math>=<span>1D47B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x55;</mtext></math>=<span>1D47C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x56;</mtext></math>=<span>1D47D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x57;</mtext></math>=<span>1D47E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x58;</mtext></math>=<span>1D47F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x59;</mtext></math>=<span>1D480</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x5A;</mtext></math>=<span>1D481</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x61;</mtext></math>=<span>1D482</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x62;</mtext></math>=<span>1D483</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x63;</mtext></math>=<span>1D484</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x64;</mtext></math>=<span>1D485</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x65;</mtext></math>=<span>1D486</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x66;</mtext></math>=<span>1D487</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x67;</mtext></math>=<span>1D488</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x68;</mtext></math>=<span>1D489</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x69;</mtext></math>=<span>1D48A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x6A;</mtext></math>=<span>1D48B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x6B;</mtext></math>=<span>1D48C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x6C;</mtext></math>=<span>1D48D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x6D;</mtext></math>=<span>1D48E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x6E;</mtext></math>=<span>1D48F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x6F;</mtext></math>=<span>1D490</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x70;</mtext></math>=<span>1D491</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x71;</mtext></math>=<span>1D492</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x72;</mtext></math>=<span>1D493</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x73;</mtext></math>=<span>1D494</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x74;</mtext></math>=<span>1D495</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x75;</mtext></math>=<span>1D496</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x76;</mtext></math>=<span>1D497</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x77;</mtext></math>=<span>1D498</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x78;</mtext></math>=<span>1D499</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x79;</mtext></math>=<span>1D49A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x7A;</mtext></math>=<span>1D49B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x391;</mtext></math>=<span>1D71C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x392;</mtext></math>=<span>1D71D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x393;</mtext></math>=<span>1D71E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x394;</mtext></math>=<span>1D71F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x395;</mtext></math>=<span>1D720</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x396;</mtext></math>=<span>1D721</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x397;</mtext></math>=<span>1D722</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x398;</mtext></math>=<span>1D723</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x399;</mtext></math>=<span>1D724</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x39A;</mtext></math>=<span>1D725</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x39B;</mtext></math>=<span>1D726</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x39C;</mtext></math>=<span>1D727</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x39D;</mtext></math>=<span>1D728</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x39E;</mtext></math>=<span>1D729</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x39F;</mtext></math>=<span>1D72A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A0;</mtext></math>=<span>1D72B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A1;</mtext></math>=<span>1D72C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A3;</mtext></math>=<span>1D72E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A4;</mtext></math>=<span>1D72F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A5;</mtext></math>=<span>1D730</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A6;</mtext></math>=<span>1D731</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A7;</mtext></math>=<span>1D732</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A8;</mtext></math>=<span>1D733</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3A9;</mtext></math>=<span>1D734</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B1;</mtext></math>=<span>1D736</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B2;</mtext></math>=<span>1D737</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B3;</mtext></math>=<span>1D738</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B4;</mtext></math>=<span>1D739</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B5;</mtext></math>=<span>1D73A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B6;</mtext></math>=<span>1D73B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B7;</mtext></math>=<span>1D73C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B8;</mtext></math>=<span>1D73D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3B9;</mtext></math>=<span>1D73E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3BA;</mtext></math>=<span>1D73F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3BB;</mtext></math>=<span>1D740</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3BC;</mtext></math>=<span>1D741</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3BD;</mtext></math>=<span>1D742</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3BE;</mtext></math>=<span>1D743</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3BF;</mtext></math>=<span>1D744</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C0;</mtext></math>=<span>1D745</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C1;</mtext></math>=<span>1D746</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C2;</mtext></math>=<span>1D747</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C3;</mtext></math>=<span>1D748</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C4;</mtext></math>=<span>1D749</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C5;</mtext></math>=<span>1D74A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C6;</mtext></math>=<span>1D74B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C7;</mtext></math>=<span>1D74C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C8;</mtext></math>=<span>1D74D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3C9;</mtext></math>=<span>1D74E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3D1;</mtext></math>=<span>1D751</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3D5;</mtext></math>=<span>1D753</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3D6;</mtext></math>=<span>1D755</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3F0;</mtext></math>=<span>1D752</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3F1;</mtext></math>=<span>1D754</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3F4;</mtext></math>=<span>1D72D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-italic">&#x3F5;</mtext></math>=<span>1D750</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-ref.html
index 11cb2de250d6..3a727872d6e2 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,127 +23,127 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D6DB;</mtext></math>=<span>1D6DB</span></span>
-  <span><math><mtext>&#x1D6C1;</mtext></math>=<span>1D6C1</span></span>
-  <span><math><mtext>&#x1D7CE;</mtext></math>=<span>1D7CE</span></span>
-  <span><math><mtext>&#x1D7CF;</mtext></math>=<span>1D7CF</span></span>
-  <span><math><mtext>&#x1D7D0;</mtext></math>=<span>1D7D0</span></span>
-  <span><math><mtext>&#x1D7D1;</mtext></math>=<span>1D7D1</span></span>
-  <span><math><mtext>&#x1D7D2;</mtext></math>=<span>1D7D2</span></span>
-  <span><math><mtext>&#x1D7D3;</mtext></math>=<span>1D7D3</span></span>
-  <span><math><mtext>&#x1D7D4;</mtext></math>=<span>1D7D4</span></span>
-  <span><math><mtext>&#x1D7D5;</mtext></math>=<span>1D7D5</span></span><br/>
-  <span><math><mtext>&#x1D7D6;</mtext></math>=<span>1D7D6</span></span>
-  <span><math><mtext>&#x1D7D7;</mtext></math>=<span>1D7D7</span></span>
-  <span><math><mtext>&#x1D400;</mtext></math>=<span>1D400</span></span>
-  <span><math><mtext>&#x1D401;</mtext></math>=<span>1D401</span></span>
-  <span><math><mtext>&#x1D402;</mtext></math>=<span>1D402</span></span>
-  <span><math><mtext>&#x1D403;</mtext></math>=<span>1D403</span></span>
-  <span><math><mtext>&#x1D404;</mtext></math>=<span>1D404</span></span>
-  <span><math><mtext>&#x1D405;</mtext></math>=<span>1D405</span></span>
-  <span><math><mtext>&#x1D406;</mtext></math>=<span>1D406</span></span>
-  <span><math><mtext>&#x1D407;</mtext></math>=<span>1D407</span></span><br/>
-  <span><math><mtext>&#x1D408;</mtext></math>=<span>1D408</span></span>
-  <span><math><mtext>&#x1D409;</mtext></math>=<span>1D409</span></span>
-  <span><math><mtext>&#x1D40A;</mtext></math>=<span>1D40A</span></span>
-  <span><math><mtext>&#x1D40B;</mtext></math>=<span>1D40B</span></span>
-  <span><math><mtext>&#x1D40C;</mtext></math>=<span>1D40C</span></span>
-  <span><math><mtext>&#x1D40D;</mtext></math>=<span>1D40D</span></span>
-  <span><math><mtext>&#x1D40E;</mtext></math>=<span>1D40E</span></span>
-  <span><math><mtext>&#x1D40F;</mtext></math>=<span>1D40F</span></span>
-  <span><math><mtext>&#x1D410;</mtext></math>=<span>1D410</span></span>
-  <span><math><mtext>&#x1D411;</mtext></math>=<span>1D411</span></span><br/>
-  <span><math><mtext>&#x1D412;</mtext></math>=<span>1D412</span></span>
-  <span><math><mtext>&#x1D413;</mtext></math>=<span>1D413</span></span>
-  <span><math><mtext>&#x1D414;</mtext></math>=<span>1D414</span></span>
-  <span><math><mtext>&#x1D415;</mtext></math>=<span>1D415</span></span>
-  <span><math><mtext>&#x1D416;</mtext></math>=<span>1D416</span></span>
-  <span><math><mtext>&#x1D417;</mtext></math>=<span>1D417</span></span>
-  <span><math><mtext>&#x1D418;</mtext></math>=<span>1D418</span></span>
-  <span><math><mtext>&#x1D419;</mtext></math>=<span>1D419</span></span>
-  <span><math><mtext>&#x1D41A;</mtext></math>=<span>1D41A</span></span>
-  <span><math><mtext>&#x1D41B;</mtext></math>=<span>1D41B</span></span><br/>
-  <span><math><mtext>&#x1D41C;</mtext></math>=<span>1D41C</span></span>
-  <span><math><mtext>&#x1D41D;</mtext></math>=<span>1D41D</span></span>
-  <span><math><mtext>&#x1D41E;</mtext></math>=<span>1D41E</span></span>
-  <span><math><mtext>&#x1D41F;</mtext></math>=<span>1D41F</span></span>
-  <span><math><mtext>&#x1D420;</mtext></math>=<span>1D420</span></span>
-  <span><math><mtext>&#x1D421;</mtext></math>=<span>1D421</span></span>
-  <span><math><mtext>&#x1D422;</mtext></math>=<span>1D422</span></span>
-  <span><math><mtext>&#x1D423;</mtext></math>=<span>1D423</span></span>
-  <span><math><mtext>&#x1D424;</mtext></math>=<span>1D424</span></span>
-  <span><math><mtext>&#x1D425;</mtext></math>=<span>1D425</span></span><br/>
-  <span><math><mtext>&#x1D426;</mtext></math>=<span>1D426</span></span>
-  <span><math><mtext>&#x1D427;</mtext></math>=<span>1D427</span></span>
-  <span><math><mtext>&#x1D428;</mtext></math>=<span>1D428</span></span>
-  <span><math><mtext>&#x1D429;</mtext></math>=<span>1D429</span></span>
-  <span><math><mtext>&#x1D42A;</mtext></math>=<span>1D42A</span></span>
-  <span><math><mtext>&#x1D42B;</mtext></math>=<span>1D42B</span></span>
-  <span><math><mtext>&#x1D42C;</mtext></math>=<span>1D42C</span></span>
-  <span><math><mtext>&#x1D42D;</mtext></math>=<span>1D42D</span></span>
-  <span><math><mtext>&#x1D42E;</mtext></math>=<span>1D42E</span></span>
-  <span><math><mtext>&#x1D42F;</mtext></math>=<span>1D42F</span></span><br/>
-  <span><math><mtext>&#x1D430;</mtext></math>=<span>1D430</span></span>
-  <span><math><mtext>&#x1D431;</mtext></math>=<span>1D431</span></span>
-  <span><math><mtext>&#x1D432;</mtext></math>=<span>1D432</span></span>
-  <span><math><mtext>&#x1D433;</mtext></math>=<span>1D433</span></span>
-  <span><math><mtext>&#x1D6A8;</mtext></math>=<span>1D6A8</span></span>
-  <span><math><mtext>&#x1D6A9;</mtext></math>=<span>1D6A9</span></span>
-  <span><math><mtext>&#x1D6AA;</mtext></math>=<span>1D6AA</span></span>
-  <span><math><mtext>&#x1D6AB;</mtext></math>=<span>1D6AB</span></span>
-  <span><math><mtext>&#x1D6AC;</mtext></math>=<span>1D6AC</span></span>
-  <span><math><mtext>&#x1D6AD;</mtext></math>=<span>1D6AD</span></span><br/>
-  <span><math><mtext>&#x1D6AE;</mtext></math>=<span>1D6AE</span></span>
-  <span><math><mtext>&#x1D6AF;</mtext></math>=<span>1D6AF</span></span>
-  <span><math><mtext>&#x1D6B0;</mtext></math>=<span>1D6B0</span></span>
-  <span><math><mtext>&#x1D6B1;</mtext></math>=<span>1D6B1</span></span>
-  <span><math><mtext>&#x1D6B2;</mtext></math>=<span>1D6B2</span></span>
-  <span><math><mtext>&#x1D6B3;</mtext></math>=<span>1D6B3</span></span>
-  <span><math><mtext>&#x1D6B4;</mtext></math>=<span>1D6B4</span></span>
-  <span><math><mtext>&#x1D6B5;</mtext></math>=<span>1D6B5</span></span>
-  <span><math><mtext>&#x1D6B6;</mtext></math>=<span>1D6B6</span></span>
-  <span><math><mtext>&#x1D6B7;</mtext></math>=<span>1D6B7</span></span><br/>
-  <span><math><mtext>&#x1D6B8;</mtext></math>=<span>1D6B8</span></span>
-  <span><math><mtext>&#x1D6BA;</mtext></math>=<span>1D6BA</span></span>
-  <span><math><mtext>&#x1D6BB;</mtext></math>=<span>1D6BB</span></span>
-  <span><math><mtext>&#x1D6BC;</mtext></math>=<span>1D6BC</span></span>
-  <span><math><mtext>&#x1D6BD;</mtext></math>=<span>1D6BD</span></span>
-  <span><math><mtext>&#x1D6BE;</mtext></math>=<span>1D6BE</span></span>
-  <span><math><mtext>&#x1D6BF;</mtext></math>=<span>1D6BF</span></span>
-  <span><math><mtext>&#x1D6C0;</mtext></math>=<span>1D6C0</span></span>
-  <span><math><mtext>&#x1D6C2;</mtext></math>=<span>1D6C2</span></span>
-  <span><math><mtext>&#x1D6C3;</mtext></math>=<span>1D6C3</span></span><br/>
-  <span><math><mtext>&#x1D6C4;</mtext></math>=<span>1D6C4</span></span>
-  <span><math><mtext>&#x1D6C5;</mtext></math>=<span>1D6C5</span></span>
-  <span><math><mtext>&#x1D6C6;</mtext></math>=<span>1D6C6</span></span>
-  <span><math><mtext>&#x1D6C7;</mtext></math>=<span>1D6C7</span></span>
-  <span><math><mtext>&#x1D6C8;</mtext></math>=<span>1D6C8</span></span>
-  <span><math><mtext>&#x1D6C9;</mtext></math>=<span>1D6C9</span></span>
-  <span><math><mtext>&#x1D6CA;</mtext></math>=<span>1D6CA</span></span>
-  <span><math><mtext>&#x1D6CB;</mtext></math>=<span>1D6CB</span></span>
-  <span><math><mtext>&#x1D6CC;</mtext></math>=<span>1D6CC</span></span>
-  <span><math><mtext>&#x1D6CD;</mtext></math>=<span>1D6CD</span></span><br/>
-  <span><math><mtext>&#x1D6CE;</mtext></math>=<span>1D6CE</span></span>
-  <span><math><mtext>&#x1D6CF;</mtext></math>=<span>1D6CF</span></span>
-  <span><math><mtext>&#x1D6D0;</mtext></math>=<span>1D6D0</span></span>
-  <span><math><mtext>&#x1D6D1;</mtext></math>=<span>1D6D1</span></span>
-  <span><math><mtext>&#x1D6D2;</mtext></math>=<span>1D6D2</span></span>
-  <span><math><mtext>&#x1D6D3;</mtext></math>=<span>1D6D3</span></span>
-  <span><math><mtext>&#x1D6D4;</mtext></math>=<span>1D6D4</span></span>
-  <span><math><mtext>&#x1D6D5;</mtext></math>=<span>1D6D5</span></span>
-  <span><math><mtext>&#x1D6D6;</mtext></math>=<span>1D6D6</span></span>
-  <span><math><mtext>&#x1D6D7;</mtext></math>=<span>1D6D7</span></span><br/>
-  <span><math><mtext>&#x1D6D8;</mtext></math>=<span>1D6D8</span></span>
-  <span><math><mtext>&#x1D6D9;</mtext></math>=<span>1D6D9</span></span>
-  <span><math><mtext>&#x1D6DA;</mtext></math>=<span>1D6DA</span></span>
-  <span><math><mtext>&#x1D6DD;</mtext></math>=<span>1D6DD</span></span>
-  <span><math><mtext>&#x1D6DF;</mtext></math>=<span>1D6DF</span></span>
-  <span><math><mtext>&#x1D6E1;</mtext></math>=<span>1D6E1</span></span>
-  <span><math><mtext>&#x1D7CA;</mtext></math>=<span>1D7CA</span></span>
-  <span><math><mtext>&#x1D7CB;</mtext></math>=<span>1D7CB</span></span>
-  <span><math><mtext>&#x1D6DE;</mtext></math>=<span>1D6DE</span></span>
-  <span><math><mtext>&#x1D6E0;</mtext></math>=<span>1D6E0</span></span><br/>
-  <span><math><mtext>&#x1D6B9;</mtext></math>=<span>1D6B9</span></span>
-  <span><math><mtext>&#x1D6DC;</mtext></math>=<span>1D6DC</span></span>
+  <span><math class="testfont"><mtext>&#x1D6DB;</mtext></math>=<span>1D6DB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C1;</mtext></math>=<span>1D6C1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7CE;</mtext></math>=<span>1D7CE</span></span>
+  <span><math class="testfont"><mtext>&#x1D7CF;</mtext></math>=<span>1D7CF</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D0;</mtext></math>=<span>1D7D0</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D1;</mtext></math>=<span>1D7D1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D2;</mtext></math>=<span>1D7D2</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D3;</mtext></math>=<span>1D7D3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D4;</mtext></math>=<span>1D7D4</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D5;</mtext></math>=<span>1D7D5</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7D6;</mtext></math>=<span>1D7D6</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D7;</mtext></math>=<span>1D7D7</span></span>
+  <span><math class="testfont"><mtext>&#x1D400;</mtext></math>=<span>1D400</span></span>
+  <span><math class="testfont"><mtext>&#x1D401;</mtext></math>=<span>1D401</span></span>
+  <span><math class="testfont"><mtext>&#x1D402;</mtext></math>=<span>1D402</span></span>
+  <span><math class="testfont"><mtext>&#x1D403;</mtext></math>=<span>1D403</span></span>
+  <span><math class="testfont"><mtext>&#x1D404;</mtext></math>=<span>1D404</span></span>
+  <span><math class="testfont"><mtext>&#x1D405;</mtext></math>=<span>1D405</span></span>
+  <span><math class="testfont"><mtext>&#x1D406;</mtext></math>=<span>1D406</span></span>
+  <span><math class="testfont"><mtext>&#x1D407;</mtext></math>=<span>1D407</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D408;</mtext></math>=<span>1D408</span></span>
+  <span><math class="testfont"><mtext>&#x1D409;</mtext></math>=<span>1D409</span></span>
+  <span><math class="testfont"><mtext>&#x1D40A;</mtext></math>=<span>1D40A</span></span>
+  <span><math class="testfont"><mtext>&#x1D40B;</mtext></math>=<span>1D40B</span></span>
+  <span><math class="testfont"><mtext>&#x1D40C;</mtext></math>=<span>1D40C</span></span>
+  <span><math class="testfont"><mtext>&#x1D40D;</mtext></math>=<span>1D40D</span></span>
+  <span><math class="testfont"><mtext>&#x1D40E;</mtext></math>=<span>1D40E</span></span>
+  <span><math class="testfont"><mtext>&#x1D40F;</mtext></math>=<span>1D40F</span></span>
+  <span><math class="testfont"><mtext>&#x1D410;</mtext></math>=<span>1D410</span></span>
+  <span><math class="testfont"><mtext>&#x1D411;</mtext></math>=<span>1D411</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D412;</mtext></math>=<span>1D412</span></span>
+  <span><math class="testfont"><mtext>&#x1D413;</mtext></math>=<span>1D413</span></span>
+  <span><math class="testfont"><mtext>&#x1D414;</mtext></math>=<span>1D414</span></span>
+  <span><math class="testfont"><mtext>&#x1D415;</mtext></math>=<span>1D415</span></span>
+  <span><math class="testfont"><mtext>&#x1D416;</mtext></math>=<span>1D416</span></span>
+  <span><math class="testfont"><mtext>&#x1D417;</mtext></math>=<span>1D417</span></span>
+  <span><math class="testfont"><mtext>&#x1D418;</mtext></math>=<span>1D418</span></span>
+  <span><math class="testfont"><mtext>&#x1D419;</mtext></math>=<span>1D419</span></span>
+  <span><math class="testfont"><mtext>&#x1D41A;</mtext></math>=<span>1D41A</span></span>
+  <span><math class="testfont"><mtext>&#x1D41B;</mtext></math>=<span>1D41B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D41C;</mtext></math>=<span>1D41C</span></span>
+  <span><math class="testfont"><mtext>&#x1D41D;</mtext></math>=<span>1D41D</span></span>
+  <span><math class="testfont"><mtext>&#x1D41E;</mtext></math>=<span>1D41E</span></span>
+  <span><math class="testfont"><mtext>&#x1D41F;</mtext></math>=<span>1D41F</span></span>
+  <span><math class="testfont"><mtext>&#x1D420;</mtext></math>=<span>1D420</span></span>
+  <span><math class="testfont"><mtext>&#x1D421;</mtext></math>=<span>1D421</span></span>
+  <span><math class="testfont"><mtext>&#x1D422;</mtext></math>=<span>1D422</span></span>
+  <span><math class="testfont"><mtext>&#x1D423;</mtext></math>=<span>1D423</span></span>
+  <span><math class="testfont"><mtext>&#x1D424;</mtext></math>=<span>1D424</span></span>
+  <span><math class="testfont"><mtext>&#x1D425;</mtext></math>=<span>1D425</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D426;</mtext></math>=<span>1D426</span></span>
+  <span><math class="testfont"><mtext>&#x1D427;</mtext></math>=<span>1D427</span></span>
+  <span><math class="testfont"><mtext>&#x1D428;</mtext></math>=<span>1D428</span></span>
+  <span><math class="testfont"><mtext>&#x1D429;</mtext></math>=<span>1D429</span></span>
+  <span><math class="testfont"><mtext>&#x1D42A;</mtext></math>=<span>1D42A</span></span>
+  <span><math class="testfont"><mtext>&#x1D42B;</mtext></math>=<span>1D42B</span></span>
+  <span><math class="testfont"><mtext>&#x1D42C;</mtext></math>=<span>1D42C</span></span>
+  <span><math class="testfont"><mtext>&#x1D42D;</mtext></math>=<span>1D42D</span></span>
+  <span><math class="testfont"><mtext>&#x1D42E;</mtext></math>=<span>1D42E</span></span>
+  <span><math class="testfont"><mtext>&#x1D42F;</mtext></math>=<span>1D42F</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D430;</mtext></math>=<span>1D430</span></span>
+  <span><math class="testfont"><mtext>&#x1D431;</mtext></math>=<span>1D431</span></span>
+  <span><math class="testfont"><mtext>&#x1D432;</mtext></math>=<span>1D432</span></span>
+  <span><math class="testfont"><mtext>&#x1D433;</mtext></math>=<span>1D433</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A8;</mtext></math>=<span>1D6A8</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A9;</mtext></math>=<span>1D6A9</span></span>
+  <span><math class="testfont"><mtext>&#x1D6AA;</mtext></math>=<span>1D6AA</span></span>
+  <span><math class="testfont"><mtext>&#x1D6AB;</mtext></math>=<span>1D6AB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6AC;</mtext></math>=<span>1D6AC</span></span>
+  <span><math class="testfont"><mtext>&#x1D6AD;</mtext></math>=<span>1D6AD</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6AE;</mtext></math>=<span>1D6AE</span></span>
+  <span><math class="testfont"><mtext>&#x1D6AF;</mtext></math>=<span>1D6AF</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B0;</mtext></math>=<span>1D6B0</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B1;</mtext></math>=<span>1D6B1</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B2;</mtext></math>=<span>1D6B2</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B3;</mtext></math>=<span>1D6B3</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B4;</mtext></math>=<span>1D6B4</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B5;</mtext></math>=<span>1D6B5</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B6;</mtext></math>=<span>1D6B6</span></span>
+  <span><math class="testfont"><mtext>&#x1D6B7;</mtext></math>=<span>1D6B7</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6B8;</mtext></math>=<span>1D6B8</span></span>
+  <span><math class="testfont"><mtext>&#x1D6BA;</mtext></math>=<span>1D6BA</span></span>
+  <span><math class="testfont"><mtext>&#x1D6BB;</mtext></math>=<span>1D6BB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6BC;</mtext></math>=<span>1D6BC</span></span>
+  <span><math class="testfont"><mtext>&#x1D6BD;</mtext></math>=<span>1D6BD</span></span>
+  <span><math class="testfont"><mtext>&#x1D6BE;</mtext></math>=<span>1D6BE</span></span>
+  <span><math class="testfont"><mtext>&#x1D6BF;</mtext></math>=<span>1D6BF</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C0;</mtext></math>=<span>1D6C0</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C2;</mtext></math>=<span>1D6C2</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C3;</mtext></math>=<span>1D6C3</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6C4;</mtext></math>=<span>1D6C4</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C5;</mtext></math>=<span>1D6C5</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C6;</mtext></math>=<span>1D6C6</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C7;</mtext></math>=<span>1D6C7</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C8;</mtext></math>=<span>1D6C8</span></span>
+  <span><math class="testfont"><mtext>&#x1D6C9;</mtext></math>=<span>1D6C9</span></span>
+  <span><math class="testfont"><mtext>&#x1D6CA;</mtext></math>=<span>1D6CA</span></span>
+  <span><math class="testfont"><mtext>&#x1D6CB;</mtext></math>=<span>1D6CB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6CC;</mtext></math>=<span>1D6CC</span></span>
+  <span><math class="testfont"><mtext>&#x1D6CD;</mtext></math>=<span>1D6CD</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6CE;</mtext></math>=<span>1D6CE</span></span>
+  <span><math class="testfont"><mtext>&#x1D6CF;</mtext></math>=<span>1D6CF</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D0;</mtext></math>=<span>1D6D0</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D1;</mtext></math>=<span>1D6D1</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D2;</mtext></math>=<span>1D6D2</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D3;</mtext></math>=<span>1D6D3</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D4;</mtext></math>=<span>1D6D4</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D5;</mtext></math>=<span>1D6D5</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D6;</mtext></math>=<span>1D6D6</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D7;</mtext></math>=<span>1D6D7</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6D8;</mtext></math>=<span>1D6D8</span></span>
+  <span><math class="testfont"><mtext>&#x1D6D9;</mtext></math>=<span>1D6D9</span></span>
+  <span><math class="testfont"><mtext>&#x1D6DA;</mtext></math>=<span>1D6DA</span></span>
+  <span><math class="testfont"><mtext>&#x1D6DD;</mtext></math>=<span>1D6DD</span></span>
+  <span><math class="testfont"><mtext>&#x1D6DF;</mtext></math>=<span>1D6DF</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E1;</mtext></math>=<span>1D6E1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7CA;</mtext></math>=<span>1D7CA</span></span>
+  <span><math class="testfont"><mtext>&#x1D7CB;</mtext></math>=<span>1D7CB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6DE;</mtext></math>=<span>1D6DE</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E0;</mtext></math>=<span>1D6E0</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6B9;</mtext></math>=<span>1D6B9</span></span>
+  <span><math class="testfont"><mtext>&#x1D6DC;</mtext></math>=<span>1D6DC</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif-ref.html
index a57fd18bf222..ec292b8e9149 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,125 +23,125 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D789;</mtext></math>=<span>1D789</span></span>
-  <span><math><mtext>&#x1D76F;</mtext></math>=<span>1D76F</span></span>
-  <span><math><mtext>&#x1D7EC;</mtext></math>=<span>1D7EC</span></span>
-  <span><math><mtext>&#x1D7ED;</mtext></math>=<span>1D7ED</span></span>
-  <span><math><mtext>&#x1D7EE;</mtext></math>=<span>1D7EE</span></span>
-  <span><math><mtext>&#x1D7EF;</mtext></math>=<span>1D7EF</span></span>
-  <span><math><mtext>&#x1D7F0;</mtext></math>=<span>1D7F0</span></span>
-  <span><math><mtext>&#x1D7F1;</mtext></math>=<span>1D7F1</span></span>
-  <span><math><mtext>&#x1D7F2;</mtext></math>=<span>1D7F2</span></span>
-  <span><math><mtext>&#x1D7F3;</mtext></math>=<span>1D7F3</span></span><br/>
-  <span><math><mtext>&#x1D7F4;</mtext></math>=<span>1D7F4</span></span>
-  <span><math><mtext>&#x1D7F5;</mtext></math>=<span>1D7F5</span></span>
-  <span><math><mtext>&#x1D5D4;</mtext></math>=<span>1D5D4</span></span>
-  <span><math><mtext>&#x1D5D5;</mtext></math>=<span>1D5D5</span></span>
-  <span><math><mtext>&#x1D5D6;</mtext></math>=<span>1D5D6</span></span>
-  <span><math><mtext>&#x1D5D7;</mtext></math>=<span>1D5D7</span></span>
-  <span><math><mtext>&#x1D5D8;</mtext></math>=<span>1D5D8</span></span>
-  <span><math><mtext>&#x1D5D9;</mtext></math>=<span>1D5D9</span></span>
-  <span><math><mtext>&#x1D5DA;</mtext></math>=<span>1D5DA</span></span>
-  <span><math><mtext>&#x1D5DB;</mtext></math>=<span>1D5DB</span></span><br/>
-  <span><math><mtext>&#x1D5DC;</mtext></math>=<span>1D5DC</span></span>
-  <span><math><mtext>&#x1D5DD;</mtext></math>=<span>1D5DD</span></span>
-  <span><math><mtext>&#x1D5DE;</mtext></math>=<span>1D5DE</span></span>
-  <span><math><mtext>&#x1D5DF;</mtext></math>=<span>1D5DF</span></span>
-  <span><math><mtext>&#x1D5E0;</mtext></math>=<span>1D5E0</span></span>
-  <span><math><mtext>&#x1D5E1;</mtext></math>=<span>1D5E1</span></span>
-  <span><math><mtext>&#x1D5E2;</mtext></math>=<span>1D5E2</span></span>
-  <span><math><mtext>&#x1D5E3;</mtext></math>=<span>1D5E3</span></span>
-  <span><math><mtext>&#x1D5E4;</mtext></math>=<span>1D5E4</span></span>
-  <span><math><mtext>&#x1D5E5;</mtext></math>=<span>1D5E5</span></span><br/>
-  <span><math><mtext>&#x1D5E6;</mtext></math>=<span>1D5E6</span></span>
-  <span><math><mtext>&#x1D5E7;</mtext></math>=<span>1D5E7</span></span>
-  <span><math><mtext>&#x1D5E8;</mtext></math>=<span>1D5E8</span></span>
-  <span><math><mtext>&#x1D5E9;</mtext></math>=<span>1D5E9</span></span>
-  <span><math><mtext>&#x1D5EA;</mtext></math>=<span>1D5EA</span></span>
-  <span><math><mtext>&#x1D5EB;</mtext></math>=<span>1D5EB</span></span>
-  <span><math><mtext>&#x1D5EC;</mtext></math>=<span>1D5EC</span></span>
-  <span><math><mtext>&#x1D5ED;</mtext></math>=<span>1D5ED</span></span>
-  <span><math><mtext>&#x1D5EE;</mtext></math>=<span>1D5EE</span></span>
-  <span><math><mtext>&#x1D5EF;</mtext></math>=<span>1D5EF</span></span><br/>
-  <span><math><mtext>&#x1D5F0;</mtext></math>=<span>1D5F0</span></span>
-  <span><math><mtext>&#x1D5F1;</mtext></math>=<span>1D5F1</span></span>
-  <span><math><mtext>&#x1D5F2;</mtext></math>=<span>1D5F2</span></span>
-  <span><math><mtext>&#x1D5F3;</mtext></math>=<span>1D5F3</span></span>
-  <span><math><mtext>&#x1D5F4;</mtext></math>=<span>1D5F4</span></span>
-  <span><math><mtext>&#x1D5F5;</mtext></math>=<span>1D5F5</span></span>
-  <span><math><mtext>&#x1D5F6;</mtext></math>=<span>1D5F6</span></span>
-  <span><math><mtext>&#x1D5F7;</mtext></math>=<span>1D5F7</span></span>
-  <span><math><mtext>&#x1D5F8;</mtext></math>=<span>1D5F8</span></span>
-  <span><math><mtext>&#x1D5F9;</mtext></math>=<span>1D5F9</span></span><br/>
-  <span><math><mtext>&#x1D5FA;</mtext></math>=<span>1D5FA</span></span>
-  <span><math><mtext>&#x1D5FB;</mtext></math>=<span>1D5FB</span></span>
-  <span><math><mtext>&#x1D5FC;</mtext></math>=<span>1D5FC</span></span>
-  <span><math><mtext>&#x1D5FD;</mtext></math>=<span>1D5FD</span></span>
-  <span><math><mtext>&#x1D5FE;</mtext></math>=<span>1D5FE</span></span>
-  <span><math><mtext>&#x1D5FF;</mtext></math>=<span>1D5FF</span></span>
-  <span><math><mtext>&#x1D600;</mtext></math>=<span>1D600</span></span>
-  <span><math><mtext>&#x1D601;</mtext></math>=<span>1D601</span></span>
-  <span><math><mtext>&#x1D602;</mtext></math>=<span>1D602</span></span>
-  <span><math><mtext>&#x1D603;</mtext></math>=<span>1D603</span></span><br/>
-  <span><math><mtext>&#x1D604;</mtext></math>=<span>1D604</span></span>
-  <span><math><mtext>&#x1D605;</mtext></math>=<span>1D605</span></span>
-  <span><math><mtext>&#x1D606;</mtext></math>=<span>1D606</span></span>
-  <span><math><mtext>&#x1D607;</mtext></math>=<span>1D607</span></span>
-  <span><math><mtext>&#x1D756;</mtext></math>=<span>1D756</span></span>
-  <span><math><mtext>&#x1D757;</mtext></math>=<span>1D757</span></span>
-  <span><math><mtext>&#x1D758;</mtext></math>=<span>1D758</span></span>
-  <span><math><mtext>&#x1D759;</mtext></math>=<span>1D759</span></span>
-  <span><math><mtext>&#x1D75A;</mtext></math>=<span>1D75A</span></span>
-  <span><math><mtext>&#x1D75B;</mtext></math>=<span>1D75B</span></span><br/>
-  <span><math><mtext>&#x1D75C;</mtext></math>=<span>1D75C</span></span>
-  <span><math><mtext>&#x1D75D;</mtext></math>=<span>1D75D</span></span>
-  <span><math><mtext>&#x1D75E;</mtext></math>=<span>1D75E</span></span>
-  <span><math><mtext>&#x1D75F;</mtext></math>=<span>1D75F</span></span>
-  <span><math><mtext>&#x1D760;</mtext></math>=<span>1D760</span></span>
-  <span><math><mtext>&#x1D761;</mtext></math>=<span>1D761</span></span>
-  <span><math><mtext>&#x1D762;</mtext></math>=<span>1D762</span></span>
-  <span><math><mtext>&#x1D763;</mtext></math>=<span>1D763</span></span>
-  <span><math><mtext>&#x1D764;</mtext></math>=<span>1D764</span></span>
-  <span><math><mtext>&#x1D765;</mtext></math>=<span>1D765</span></span><br/>
-  <span><math><mtext>&#x1D766;</mtext></math>=<span>1D766</span></span>
-  <span><math><mtext>&#x1D768;</mtext></math>=<span>1D768</span></span>
-  <span><math><mtext>&#x1D769;</mtext></math>=<span>1D769</span></span>
-  <span><math><mtext>&#x1D76A;</mtext></math>=<span>1D76A</span></span>
-  <span><math><mtext>&#x1D76B;</mtext></math>=<span>1D76B</span></span>
-  <span><math><mtext>&#x1D76C;</mtext></math>=<span>1D76C</span></span>
-  <span><math><mtext>&#x1D76D;</mtext></math>=<span>1D76D</span></span>
-  <span><math><mtext>&#x1D76E;</mtext></math>=<span>1D76E</span></span>
-  <span><math><mtext>&#x1D770;</mtext></math>=<span>1D770</span></span>
-  <span><math><mtext>&#x1D771;</mtext></math>=<span>1D771</span></span><br/>
-  <span><math><mtext>&#x1D772;</mtext></math>=<span>1D772</span></span>
-  <span><math><mtext>&#x1D773;</mtext></math>=<span>1D773</span></span>
-  <span><math><mtext>&#x1D774;</mtext></math>=<span>1D774</span></span>
-  <span><math><mtext>&#x1D775;</mtext></math>=<span>1D775</span></span>
-  <span><math><mtext>&#x1D776;</mtext></math>=<span>1D776</span></span>
-  <span><math><mtext>&#x1D777;</mtext></math>=<span>1D777</span></span>
-  <span><math><mtext>&#x1D778;</mtext></math>=<span>1D778</span></span>
-  <span><math><mtext>&#x1D779;</mtext></math>=<span>1D779</span></span>
-  <span><math><mtext>&#x1D77A;</mtext></math>=<span>1D77A</span></span>
-  <span><math><mtext>&#x1D77B;</mtext></math>=<span>1D77B</span></span><br/>
-  <span><math><mtext>&#x1D77C;</mtext></math>=<span>1D77C</span></span>
-  <span><math><mtext>&#x1D77D;</mtext></math>=<span>1D77D</span></span>
-  <span><math><mtext>&#x1D77E;</mtext></math>=<span>1D77E</span></span>
-  <span><math><mtext>&#x1D77F;</mtext></math>=<span>1D77F</span></span>
-  <span><math><mtext>&#x1D780;</mtext></math>=<span>1D780</span></span>
-  <span><math><mtext>&#x1D781;</mtext></math>=<span>1D781</span></span>
-  <span><math><mtext>&#x1D782;</mtext></math>=<span>1D782</span></span>
-  <span><math><mtext>&#x1D783;</mtext></math>=<span>1D783</span></span>
-  <span><math><mtext>&#x1D784;</mtext></math>=<span>1D784</span></span>
-  <span><math><mtext>&#x1D785;</mtext></math>=<span>1D785</span></span><br/>
-  <span><math><mtext>&#x1D786;</mtext></math>=<span>1D786</span></span>
-  <span><math><mtext>&#x1D787;</mtext></math>=<span>1D787</span></span>
-  <span><math><mtext>&#x1D788;</mtext></math>=<span>1D788</span></span>
-  <span><math><mtext>&#x1D78B;</mtext></math>=<span>1D78B</span></span>
-  <span><math><mtext>&#x1D78D;</mtext></math>=<span>1D78D</span></span>
-  <span><math><mtext>&#x1D78F;</mtext></math>=<span>1D78F</span></span>
-  <span><math><mtext>&#x1D78C;</mtext></math>=<span>1D78C</span></span>
-  <span><math><mtext>&#x1D78E;</mtext></math>=<span>1D78E</span></span>
-  <span><math><mtext>&#x1D767;</mtext></math>=<span>1D767</span></span>
-  <span><math><mtext>&#x1D78A;</mtext></math>=<span>1D78A</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D789;</mtext></math>=<span>1D789</span></span>
+  <span><math class="testfont"><mtext>&#x1D76F;</mtext></math>=<span>1D76F</span></span>
+  <span><math class="testfont"><mtext>&#x1D7EC;</mtext></math>=<span>1D7EC</span></span>
+  <span><math class="testfont"><mtext>&#x1D7ED;</mtext></math>=<span>1D7ED</span></span>
+  <span><math class="testfont"><mtext>&#x1D7EE;</mtext></math>=<span>1D7EE</span></span>
+  <span><math class="testfont"><mtext>&#x1D7EF;</mtext></math>=<span>1D7EF</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F0;</mtext></math>=<span>1D7F0</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F1;</mtext></math>=<span>1D7F1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F2;</mtext></math>=<span>1D7F2</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F3;</mtext></math>=<span>1D7F3</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7F4;</mtext></math>=<span>1D7F4</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F5;</mtext></math>=<span>1D7F5</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D4;</mtext></math>=<span>1D5D4</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D5;</mtext></math>=<span>1D5D5</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D6;</mtext></math>=<span>1D5D6</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D7;</mtext></math>=<span>1D5D7</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D8;</mtext></math>=<span>1D5D8</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D9;</mtext></math>=<span>1D5D9</span></span>
+  <span><math class="testfont"><mtext>&#x1D5DA;</mtext></math>=<span>1D5DA</span></span>
+  <span><math class="testfont"><mtext>&#x1D5DB;</mtext></math>=<span>1D5DB</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5DC;</mtext></math>=<span>1D5DC</span></span>
+  <span><math class="testfont"><mtext>&#x1D5DD;</mtext></math>=<span>1D5DD</span></span>
+  <span><math class="testfont"><mtext>&#x1D5DE;</mtext></math>=<span>1D5DE</span></span>
+  <span><math class="testfont"><mtext>&#x1D5DF;</mtext></math>=<span>1D5DF</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E0;</mtext></math>=<span>1D5E0</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E1;</mtext></math>=<span>1D5E1</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E2;</mtext></math>=<span>1D5E2</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E3;</mtext></math>=<span>1D5E3</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E4;</mtext></math>=<span>1D5E4</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E5;</mtext></math>=<span>1D5E5</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5E6;</mtext></math>=<span>1D5E6</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E7;</mtext></math>=<span>1D5E7</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E8;</mtext></math>=<span>1D5E8</span></span>
+  <span><math class="testfont"><mtext>&#x1D5E9;</mtext></math>=<span>1D5E9</span></span>
+  <span><math class="testfont"><mtext>&#x1D5EA;</mtext></math>=<span>1D5EA</span></span>
+  <span><math class="testfont"><mtext>&#x1D5EB;</mtext></math>=<span>1D5EB</span></span>
+  <span><math class="testfont"><mtext>&#x1D5EC;</mtext></math>=<span>1D5EC</span></span>
+  <span><math class="testfont"><mtext>&#x1D5ED;</mtext></math>=<span>1D5ED</span></span>
+  <span><math class="testfont"><mtext>&#x1D5EE;</mtext></math>=<span>1D5EE</span></span>
+  <span><math class="testfont"><mtext>&#x1D5EF;</mtext></math>=<span>1D5EF</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5F0;</mtext></math>=<span>1D5F0</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F1;</mtext></math>=<span>1D5F1</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F2;</mtext></math>=<span>1D5F2</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F3;</mtext></math>=<span>1D5F3</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F4;</mtext></math>=<span>1D5F4</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F5;</mtext></math>=<span>1D5F5</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F6;</mtext></math>=<span>1D5F6</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F7;</mtext></math>=<span>1D5F7</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F8;</mtext></math>=<span>1D5F8</span></span>
+  <span><math class="testfont"><mtext>&#x1D5F9;</mtext></math>=<span>1D5F9</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5FA;</mtext></math>=<span>1D5FA</span></span>
+  <span><math class="testfont"><mtext>&#x1D5FB;</mtext></math>=<span>1D5FB</span></span>
+  <span><math class="testfont"><mtext>&#x1D5FC;</mtext></math>=<span>1D5FC</span></span>
+  <span><math class="testfont"><mtext>&#x1D5FD;</mtext></math>=<span>1D5FD</span></span>
+  <span><math class="testfont"><mtext>&#x1D5FE;</mtext></math>=<span>1D5FE</span></span>
+  <span><math class="testfont"><mtext>&#x1D5FF;</mtext></math>=<span>1D5FF</span></span>
+  <span><math class="testfont"><mtext>&#x1D600;</mtext></math>=<span>1D600</span></span>
+  <span><math class="testfont"><mtext>&#x1D601;</mtext></math>=<span>1D601</span></span>
+  <span><math class="testfont"><mtext>&#x1D602;</mtext></math>=<span>1D602</span></span>
+  <span><math class="testfont"><mtext>&#x1D603;</mtext></math>=<span>1D603</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D604;</mtext></math>=<span>1D604</span></span>
+  <span><math class="testfont"><mtext>&#x1D605;</mtext></math>=<span>1D605</span></span>
+  <span><math class="testfont"><mtext>&#x1D606;</mtext></math>=<span>1D606</span></span>
+  <span><math class="testfont"><mtext>&#x1D607;</mtext></math>=<span>1D607</span></span>
+  <span><math class="testfont"><mtext>&#x1D756;</mtext></math>=<span>1D756</span></span>
+  <span><math class="testfont"><mtext>&#x1D757;</mtext></math>=<span>1D757</span></span>
+  <span><math class="testfont"><mtext>&#x1D758;</mtext></math>=<span>1D758</span></span>
+  <span><math class="testfont"><mtext>&#x1D759;</mtext></math>=<span>1D759</span></span>
+  <span><math class="testfont"><mtext>&#x1D75A;</mtext></math>=<span>1D75A</span></span>
+  <span><math class="testfont"><mtext>&#x1D75B;</mtext></math>=<span>1D75B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D75C;</mtext></math>=<span>1D75C</span></span>
+  <span><math class="testfont"><mtext>&#x1D75D;</mtext></math>=<span>1D75D</span></span>
+  <span><math class="testfont"><mtext>&#x1D75E;</mtext></math>=<span>1D75E</span></span>
+  <span><math class="testfont"><mtext>&#x1D75F;</mtext></math>=<span>1D75F</span></span>
+  <span><math class="testfont"><mtext>&#x1D760;</mtext></math>=<span>1D760</span></span>
+  <span><math class="testfont"><mtext>&#x1D761;</mtext></math>=<span>1D761</span></span>
+  <span><math class="testfont"><mtext>&#x1D762;</mtext></math>=<span>1D762</span></span>
+  <span><math class="testfont"><mtext>&#x1D763;</mtext></math>=<span>1D763</span></span>
+  <span><math class="testfont"><mtext>&#x1D764;</mtext></math>=<span>1D764</span></span>
+  <span><math class="testfont"><mtext>&#x1D765;</mtext></math>=<span>1D765</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D766;</mtext></math>=<span>1D766</span></span>
+  <span><math class="testfont"><mtext>&#x1D768;</mtext></math>=<span>1D768</span></span>
+  <span><math class="testfont"><mtext>&#x1D769;</mtext></math>=<span>1D769</span></span>
+  <span><math class="testfont"><mtext>&#x1D76A;</mtext></math>=<span>1D76A</span></span>
+  <span><math class="testfont"><mtext>&#x1D76B;</mtext></math>=<span>1D76B</span></span>
+  <span><math class="testfont"><mtext>&#x1D76C;</mtext></math>=<span>1D76C</span></span>
+  <span><math class="testfont"><mtext>&#x1D76D;</mtext></math>=<span>1D76D</span></span>
+  <span><math class="testfont"><mtext>&#x1D76E;</mtext></math>=<span>1D76E</span></span>
+  <span><math class="testfont"><mtext>&#x1D770;</mtext></math>=<span>1D770</span></span>
+  <span><math class="testfont"><mtext>&#x1D771;</mtext></math>=<span>1D771</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D772;</mtext></math>=<span>1D772</span></span>
+  <span><math class="testfont"><mtext>&#x1D773;</mtext></math>=<span>1D773</span></span>
+  <span><math class="testfont"><mtext>&#x1D774;</mtext></math>=<span>1D774</span></span>
+  <span><math class="testfont"><mtext>&#x1D775;</mtext></math>=<span>1D775</span></span>
+  <span><math class="testfont"><mtext>&#x1D776;</mtext></math>=<span>1D776</span></span>
+  <span><math class="testfont"><mtext>&#x1D777;</mtext></math>=<span>1D777</span></span>
+  <span><math class="testfont"><mtext>&#x1D778;</mtext></math>=<span>1D778</span></span>
+  <span><math class="testfont"><mtext>&#x1D779;</mtext></math>=<span>1D779</span></span>
+  <span><math class="testfont"><mtext>&#x1D77A;</mtext></math>=<span>1D77A</span></span>
+  <span><math class="testfont"><mtext>&#x1D77B;</mtext></math>=<span>1D77B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D77C;</mtext></math>=<span>1D77C</span></span>
+  <span><math class="testfont"><mtext>&#x1D77D;</mtext></math>=<span>1D77D</span></span>
+  <span><math class="testfont"><mtext>&#x1D77E;</mtext></math>=<span>1D77E</span></span>
+  <span><math class="testfont"><mtext>&#x1D77F;</mtext></math>=<span>1D77F</span></span>
+  <span><math class="testfont"><mtext>&#x1D780;</mtext></math>=<span>1D780</span></span>
+  <span><math class="testfont"><mtext>&#x1D781;</mtext></math>=<span>1D781</span></span>
+  <span><math class="testfont"><mtext>&#x1D782;</mtext></math>=<span>1D782</span></span>
+  <span><math class="testfont"><mtext>&#x1D783;</mtext></math>=<span>1D783</span></span>
+  <span><math class="testfont"><mtext>&#x1D784;</mtext></math>=<span>1D784</span></span>
+  <span><math class="testfont"><mtext>&#x1D785;</mtext></math>=<span>1D785</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D786;</mtext></math>=<span>1D786</span></span>
+  <span><math class="testfont"><mtext>&#x1D787;</mtext></math>=<span>1D787</span></span>
+  <span><math class="testfont"><mtext>&#x1D788;</mtext></math>=<span>1D788</span></span>
+  <span><math class="testfont"><mtext>&#x1D78B;</mtext></math>=<span>1D78B</span></span>
+  <span><math class="testfont"><mtext>&#x1D78D;</mtext></math>=<span>1D78D</span></span>
+  <span><math class="testfont"><mtext>&#x1D78F;</mtext></math>=<span>1D78F</span></span>
+  <span><math class="testfont"><mtext>&#x1D78C;</mtext></math>=<span>1D78C</span></span>
+  <span><math class="testfont"><mtext>&#x1D78E;</mtext></math>=<span>1D78E</span></span>
+  <span><math class="testfont"><mtext>&#x1D767;</mtext></math>=<span>1D767</span></span>
+  <span><math class="testfont"><mtext>&#x1D78A;</mtext></math>=<span>1D78A</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif.html
index 544db02f2eed..112c29216b25 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-sans-serif.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant bold-sans-serif</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-bold-sans-serif-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a bold-sans-serif mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,125 +28,125 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x2202;</mtext></math>=<span>1D789</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x2207;</mtext></math>=<span>1D76F</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x30;</mtext></math>=<span>1D7EC</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x31;</mtext></math>=<span>1D7ED</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x32;</mtext></math>=<span>1D7EE</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x33;</mtext></math>=<span>1D7EF</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x34;</mtext></math>=<span>1D7F0</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x35;</mtext></math>=<span>1D7F1</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x36;</mtext></math>=<span>1D7F2</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x37;</mtext></math>=<span>1D7F3</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x38;</mtext></math>=<span>1D7F4</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39;</mtext></math>=<span>1D7F5</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x41;</mtext></math>=<span>1D5D4</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x42;</mtext></math>=<span>1D5D5</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x43;</mtext></math>=<span>1D5D6</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x44;</mtext></math>=<span>1D5D7</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x45;</mtext></math>=<span>1D5D8</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x46;</mtext></math>=<span>1D5D9</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x47;</mtext></math>=<span>1D5DA</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x48;</mtext></math>=<span>1D5DB</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x49;</mtext></math>=<span>1D5DC</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x4A;</mtext></math>=<span>1D5DD</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x4B;</mtext></math>=<span>1D5DE</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x4C;</mtext></math>=<span>1D5DF</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x4D;</mtext></math>=<span>1D5E0</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x4E;</mtext></math>=<span>1D5E1</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x4F;</mtext></math>=<span>1D5E2</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x50;</mtext></math>=<span>1D5E3</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x51;</mtext></math>=<span>1D5E4</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x52;</mtext></math>=<span>1D5E5</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x53;</mtext></math>=<span>1D5E6</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x54;</mtext></math>=<span>1D5E7</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x55;</mtext></math>=<span>1D5E8</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x56;</mtext></math>=<span>1D5E9</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x57;</mtext></math>=<span>1D5EA</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x58;</mtext></math>=<span>1D5EB</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x59;</mtext></math>=<span>1D5EC</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x5A;</mtext></math>=<span>1D5ED</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x61;</mtext></math>=<span>1D5EE</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x62;</mtext></math>=<span>1D5EF</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x63;</mtext></math>=<span>1D5F0</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x64;</mtext></math>=<span>1D5F1</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x65;</mtext></math>=<span>1D5F2</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x66;</mtext></math>=<span>1D5F3</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x67;</mtext></math>=<span>1D5F4</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x68;</mtext></math>=<span>1D5F5</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x69;</mtext></math>=<span>1D5F6</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x6A;</mtext></math>=<span>1D5F7</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x6B;</mtext></math>=<span>1D5F8</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x6C;</mtext></math>=<span>1D5F9</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x6D;</mtext></math>=<span>1D5FA</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x6E;</mtext></math>=<span>1D5FB</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x6F;</mtext></math>=<span>1D5FC</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x70;</mtext></math>=<span>1D5FD</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x71;</mtext></math>=<span>1D5FE</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x72;</mtext></math>=<span>1D5FF</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x73;</mtext></math>=<span>1D600</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x74;</mtext></math>=<span>1D601</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x75;</mtext></math>=<span>1D602</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x76;</mtext></math>=<span>1D603</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x77;</mtext></math>=<span>1D604</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x78;</mtext></math>=<span>1D605</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x79;</mtext></math>=<span>1D606</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x7A;</mtext></math>=<span>1D607</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x391;</mtext></math>=<span>1D756</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x392;</mtext></math>=<span>1D757</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x393;</mtext></math>=<span>1D758</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x394;</mtext></math>=<span>1D759</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x395;</mtext></math>=<span>1D75A</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x396;</mtext></math>=<span>1D75B</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x397;</mtext></math>=<span>1D75C</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x398;</mtext></math>=<span>1D75D</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x399;</mtext></math>=<span>1D75E</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39A;</mtext></math>=<span>1D75F</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39B;</mtext></math>=<span>1D760</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39C;</mtext></math>=<span>1D761</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39D;</mtext></math>=<span>1D762</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39E;</mtext></math>=<span>1D763</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x39F;</mtext></math>=<span>1D764</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A0;</mtext></math>=<span>1D765</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A1;</mtext></math>=<span>1D766</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A3;</mtext></math>=<span>1D768</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A4;</mtext></math>=<span>1D769</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A5;</mtext></math>=<span>1D76A</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A6;</mtext></math>=<span>1D76B</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A7;</mtext></math>=<span>1D76C</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A8;</mtext></math>=<span>1D76D</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3A9;</mtext></math>=<span>1D76E</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B1;</mtext></math>=<span>1D770</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B2;</mtext></math>=<span>1D771</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B3;</mtext></math>=<span>1D772</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B4;</mtext></math>=<span>1D773</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B5;</mtext></math>=<span>1D774</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B6;</mtext></math>=<span>1D775</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B7;</mtext></math>=<span>1D776</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B8;</mtext></math>=<span>1D777</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3B9;</mtext></math>=<span>1D778</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3BA;</mtext></math>=<span>1D779</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3BB;</mtext></math>=<span>1D77A</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3BC;</mtext></math>=<span>1D77B</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3BD;</mtext></math>=<span>1D77C</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3BE;</mtext></math>=<span>1D77D</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3BF;</mtext></math>=<span>1D77E</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C0;</mtext></math>=<span>1D77F</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C1;</mtext></math>=<span>1D780</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C2;</mtext></math>=<span>1D781</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C3;</mtext></math>=<span>1D782</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C4;</mtext></math>=<span>1D783</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C5;</mtext></math>=<span>1D784</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C6;</mtext></math>=<span>1D785</span></span><br/>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C7;</mtext></math>=<span>1D786</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C8;</mtext></math>=<span>1D787</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3C9;</mtext></math>=<span>1D788</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3D1;</mtext></math>=<span>1D78B</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3D5;</mtext></math>=<span>1D78D</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3D6;</mtext></math>=<span>1D78F</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3F0;</mtext></math>=<span>1D78C</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3F1;</mtext></math>=<span>1D78E</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3F4;</mtext></math>=<span>1D767</span></span>
-  <span><math><mtext mathvariant="bold-sans-serif">&#x3F5;</mtext></math>=<span>1D78A</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x2202;</mtext></math>=<span>1D789</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x2207;</mtext></math>=<span>1D76F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x30;</mtext></math>=<span>1D7EC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x31;</mtext></math>=<span>1D7ED</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x32;</mtext></math>=<span>1D7EE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x33;</mtext></math>=<span>1D7EF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x34;</mtext></math>=<span>1D7F0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x35;</mtext></math>=<span>1D7F1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x36;</mtext></math>=<span>1D7F2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x37;</mtext></math>=<span>1D7F3</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x38;</mtext></math>=<span>1D7F4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39;</mtext></math>=<span>1D7F5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x41;</mtext></math>=<span>1D5D4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x42;</mtext></math>=<span>1D5D5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x43;</mtext></math>=<span>1D5D6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x44;</mtext></math>=<span>1D5D7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x45;</mtext></math>=<span>1D5D8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x46;</mtext></math>=<span>1D5D9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x47;</mtext></math>=<span>1D5DA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x48;</mtext></math>=<span>1D5DB</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x49;</mtext></math>=<span>1D5DC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x4A;</mtext></math>=<span>1D5DD</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x4B;</mtext></math>=<span>1D5DE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x4C;</mtext></math>=<span>1D5DF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x4D;</mtext></math>=<span>1D5E0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x4E;</mtext></math>=<span>1D5E1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x4F;</mtext></math>=<span>1D5E2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x50;</mtext></math>=<span>1D5E3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x51;</mtext></math>=<span>1D5E4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x52;</mtext></math>=<span>1D5E5</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x53;</mtext></math>=<span>1D5E6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x54;</mtext></math>=<span>1D5E7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x55;</mtext></math>=<span>1D5E8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x56;</mtext></math>=<span>1D5E9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x57;</mtext></math>=<span>1D5EA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x58;</mtext></math>=<span>1D5EB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x59;</mtext></math>=<span>1D5EC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x5A;</mtext></math>=<span>1D5ED</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x61;</mtext></math>=<span>1D5EE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x62;</mtext></math>=<span>1D5EF</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x63;</mtext></math>=<span>1D5F0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x64;</mtext></math>=<span>1D5F1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x65;</mtext></math>=<span>1D5F2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x66;</mtext></math>=<span>1D5F3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x67;</mtext></math>=<span>1D5F4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x68;</mtext></math>=<span>1D5F5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x69;</mtext></math>=<span>1D5F6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x6A;</mtext></math>=<span>1D5F7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x6B;</mtext></math>=<span>1D5F8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x6C;</mtext></math>=<span>1D5F9</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x6D;</mtext></math>=<span>1D5FA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x6E;</mtext></math>=<span>1D5FB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x6F;</mtext></math>=<span>1D5FC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x70;</mtext></math>=<span>1D5FD</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x71;</mtext></math>=<span>1D5FE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x72;</mtext></math>=<span>1D5FF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x73;</mtext></math>=<span>1D600</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x74;</mtext></math>=<span>1D601</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x75;</mtext></math>=<span>1D602</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x76;</mtext></math>=<span>1D603</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x77;</mtext></math>=<span>1D604</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x78;</mtext></math>=<span>1D605</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x79;</mtext></math>=<span>1D606</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x7A;</mtext></math>=<span>1D607</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x391;</mtext></math>=<span>1D756</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x392;</mtext></math>=<span>1D757</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x393;</mtext></math>=<span>1D758</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x394;</mtext></math>=<span>1D759</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x395;</mtext></math>=<span>1D75A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x396;</mtext></math>=<span>1D75B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x397;</mtext></math>=<span>1D75C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x398;</mtext></math>=<span>1D75D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x399;</mtext></math>=<span>1D75E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39A;</mtext></math>=<span>1D75F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39B;</mtext></math>=<span>1D760</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39C;</mtext></math>=<span>1D761</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39D;</mtext></math>=<span>1D762</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39E;</mtext></math>=<span>1D763</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x39F;</mtext></math>=<span>1D764</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A0;</mtext></math>=<span>1D765</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A1;</mtext></math>=<span>1D766</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A3;</mtext></math>=<span>1D768</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A4;</mtext></math>=<span>1D769</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A5;</mtext></math>=<span>1D76A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A6;</mtext></math>=<span>1D76B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A7;</mtext></math>=<span>1D76C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A8;</mtext></math>=<span>1D76D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3A9;</mtext></math>=<span>1D76E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B1;</mtext></math>=<span>1D770</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B2;</mtext></math>=<span>1D771</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B3;</mtext></math>=<span>1D772</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B4;</mtext></math>=<span>1D773</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B5;</mtext></math>=<span>1D774</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B6;</mtext></math>=<span>1D775</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B7;</mtext></math>=<span>1D776</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B8;</mtext></math>=<span>1D777</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3B9;</mtext></math>=<span>1D778</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3BA;</mtext></math>=<span>1D779</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3BB;</mtext></math>=<span>1D77A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3BC;</mtext></math>=<span>1D77B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3BD;</mtext></math>=<span>1D77C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3BE;</mtext></math>=<span>1D77D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3BF;</mtext></math>=<span>1D77E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C0;</mtext></math>=<span>1D77F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C1;</mtext></math>=<span>1D780</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C2;</mtext></math>=<span>1D781</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C3;</mtext></math>=<span>1D782</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C4;</mtext></math>=<span>1D783</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C5;</mtext></math>=<span>1D784</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C6;</mtext></math>=<span>1D785</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C7;</mtext></math>=<span>1D786</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C8;</mtext></math>=<span>1D787</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3C9;</mtext></math>=<span>1D788</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3D1;</mtext></math>=<span>1D78B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3D5;</mtext></math>=<span>1D78D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3D6;</mtext></math>=<span>1D78F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3F0;</mtext></math>=<span>1D78C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3F1;</mtext></math>=<span>1D78E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3F4;</mtext></math>=<span>1D767</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-sans-serif">&#x3F5;</mtext></math>=<span>1D78A</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script-ref.html
index 4203861f707f..ef11f7fb8fab 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,57 +23,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D4D0;</mtext></math>=<span>1D4D0</span></span>
-  <span><math><mtext>&#x1D4D1;</mtext></math>=<span>1D4D1</span></span>
-  <span><math><mtext>&#x1D4D2;</mtext></math>=<span>1D4D2</span></span>
-  <span><math><mtext>&#x1D4D3;</mtext></math>=<span>1D4D3</span></span>
-  <span><math><mtext>&#x1D4D4;</mtext></math>=<span>1D4D4</span></span>
-  <span><math><mtext>&#x1D4D5;</mtext></math>=<span>1D4D5</span></span>
-  <span><math><mtext>&#x1D4D6;</mtext></math>=<span>1D4D6</span></span>
-  <span><math><mtext>&#x1D4D7;</mtext></math>=<span>1D4D7</span></span>
-  <span><math><mtext>&#x1D4D8;</mtext></math>=<span>1D4D8</span></span>
-  <span><math><mtext>&#x1D4D9;</mtext></math>=<span>1D4D9</span></span><br/>
-  <span><math><mtext>&#x1D4DA;</mtext></math>=<span>1D4DA</span></span>
-  <span><math><mtext>&#x1D4DB;</mtext></math>=<span>1D4DB</span></span>
-  <span><math><mtext>&#x1D4DC;</mtext></math>=<span>1D4DC</span></span>
-  <span><math><mtext>&#x1D4DD;</mtext></math>=<span>1D4DD</span></span>
-  <span><math><mtext>&#x1D4DE;</mtext></math>=<span>1D4DE</span></span>
-  <span><math><mtext>&#x1D4DF;</mtext></math>=<span>1D4DF</span></span>
-  <span><math><mtext>&#x1D4E0;</mtext></math>=<span>1D4E0</span></span>
-  <span><math><mtext>&#x1D4E1;</mtext></math>=<span>1D4E1</span></span>
-  <span><math><mtext>&#x1D4E2;</mtext></math>=<span>1D4E2</span></span>
-  <span><math><mtext>&#x1D4E3;</mtext></math>=<span>1D4E3</span></span><br/>
-  <span><math><mtext>&#x1D4E4;</mtext></math>=<span>1D4E4</span></span>
-  <span><math><mtext>&#x1D4E5;</mtext></math>=<span>1D4E5</span></span>
-  <span><math><mtext>&#x1D4E6;</mtext></math>=<span>1D4E6</span></span>
-  <span><math><mtext>&#x1D4E7;</mtext></math>=<span>1D4E7</span></span>
-  <span><math><mtext>&#x1D4E8;</mtext></math>=<span>1D4E8</span></span>
-  <span><math><mtext>&#x1D4E9;</mtext></math>=<span>1D4E9</span></span>
-  <span><math><mtext>&#x1D4EA;</mtext></math>=<span>1D4EA</span></span>
-  <span><math><mtext>&#x1D4EB;</mtext></math>=<span>1D4EB</span></span>
-  <span><math><mtext>&#x1D4EC;</mtext></math>=<span>1D4EC</span></span>
-  <span><math><mtext>&#x1D4ED;</mtext></math>=<span>1D4ED</span></span><br/>
-  <span><math><mtext>&#x1D4EE;</mtext></math>=<span>1D4EE</span></span>
-  <span><math><mtext>&#x1D4EF;</mtext></math>=<span>1D4EF</span></span>
-  <span><math><mtext>&#x1D4F0;</mtext></math>=<span>1D4F0</span></span>
-  <span><math><mtext>&#x1D4F1;</mtext></math>=<span>1D4F1</span></span>
-  <span><math><mtext>&#x1D4F2;</mtext></math>=<span>1D4F2</span></span>
-  <span><math><mtext>&#x1D4F3;</mtext></math>=<span>1D4F3</span></span>
-  <span><math><mtext>&#x1D4F4;</mtext></math>=<span>1D4F4</span></span>
-  <span><math><mtext>&#x1D4F5;</mtext></math>=<span>1D4F5</span></span>
-  <span><math><mtext>&#x1D4F6;</mtext></math>=<span>1D4F6</span></span>
-  <span><math><mtext>&#x1D4F7;</mtext></math>=<span>1D4F7</span></span><br/>
-  <span><math><mtext>&#x1D4F8;</mtext></math>=<span>1D4F8</span></span>
-  <span><math><mtext>&#x1D4F9;</mtext></math>=<span>1D4F9</span></span>
-  <span><math><mtext>&#x1D4FA;</mtext></math>=<span>1D4FA</span></span>
-  <span><math><mtext>&#x1D4FB;</mtext></math>=<span>1D4FB</span></span>
-  <span><math><mtext>&#x1D4FC;</mtext></math>=<span>1D4FC</span></span>
-  <span><math><mtext>&#x1D4FD;</mtext></math>=<span>1D4FD</span></span>
-  <span><math><mtext>&#x1D4FE;</mtext></math>=<span>1D4FE</span></span>
-  <span><math><mtext>&#x1D4FF;</mtext></math>=<span>1D4FF</span></span>
-  <span><math><mtext>&#x1D500;</mtext></math>=<span>1D500</span></span>
-  <span><math><mtext>&#x1D501;</mtext></math>=<span>1D501</span></span><br/>
-  <span><math><mtext>&#x1D502;</mtext></math>=<span>1D502</span></span>
-  <span><math><mtext>&#x1D503;</mtext></math>=<span>1D503</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D0;</mtext></math>=<span>1D4D0</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D1;</mtext></math>=<span>1D4D1</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D2;</mtext></math>=<span>1D4D2</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D3;</mtext></math>=<span>1D4D3</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D4;</mtext></math>=<span>1D4D4</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D5;</mtext></math>=<span>1D4D5</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D6;</mtext></math>=<span>1D4D6</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D7;</mtext></math>=<span>1D4D7</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D8;</mtext></math>=<span>1D4D8</span></span>
+  <span><math class="testfont"><mtext>&#x1D4D9;</mtext></math>=<span>1D4D9</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4DA;</mtext></math>=<span>1D4DA</span></span>
+  <span><math class="testfont"><mtext>&#x1D4DB;</mtext></math>=<span>1D4DB</span></span>
+  <span><math class="testfont"><mtext>&#x1D4DC;</mtext></math>=<span>1D4DC</span></span>
+  <span><math class="testfont"><mtext>&#x1D4DD;</mtext></math>=<span>1D4DD</span></span>
+  <span><math class="testfont"><mtext>&#x1D4DE;</mtext></math>=<span>1D4DE</span></span>
+  <span><math class="testfont"><mtext>&#x1D4DF;</mtext></math>=<span>1D4DF</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E0;</mtext></math>=<span>1D4E0</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E1;</mtext></math>=<span>1D4E1</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E2;</mtext></math>=<span>1D4E2</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E3;</mtext></math>=<span>1D4E3</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4E4;</mtext></math>=<span>1D4E4</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E5;</mtext></math>=<span>1D4E5</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E6;</mtext></math>=<span>1D4E6</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E7;</mtext></math>=<span>1D4E7</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E8;</mtext></math>=<span>1D4E8</span></span>
+  <span><math class="testfont"><mtext>&#x1D4E9;</mtext></math>=<span>1D4E9</span></span>
+  <span><math class="testfont"><mtext>&#x1D4EA;</mtext></math>=<span>1D4EA</span></span>
+  <span><math class="testfont"><mtext>&#x1D4EB;</mtext></math>=<span>1D4EB</span></span>
+  <span><math class="testfont"><mtext>&#x1D4EC;</mtext></math>=<span>1D4EC</span></span>
+  <span><math class="testfont"><mtext>&#x1D4ED;</mtext></math>=<span>1D4ED</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4EE;</mtext></math>=<span>1D4EE</span></span>
+  <span><math class="testfont"><mtext>&#x1D4EF;</mtext></math>=<span>1D4EF</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F0;</mtext></math>=<span>1D4F0</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F1;</mtext></math>=<span>1D4F1</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F2;</mtext></math>=<span>1D4F2</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F3;</mtext></math>=<span>1D4F3</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F4;</mtext></math>=<span>1D4F4</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F5;</mtext></math>=<span>1D4F5</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F6;</mtext></math>=<span>1D4F6</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F7;</mtext></math>=<span>1D4F7</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4F8;</mtext></math>=<span>1D4F8</span></span>
+  <span><math class="testfont"><mtext>&#x1D4F9;</mtext></math>=<span>1D4F9</span></span>
+  <span><math class="testfont"><mtext>&#x1D4FA;</mtext></math>=<span>1D4FA</span></span>
+  <span><math class="testfont"><mtext>&#x1D4FB;</mtext></math>=<span>1D4FB</span></span>
+  <span><math class="testfont"><mtext>&#x1D4FC;</mtext></math>=<span>1D4FC</span></span>
+  <span><math class="testfont"><mtext>&#x1D4FD;</mtext></math>=<span>1D4FD</span></span>
+  <span><math class="testfont"><mtext>&#x1D4FE;</mtext></math>=<span>1D4FE</span></span>
+  <span><math class="testfont"><mtext>&#x1D4FF;</mtext></math>=<span>1D4FF</span></span>
+  <span><math class="testfont"><mtext>&#x1D500;</mtext></math>=<span>1D500</span></span>
+  <span><math class="testfont"><mtext>&#x1D501;</mtext></math>=<span>1D501</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D502;</mtext></math>=<span>1D502</span></span>
+  <span><math class="testfont"><mtext>&#x1D503;</mtext></math>=<span>1D503</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script.html
index dc48fbeaaf54..47cf0160cef6 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold-script.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant bold-script</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-bold-script-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a bold-script mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,57 +28,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="bold-script">&#x41;</mtext></math>=<span>1D4D0</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x42;</mtext></math>=<span>1D4D1</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x43;</mtext></math>=<span>1D4D2</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x44;</mtext></math>=<span>1D4D3</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x45;</mtext></math>=<span>1D4D4</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x46;</mtext></math>=<span>1D4D5</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x47;</mtext></math>=<span>1D4D6</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x48;</mtext></math>=<span>1D4D7</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x49;</mtext></math>=<span>1D4D8</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x4A;</mtext></math>=<span>1D4D9</span></span><br/>
-  <span><math><mtext mathvariant="bold-script">&#x4B;</mtext></math>=<span>1D4DA</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x4C;</mtext></math>=<span>1D4DB</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x4D;</mtext></math>=<span>1D4DC</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x4E;</mtext></math>=<span>1D4DD</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x4F;</mtext></math>=<span>1D4DE</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x50;</mtext></math>=<span>1D4DF</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x51;</mtext></math>=<span>1D4E0</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x52;</mtext></math>=<span>1D4E1</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x53;</mtext></math>=<span>1D4E2</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x54;</mtext></math>=<span>1D4E3</span></span><br/>
-  <span><math><mtext mathvariant="bold-script">&#x55;</mtext></math>=<span>1D4E4</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x56;</mtext></math>=<span>1D4E5</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x57;</mtext></math>=<span>1D4E6</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x58;</mtext></math>=<span>1D4E7</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x59;</mtext></math>=<span>1D4E8</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x5A;</mtext></math>=<span>1D4E9</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x61;</mtext></math>=<span>1D4EA</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x62;</mtext></math>=<span>1D4EB</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x63;</mtext></math>=<span>1D4EC</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x64;</mtext></math>=<span>1D4ED</span></span><br/>
-  <span><math><mtext mathvariant="bold-script">&#x65;</mtext></math>=<span>1D4EE</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x66;</mtext></math>=<span>1D4EF</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x67;</mtext></math>=<span>1D4F0</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x68;</mtext></math>=<span>1D4F1</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x69;</mtext></math>=<span>1D4F2</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x6A;</mtext></math>=<span>1D4F3</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x6B;</mtext></math>=<span>1D4F4</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x6C;</mtext></math>=<span>1D4F5</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x6D;</mtext></math>=<span>1D4F6</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x6E;</mtext></math>=<span>1D4F7</span></span><br/>
-  <span><math><mtext mathvariant="bold-script">&#x6F;</mtext></math>=<span>1D4F8</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x70;</mtext></math>=<span>1D4F9</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x71;</mtext></math>=<span>1D4FA</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x72;</mtext></math>=<span>1D4FB</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x73;</mtext></math>=<span>1D4FC</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x74;</mtext></math>=<span>1D4FD</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x75;</mtext></math>=<span>1D4FE</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x76;</mtext></math>=<span>1D4FF</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x77;</mtext></math>=<span>1D500</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x78;</mtext></math>=<span>1D501</span></span><br/>
-  <span><math><mtext mathvariant="bold-script">&#x79;</mtext></math>=<span>1D502</span></span>
-  <span><math><mtext mathvariant="bold-script">&#x7A;</mtext></math>=<span>1D503</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x41;</mtext></math>=<span>1D4D0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x42;</mtext></math>=<span>1D4D1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x43;</mtext></math>=<span>1D4D2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x44;</mtext></math>=<span>1D4D3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x45;</mtext></math>=<span>1D4D4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x46;</mtext></math>=<span>1D4D5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x47;</mtext></math>=<span>1D4D6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x48;</mtext></math>=<span>1D4D7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x49;</mtext></math>=<span>1D4D8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x4A;</mtext></math>=<span>1D4D9</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x4B;</mtext></math>=<span>1D4DA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x4C;</mtext></math>=<span>1D4DB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x4D;</mtext></math>=<span>1D4DC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x4E;</mtext></math>=<span>1D4DD</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x4F;</mtext></math>=<span>1D4DE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x50;</mtext></math>=<span>1D4DF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x51;</mtext></math>=<span>1D4E0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x52;</mtext></math>=<span>1D4E1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x53;</mtext></math>=<span>1D4E2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x54;</mtext></math>=<span>1D4E3</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x55;</mtext></math>=<span>1D4E4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x56;</mtext></math>=<span>1D4E5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x57;</mtext></math>=<span>1D4E6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x58;</mtext></math>=<span>1D4E7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x59;</mtext></math>=<span>1D4E8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x5A;</mtext></math>=<span>1D4E9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x61;</mtext></math>=<span>1D4EA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x62;</mtext></math>=<span>1D4EB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x63;</mtext></math>=<span>1D4EC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x64;</mtext></math>=<span>1D4ED</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x65;</mtext></math>=<span>1D4EE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x66;</mtext></math>=<span>1D4EF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x67;</mtext></math>=<span>1D4F0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x68;</mtext></math>=<span>1D4F1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x69;</mtext></math>=<span>1D4F2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x6A;</mtext></math>=<span>1D4F3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x6B;</mtext></math>=<span>1D4F4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x6C;</mtext></math>=<span>1D4F5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x6D;</mtext></math>=<span>1D4F6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x6E;</mtext></math>=<span>1D4F7</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x6F;</mtext></math>=<span>1D4F8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x70;</mtext></math>=<span>1D4F9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x71;</mtext></math>=<span>1D4FA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x72;</mtext></math>=<span>1D4FB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x73;</mtext></math>=<span>1D4FC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x74;</mtext></math>=<span>1D4FD</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x75;</mtext></math>=<span>1D4FE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x76;</mtext></math>=<span>1D4FF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x77;</mtext></math>=<span>1D500</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x78;</mtext></math>=<span>1D501</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x79;</mtext></math>=<span>1D502</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold-script">&#x7A;</mtext></math>=<span>1D503</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold.html
index a51be7b23fd2..a14fadfdf7e4 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-bold.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant bold</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-bold-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a bold mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,127 +28,127 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="bold">&#x2202;</mtext></math>=<span>1D6DB</span></span>
-  <span><math><mtext mathvariant="bold">&#x2207;</mtext></math>=<span>1D6C1</span></span>
-  <span><math><mtext mathvariant="bold">&#x30;</mtext></math>=<span>1D7CE</span></span>
-  <span><math><mtext mathvariant="bold">&#x31;</mtext></math>=<span>1D7CF</span></span>
-  <span><math><mtext mathvariant="bold">&#x32;</mtext></math>=<span>1D7D0</span></span>
-  <span><math><mtext mathvariant="bold">&#x33;</mtext></math>=<span>1D7D1</span></span>
-  <span><math><mtext mathvariant="bold">&#x34;</mtext></math>=<span>1D7D2</span></span>
-  <span><math><mtext mathvariant="bold">&#x35;</mtext></math>=<span>1D7D3</span></span>
-  <span><math><mtext mathvariant="bold">&#x36;</mtext></math>=<span>1D7D4</span></span>
-  <span><math><mtext mathvariant="bold">&#x37;</mtext></math>=<span>1D7D5</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x38;</mtext></math>=<span>1D7D6</span></span>
-  <span><math><mtext mathvariant="bold">&#x39;</mtext></math>=<span>1D7D7</span></span>
-  <span><math><mtext mathvariant="bold">&#x41;</mtext></math>=<span>1D400</span></span>
-  <span><math><mtext mathvariant="bold">&#x42;</mtext></math>=<span>1D401</span></span>
-  <span><math><mtext mathvariant="bold">&#x43;</mtext></math>=<span>1D402</span></span>
-  <span><math><mtext mathvariant="bold">&#x44;</mtext></math>=<span>1D403</span></span>
-  <span><math><mtext mathvariant="bold">&#x45;</mtext></math>=<span>1D404</span></span>
-  <span><math><mtext mathvariant="bold">&#x46;</mtext></math>=<span>1D405</span></span>
-  <span><math><mtext mathvariant="bold">&#x47;</mtext></math>=<span>1D406</span></span>
-  <span><math><mtext mathvariant="bold">&#x48;</mtext></math>=<span>1D407</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x49;</mtext></math>=<span>1D408</span></span>
-  <span><math><mtext mathvariant="bold">&#x4A;</mtext></math>=<span>1D409</span></span>
-  <span><math><mtext mathvariant="bold">&#x4B;</mtext></math>=<span>1D40A</span></span>
-  <span><math><mtext mathvariant="bold">&#x4C;</mtext></math>=<span>1D40B</span></span>
-  <span><math><mtext mathvariant="bold">&#x4D;</mtext></math>=<span>1D40C</span></span>
-  <span><math><mtext mathvariant="bold">&#x4E;</mtext></math>=<span>1D40D</span></span>
-  <span><math><mtext mathvariant="bold">&#x4F;</mtext></math>=<span>1D40E</span></span>
-  <span><math><mtext mathvariant="bold">&#x50;</mtext></math>=<span>1D40F</span></span>
-  <span><math><mtext mathvariant="bold">&#x51;</mtext></math>=<span>1D410</span></span>
-  <span><math><mtext mathvariant="bold">&#x52;</mtext></math>=<span>1D411</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x53;</mtext></math>=<span>1D412</span></span>
-  <span><math><mtext mathvariant="bold">&#x54;</mtext></math>=<span>1D413</span></span>
-  <span><math><mtext mathvariant="bold">&#x55;</mtext></math>=<span>1D414</span></span>
-  <span><math><mtext mathvariant="bold">&#x56;</mtext></math>=<span>1D415</span></span>
-  <span><math><mtext mathvariant="bold">&#x57;</mtext></math>=<span>1D416</span></span>
-  <span><math><mtext mathvariant="bold">&#x58;</mtext></math>=<span>1D417</span></span>
-  <span><math><mtext mathvariant="bold">&#x59;</mtext></math>=<span>1D418</span></span>
-  <span><math><mtext mathvariant="bold">&#x5A;</mtext></math>=<span>1D419</span></span>
-  <span><math><mtext mathvariant="bold">&#x61;</mtext></math>=<span>1D41A</span></span>
-  <span><math><mtext mathvariant="bold">&#x62;</mtext></math>=<span>1D41B</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x63;</mtext></math>=<span>1D41C</span></span>
-  <span><math><mtext mathvariant="bold">&#x64;</mtext></math>=<span>1D41D</span></span>
-  <span><math><mtext mathvariant="bold">&#x65;</mtext></math>=<span>1D41E</span></span>
-  <span><math><mtext mathvariant="bold">&#x66;</mtext></math>=<span>1D41F</span></span>
-  <span><math><mtext mathvariant="bold">&#x67;</mtext></math>=<span>1D420</span></span>
-  <span><math><mtext mathvariant="bold">&#x68;</mtext></math>=<span>1D421</span></span>
-  <span><math><mtext mathvariant="bold">&#x69;</mtext></math>=<span>1D422</span></span>
-  <span><math><mtext mathvariant="bold">&#x6A;</mtext></math>=<span>1D423</span></span>
-  <span><math><mtext mathvariant="bold">&#x6B;</mtext></math>=<span>1D424</span></span>
-  <span><math><mtext mathvariant="bold">&#x6C;</mtext></math>=<span>1D425</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x6D;</mtext></math>=<span>1D426</span></span>
-  <span><math><mtext mathvariant="bold">&#x6E;</mtext></math>=<span>1D427</span></span>
-  <span><math><mtext mathvariant="bold">&#x6F;</mtext></math>=<span>1D428</span></span>
-  <span><math><mtext mathvariant="bold">&#x70;</mtext></math>=<span>1D429</span></span>
-  <span><math><mtext mathvariant="bold">&#x71;</mtext></math>=<span>1D42A</span></span>
-  <span><math><mtext mathvariant="bold">&#x72;</mtext></math>=<span>1D42B</span></span>
-  <span><math><mtext mathvariant="bold">&#x73;</mtext></math>=<span>1D42C</span></span>
-  <span><math><mtext mathvariant="bold">&#x74;</mtext></math>=<span>1D42D</span></span>
-  <span><math><mtext mathvariant="bold">&#x75;</mtext></math>=<span>1D42E</span></span>
-  <span><math><mtext mathvariant="bold">&#x76;</mtext></math>=<span>1D42F</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x77;</mtext></math>=<span>1D430</span></span>
-  <span><math><mtext mathvariant="bold">&#x78;</mtext></math>=<span>1D431</span></span>
-  <span><math><mtext mathvariant="bold">&#x79;</mtext></math>=<span>1D432</span></span>
-  <span><math><mtext mathvariant="bold">&#x7A;</mtext></math>=<span>1D433</span></span>
-  <span><math><mtext mathvariant="bold">&#x391;</mtext></math>=<span>1D6A8</span></span>
-  <span><math><mtext mathvariant="bold">&#x392;</mtext></math>=<span>1D6A9</span></span>
-  <span><math><mtext mathvariant="bold">&#x393;</mtext></math>=<span>1D6AA</span></span>
-  <span><math><mtext mathvariant="bold">&#x394;</mtext></math>=<span>1D6AB</span></span>
-  <span><math><mtext mathvariant="bold">&#x395;</mtext></math>=<span>1D6AC</span></span>
-  <span><math><mtext mathvariant="bold">&#x396;</mtext></math>=<span>1D6AD</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x397;</mtext></math>=<span>1D6AE</span></span>
-  <span><math><mtext mathvariant="bold">&#x398;</mtext></math>=<span>1D6AF</span></span>
-  <span><math><mtext mathvariant="bold">&#x399;</mtext></math>=<span>1D6B0</span></span>
-  <span><math><mtext mathvariant="bold">&#x39A;</mtext></math>=<span>1D6B1</span></span>
-  <span><math><mtext mathvariant="bold">&#x39B;</mtext></math>=<span>1D6B2</span></span>
-  <span><math><mtext mathvariant="bold">&#x39C;</mtext></math>=<span>1D6B3</span></span>
-  <span><math><mtext mathvariant="bold">&#x39D;</mtext></math>=<span>1D6B4</span></span>
-  <span><math><mtext mathvariant="bold">&#x39E;</mtext></math>=<span>1D6B5</span></span>
-  <span><math><mtext mathvariant="bold">&#x39F;</mtext></math>=<span>1D6B6</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A0;</mtext></math>=<span>1D6B7</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x3A1;</mtext></math>=<span>1D6B8</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A3;</mtext></math>=<span>1D6BA</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A4;</mtext></math>=<span>1D6BB</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A5;</mtext></math>=<span>1D6BC</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A6;</mtext></math>=<span>1D6BD</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A7;</mtext></math>=<span>1D6BE</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A8;</mtext></math>=<span>1D6BF</span></span>
-  <span><math><mtext mathvariant="bold">&#x3A9;</mtext></math>=<span>1D6C0</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B1;</mtext></math>=<span>1D6C2</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B2;</mtext></math>=<span>1D6C3</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x3B3;</mtext></math>=<span>1D6C4</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B4;</mtext></math>=<span>1D6C5</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B5;</mtext></math>=<span>1D6C6</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B6;</mtext></math>=<span>1D6C7</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B7;</mtext></math>=<span>1D6C8</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B8;</mtext></math>=<span>1D6C9</span></span>
-  <span><math><mtext mathvariant="bold">&#x3B9;</mtext></math>=<span>1D6CA</span></span>
-  <span><math><mtext mathvariant="bold">&#x3BA;</mtext></math>=<span>1D6CB</span></span>
-  <span><math><mtext mathvariant="bold">&#x3BB;</mtext></math>=<span>1D6CC</span></span>
-  <span><math><mtext mathvariant="bold">&#x3BC;</mtext></math>=<span>1D6CD</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x3BD;</mtext></math>=<span>1D6CE</span></span>
-  <span><math><mtext mathvariant="bold">&#x3BE;</mtext></math>=<span>1D6CF</span></span>
-  <span><math><mtext mathvariant="bold">&#x3BF;</mtext></math>=<span>1D6D0</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C0;</mtext></math>=<span>1D6D1</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C1;</mtext></math>=<span>1D6D2</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C2;</mtext></math>=<span>1D6D3</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C3;</mtext></math>=<span>1D6D4</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C4;</mtext></math>=<span>1D6D5</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C5;</mtext></math>=<span>1D6D6</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C6;</mtext></math>=<span>1D6D7</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x3C7;</mtext></math>=<span>1D6D8</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C8;</mtext></math>=<span>1D6D9</span></span>
-  <span><math><mtext mathvariant="bold">&#x3C9;</mtext></math>=<span>1D6DA</span></span>
-  <span><math><mtext mathvariant="bold">&#x3D1;</mtext></math>=<span>1D6DD</span></span>
-  <span><math><mtext mathvariant="bold">&#x3D5;</mtext></math>=<span>1D6DF</span></span>
-  <span><math><mtext mathvariant="bold">&#x3D6;</mtext></math>=<span>1D6E1</span></span>
-  <span><math><mtext mathvariant="bold">&#x3DC;</mtext></math>=<span>1D7CA</span></span>
-  <span><math><mtext mathvariant="bold">&#x3DD;</mtext></math>=<span>1D7CB</span></span>
-  <span><math><mtext mathvariant="bold">&#x3F0;</mtext></math>=<span>1D6DE</span></span>
-  <span><math><mtext mathvariant="bold">&#x3F1;</mtext></math>=<span>1D6E0</span></span><br/>
-  <span><math><mtext mathvariant="bold">&#x3F4;</mtext></math>=<span>1D6B9</span></span>
-  <span><math><mtext mathvariant="bold">&#x3F5;</mtext></math>=<span>1D6DC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x2202;</mtext></math>=<span>1D6DB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x2207;</mtext></math>=<span>1D6C1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x30;</mtext></math>=<span>1D7CE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x31;</mtext></math>=<span>1D7CF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x32;</mtext></math>=<span>1D7D0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x33;</mtext></math>=<span>1D7D1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x34;</mtext></math>=<span>1D7D2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x35;</mtext></math>=<span>1D7D3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x36;</mtext></math>=<span>1D7D4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x37;</mtext></math>=<span>1D7D5</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x38;</mtext></math>=<span>1D7D6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39;</mtext></math>=<span>1D7D7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x41;</mtext></math>=<span>1D400</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x42;</mtext></math>=<span>1D401</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x43;</mtext></math>=<span>1D402</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x44;</mtext></math>=<span>1D403</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x45;</mtext></math>=<span>1D404</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x46;</mtext></math>=<span>1D405</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x47;</mtext></math>=<span>1D406</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x48;</mtext></math>=<span>1D407</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x49;</mtext></math>=<span>1D408</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x4A;</mtext></math>=<span>1D409</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x4B;</mtext></math>=<span>1D40A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x4C;</mtext></math>=<span>1D40B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x4D;</mtext></math>=<span>1D40C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x4E;</mtext></math>=<span>1D40D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x4F;</mtext></math>=<span>1D40E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x50;</mtext></math>=<span>1D40F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x51;</mtext></math>=<span>1D410</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x52;</mtext></math>=<span>1D411</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x53;</mtext></math>=<span>1D412</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x54;</mtext></math>=<span>1D413</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x55;</mtext></math>=<span>1D414</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x56;</mtext></math>=<span>1D415</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x57;</mtext></math>=<span>1D416</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x58;</mtext></math>=<span>1D417</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x59;</mtext></math>=<span>1D418</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x5A;</mtext></math>=<span>1D419</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x61;</mtext></math>=<span>1D41A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x62;</mtext></math>=<span>1D41B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x63;</mtext></math>=<span>1D41C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x64;</mtext></math>=<span>1D41D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x65;</mtext></math>=<span>1D41E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x66;</mtext></math>=<span>1D41F</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x67;</mtext></math>=<span>1D420</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x68;</mtext></math>=<span>1D421</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x69;</mtext></math>=<span>1D422</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x6A;</mtext></math>=<span>1D423</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x6B;</mtext></math>=<span>1D424</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x6C;</mtext></math>=<span>1D425</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x6D;</mtext></math>=<span>1D426</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x6E;</mtext></math>=<span>1D427</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x6F;</mtext></math>=<span>1D428</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x70;</mtext></math>=<span>1D429</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x71;</mtext></math>=<span>1D42A</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x72;</mtext></math>=<span>1D42B</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x73;</mtext></math>=<span>1D42C</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x74;</mtext></math>=<span>1D42D</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x75;</mtext></math>=<span>1D42E</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x76;</mtext></math>=<span>1D42F</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x77;</mtext></math>=<span>1D430</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x78;</mtext></math>=<span>1D431</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x79;</mtext></math>=<span>1D432</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x7A;</mtext></math>=<span>1D433</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x391;</mtext></math>=<span>1D6A8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x392;</mtext></math>=<span>1D6A9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x393;</mtext></math>=<span>1D6AA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x394;</mtext></math>=<span>1D6AB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x395;</mtext></math>=<span>1D6AC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x396;</mtext></math>=<span>1D6AD</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x397;</mtext></math>=<span>1D6AE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x398;</mtext></math>=<span>1D6AF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x399;</mtext></math>=<span>1D6B0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39A;</mtext></math>=<span>1D6B1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39B;</mtext></math>=<span>1D6B2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39C;</mtext></math>=<span>1D6B3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39D;</mtext></math>=<span>1D6B4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39E;</mtext></math>=<span>1D6B5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x39F;</mtext></math>=<span>1D6B6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A0;</mtext></math>=<span>1D6B7</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A1;</mtext></math>=<span>1D6B8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A3;</mtext></math>=<span>1D6BA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A4;</mtext></math>=<span>1D6BB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A5;</mtext></math>=<span>1D6BC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A6;</mtext></math>=<span>1D6BD</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A7;</mtext></math>=<span>1D6BE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A8;</mtext></math>=<span>1D6BF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3A9;</mtext></math>=<span>1D6C0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B1;</mtext></math>=<span>1D6C2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B2;</mtext></math>=<span>1D6C3</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B3;</mtext></math>=<span>1D6C4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B4;</mtext></math>=<span>1D6C5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B5;</mtext></math>=<span>1D6C6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B6;</mtext></math>=<span>1D6C7</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B7;</mtext></math>=<span>1D6C8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B8;</mtext></math>=<span>1D6C9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3B9;</mtext></math>=<span>1D6CA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3BA;</mtext></math>=<span>1D6CB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3BB;</mtext></math>=<span>1D6CC</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3BC;</mtext></math>=<span>1D6CD</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3BD;</mtext></math>=<span>1D6CE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3BE;</mtext></math>=<span>1D6CF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3BF;</mtext></math>=<span>1D6D0</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C0;</mtext></math>=<span>1D6D1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C1;</mtext></math>=<span>1D6D2</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C2;</mtext></math>=<span>1D6D3</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C3;</mtext></math>=<span>1D6D4</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C4;</mtext></math>=<span>1D6D5</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C5;</mtext></math>=<span>1D6D6</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C6;</mtext></math>=<span>1D6D7</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C7;</mtext></math>=<span>1D6D8</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C8;</mtext></math>=<span>1D6D9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3C9;</mtext></math>=<span>1D6DA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3D1;</mtext></math>=<span>1D6DD</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3D5;</mtext></math>=<span>1D6DF</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3D6;</mtext></math>=<span>1D6E1</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3DC;</mtext></math>=<span>1D7CA</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3DD;</mtext></math>=<span>1D7CB</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3F0;</mtext></math>=<span>1D6DE</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3F1;</mtext></math>=<span>1D6E0</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3F4;</mtext></math>=<span>1D6B9</span></span>
+  <span><math class="testfont"><mtext mathvariant="bold">&#x3F5;</mtext></math>=<span>1D6DC</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck-ref.html
index 56db2591daed..686aa492e0f0 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,92 +23,92 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1EEA1;</mtext></math>=<span>1EEA1</span></span>
-  <span><math><mtext>&#x1EEB5;</mtext></math>=<span>1EEB5</span></span>
-  <span><math><mtext>&#x1EEB6;</mtext></math>=<span>1EEB6</span></span>
-  <span><math><mtext>&#x1EEA2;</mtext></math>=<span>1EEA2</span></span>
-  <span><math><mtext>&#x1EEA7;</mtext></math>=<span>1EEA7</span></span>
-  <span><math><mtext>&#x1EEB7;</mtext></math>=<span>1EEB7</span></span>
-  <span><math><mtext>&#x1EEA3;</mtext></math>=<span>1EEA3</span></span>
-  <span><math><mtext>&#x1EEB8;</mtext></math>=<span>1EEB8</span></span>
-  <span><math><mtext>&#x1EEB3;</mtext></math>=<span>1EEB3</span></span>
-  <span><math><mtext>&#x1EEA6;</mtext></math>=<span>1EEA6</span></span><br/>
-  <span><math><mtext>&#x1D7DB;</mtext></math>=<span>1D7DB</span></span>
-  <span><math><mtext>&#x1D7DC;</mtext></math>=<span>1D7DC</span></span>
-  <span><math><mtext>&#x1D7DD;</mtext></math>=<span>1D7DD</span></span>
-  <span><math><mtext>&#x1EEB9;</mtext></math>=<span>1EEB9</span></span>
-  <span><math><mtext>&#x1EEA8;</mtext></math>=<span>1EEA8</span></span>
-  <span><math><mtext>&#x1EEBA;</mtext></math>=<span>1EEBA</span></span>
-  <span><math><mtext>&#x1D7E1;</mtext></math>=<span>1D7E1</span></span>
-  <span><math><mtext>&#x1EEBB;</mtext></math>=<span>1EEBB</span></span>
-  <span><math><mtext>&#x1EEB0;</mtext></math>=<span>1EEB0</span></span>
-  <span><math><mtext>&#x1EEB2;</mtext></math>=<span>1EEB2</span></span><br/>
-  <span><math><mtext>&#x2102;</mtext></math>=<span>02102</span></span>
-  <span><math><mtext>&#x1EEAB;</mtext></math>=<span>1EEAB</span></span>
-  <span><math><mtext>&#x1EEAC;</mtext></math>=<span>1EEAC</span></span>
-  <span><math><mtext>&#x1EEAD;</mtext></math>=<span>1EEAD</span></span>
-  <span><math><mtext>&#x1D53E;</mtext></math>=<span>1D53E</span></span>
-  <span><math><mtext>&#x1EEA5;</mtext></math>=<span>1EEA5</span></span>
-  <span><math><mtext>&#x1D540;</mtext></math>=<span>1D540</span></span>
-  <span><math><mtext>&#x1EEA9;</mtext></math>=<span>1EEA9</span></span>
-  <span><math><mtext>&#x1D542;</mtext></math>=<span>1D542</span></span>
-  <span><math><mtext>&#x1D543;</mtext></math>=<span>1D543</span></span><br/>
-  <span><math><mtext>&#x1D544;</mtext></math>=<span>1D544</span></span>
-  <span><math><mtext>&#x2115;</mtext></math>=<span>02115</span></span>
-  <span><math><mtext>&#x1D546;</mtext></math>=<span>1D546</span></span>
-  <span><math><mtext>&#x2119;</mtext></math>=<span>02119</span></span>
-  <span><math><mtext>&#x211A;</mtext></math>=<span>0211A</span></span>
-  <span><math><mtext>&#x211D;</mtext></math>=<span>0211D</span></span>
-  <span><math><mtext>&#x1D54A;</mtext></math>=<span>1D54A</span></span>
-  <span><math><mtext>&#x1D54B;</mtext></math>=<span>1D54B</span></span>
-  <span><math><mtext>&#x1D54C;</mtext></math>=<span>1D54C</span></span>
-  <span><math><mtext>&#x1D54D;</mtext></math>=<span>1D54D</span></span><br/>
-  <span><math><mtext>&#x1D54E;</mtext></math>=<span>1D54E</span></span>
-  <span><math><mtext>&#x1D54F;</mtext></math>=<span>1D54F</span></span>
-  <span><math><mtext>&#x1D550;</mtext></math>=<span>1D550</span></span>
-  <span><math><mtext>&#x2124;</mtext></math>=<span>02124</span></span>
-  <span><math><mtext>&#x1D552;</mtext></math>=<span>1D552</span></span>
-  <span><math><mtext>&#x1D553;</mtext></math>=<span>1D553</span></span>
-  <span><math><mtext>&#x1D554;</mtext></math>=<span>1D554</span></span>
-  <span><math><mtext>&#x1D555;</mtext></math>=<span>1D555</span></span>
-  <span><math><mtext>&#x1D556;</mtext></math>=<span>1D556</span></span>
-  <span><math><mtext>&#x1D557;</mtext></math>=<span>1D557</span></span><br/>
-  <span><math><mtext>&#x1D558;</mtext></math>=<span>1D558</span></span>
-  <span><math><mtext>&#x1D559;</mtext></math>=<span>1D559</span></span>
-  <span><math><mtext>&#x1D55A;</mtext></math>=<span>1D55A</span></span>
-  <span><math><mtext>&#x1D55B;</mtext></math>=<span>1D55B</span></span>
-  <span><math><mtext>&#x1D55C;</mtext></math>=<span>1D55C</span></span>
-  <span><math><mtext>&#x1D55D;</mtext></math>=<span>1D55D</span></span>
-  <span><math><mtext>&#x1D55E;</mtext></math>=<span>1D55E</span></span>
-  <span><math><mtext>&#x1D55F;</mtext></math>=<span>1D55F</span></span>
-  <span><math><mtext>&#x1D560;</mtext></math>=<span>1D560</span></span>
-  <span><math><mtext>&#x1D561;</mtext></math>=<span>1D561</span></span><br/>
-  <span><math><mtext>&#x1D562;</mtext></math>=<span>1D562</span></span>
-  <span><math><mtext>&#x1D563;</mtext></math>=<span>1D563</span></span>
-  <span><math><mtext>&#x1D564;</mtext></math>=<span>1D564</span></span>
-  <span><math><mtext>&#x1D565;</mtext></math>=<span>1D565</span></span>
-  <span><math><mtext>&#x1D566;</mtext></math>=<span>1D566</span></span>
-  <span><math><mtext>&#x1D567;</mtext></math>=<span>1D567</span></span>
-  <span><math><mtext>&#x1D568;</mtext></math>=<span>1D568</span></span>
-  <span><math><mtext>&#x1D569;</mtext></math>=<span>1D569</span></span>
-  <span><math><mtext>&#x1D56A;</mtext></math>=<span>1D56A</span></span>
-  <span><math><mtext>&#x1D56B;</mtext></math>=<span>1D56B</span></span><br/>
-  <span><math><mtext>&#x1D7D8;</mtext></math>=<span>1D7D8</span></span>
-  <span><math><mtext>&#x1D7D9;</mtext></math>=<span>1D7D9</span></span>
-  <span><math><mtext>&#x1D7DA;</mtext></math>=<span>1D7DA</span></span>
-  <span><math><mtext>&#x1EEAE;</mtext></math>=<span>1EEAE</span></span>
-  <span><math><mtext>&#x1EEB4;</mtext></math>=<span>1EEB4</span></span>
-  <span><math><mtext>&#x1EEB1;</mtext></math>=<span>1EEB1</span></span>
-  <span><math><mtext>&#x1D7DE;</mtext></math>=<span>1D7DE</span></span>
-  <span><math><mtext>&#x1D7DF;</mtext></math>=<span>1D7DF</span></span>
-  <span><math><mtext>&#x1D7E0;</mtext></math>=<span>1D7E0</span></span>
-  <span><math><mtext>&#x1EEAF;</mtext></math>=<span>1EEAF</span></span><br/>
-  <span><math><mtext>&#x1D538;</mtext></math>=<span>1D538</span></span>
-  <span><math><mtext>&#x1D539;</mtext></math>=<span>1D539</span></span>
-  <span><math><mtext>&#x1D53B;</mtext></math>=<span>1D53B</span></span>
-  <span><math><mtext>&#x1D53C;</mtext></math>=<span>1D53C</span></span>
-  <span><math><mtext>&#x1D53D;</mtext></math>=<span>1D53D</span></span>
-  <span><math><mtext>&#x210D;</mtext></math>=<span>0210D</span></span>
-  <span><math><mtext>&#x1D541;</mtext></math>=<span>1D541</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA1;</mtext></math>=<span>1EEA1</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB5;</mtext></math>=<span>1EEB5</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB6;</mtext></math>=<span>1EEB6</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA2;</mtext></math>=<span>1EEA2</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA7;</mtext></math>=<span>1EEA7</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB7;</mtext></math>=<span>1EEB7</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA3;</mtext></math>=<span>1EEA3</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB8;</mtext></math>=<span>1EEB8</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB3;</mtext></math>=<span>1EEB3</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA6;</mtext></math>=<span>1EEA6</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7DB;</mtext></math>=<span>1D7DB</span></span>
+  <span><math class="testfont"><mtext>&#x1D7DC;</mtext></math>=<span>1D7DC</span></span>
+  <span><math class="testfont"><mtext>&#x1D7DD;</mtext></math>=<span>1D7DD</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB9;</mtext></math>=<span>1EEB9</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA8;</mtext></math>=<span>1EEA8</span></span>
+  <span><math class="testfont"><mtext>&#x1EEBA;</mtext></math>=<span>1EEBA</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E1;</mtext></math>=<span>1D7E1</span></span>
+  <span><math class="testfont"><mtext>&#x1EEBB;</mtext></math>=<span>1EEBB</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB0;</mtext></math>=<span>1EEB0</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB2;</mtext></math>=<span>1EEB2</span></span><br/>
+  <span><math class="testfont"><mtext>&#x2102;</mtext></math>=<span>02102</span></span>
+  <span><math class="testfont"><mtext>&#x1EEAB;</mtext></math>=<span>1EEAB</span></span>
+  <span><math class="testfont"><mtext>&#x1EEAC;</mtext></math>=<span>1EEAC</span></span>
+  <span><math class="testfont"><mtext>&#x1EEAD;</mtext></math>=<span>1EEAD</span></span>
+  <span><math class="testfont"><mtext>&#x1D53E;</mtext></math>=<span>1D53E</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA5;</mtext></math>=<span>1EEA5</span></span>
+  <span><math class="testfont"><mtext>&#x1D540;</mtext></math>=<span>1D540</span></span>
+  <span><math class="testfont"><mtext>&#x1EEA9;</mtext></math>=<span>1EEA9</span></span>
+  <span><math class="testfont"><mtext>&#x1D542;</mtext></math>=<span>1D542</span></span>
+  <span><math class="testfont"><mtext>&#x1D543;</mtext></math>=<span>1D543</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D544;</mtext></math>=<span>1D544</span></span>
+  <span><math class="testfont"><mtext>&#x2115;</mtext></math>=<span>02115</span></span>
+  <span><math class="testfont"><mtext>&#x1D546;</mtext></math>=<span>1D546</span></span>
+  <span><math class="testfont"><mtext>&#x2119;</mtext></math>=<span>02119</span></span>
+  <span><math class="testfont"><mtext>&#x211A;</mtext></math>=<span>0211A</span></span>
+  <span><math class="testfont"><mtext>&#x211D;</mtext></math>=<span>0211D</span></span>
+  <span><math class="testfont"><mtext>&#x1D54A;</mtext></math>=<span>1D54A</span></span>
+  <span><math class="testfont"><mtext>&#x1D54B;</mtext></math>=<span>1D54B</span></span>
+  <span><math class="testfont"><mtext>&#x1D54C;</mtext></math>=<span>1D54C</span></span>
+  <span><math class="testfont"><mtext>&#x1D54D;</mtext></math>=<span>1D54D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D54E;</mtext></math>=<span>1D54E</span></span>
+  <span><math class="testfont"><mtext>&#x1D54F;</mtext></math>=<span>1D54F</span></span>
+  <span><math class="testfont"><mtext>&#x1D550;</mtext></math>=<span>1D550</span></span>
+  <span><math class="testfont"><mtext>&#x2124;</mtext></math>=<span>02124</span></span>
+  <span><math class="testfont"><mtext>&#x1D552;</mtext></math>=<span>1D552</span></span>
+  <span><math class="testfont"><mtext>&#x1D553;</mtext></math>=<span>1D553</span></span>
+  <span><math class="testfont"><mtext>&#x1D554;</mtext></math>=<span>1D554</span></span>
+  <span><math class="testfont"><mtext>&#x1D555;</mtext></math>=<span>1D555</span></span>
+  <span><math class="testfont"><mtext>&#x1D556;</mtext></math>=<span>1D556</span></span>
+  <span><math class="testfont"><mtext>&#x1D557;</mtext></math>=<span>1D557</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D558;</mtext></math>=<span>1D558</span></span>
+  <span><math class="testfont"><mtext>&#x1D559;</mtext></math>=<span>1D559</span></span>
+  <span><math class="testfont"><mtext>&#x1D55A;</mtext></math>=<span>1D55A</span></span>
+  <span><math class="testfont"><mtext>&#x1D55B;</mtext></math>=<span>1D55B</span></span>
+  <span><math class="testfont"><mtext>&#x1D55C;</mtext></math>=<span>1D55C</span></span>
+  <span><math class="testfont"><mtext>&#x1D55D;</mtext></math>=<span>1D55D</span></span>
+  <span><math class="testfont"><mtext>&#x1D55E;</mtext></math>=<span>1D55E</span></span>
+  <span><math class="testfont"><mtext>&#x1D55F;</mtext></math>=<span>1D55F</span></span>
+  <span><math class="testfont"><mtext>&#x1D560;</mtext></math>=<span>1D560</span></span>
+  <span><math class="testfont"><mtext>&#x1D561;</mtext></math>=<span>1D561</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D562;</mtext></math>=<span>1D562</span></span>
+  <span><math class="testfont"><mtext>&#x1D563;</mtext></math>=<span>1D563</span></span>
+  <span><math class="testfont"><mtext>&#x1D564;</mtext></math>=<span>1D564</span></span>
+  <span><math class="testfont"><mtext>&#x1D565;</mtext></math>=<span>1D565</span></span>
+  <span><math class="testfont"><mtext>&#x1D566;</mtext></math>=<span>1D566</span></span>
+  <span><math class="testfont"><mtext>&#x1D567;</mtext></math>=<span>1D567</span></span>
+  <span><math class="testfont"><mtext>&#x1D568;</mtext></math>=<span>1D568</span></span>
+  <span><math class="testfont"><mtext>&#x1D569;</mtext></math>=<span>1D569</span></span>
+  <span><math class="testfont"><mtext>&#x1D56A;</mtext></math>=<span>1D56A</span></span>
+  <span><math class="testfont"><mtext>&#x1D56B;</mtext></math>=<span>1D56B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7D8;</mtext></math>=<span>1D7D8</span></span>
+  <span><math class="testfont"><mtext>&#x1D7D9;</mtext></math>=<span>1D7D9</span></span>
+  <span><math class="testfont"><mtext>&#x1D7DA;</mtext></math>=<span>1D7DA</span></span>
+  <span><math class="testfont"><mtext>&#x1EEAE;</mtext></math>=<span>1EEAE</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB4;</mtext></math>=<span>1EEB4</span></span>
+  <span><math class="testfont"><mtext>&#x1EEB1;</mtext></math>=<span>1EEB1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7DE;</mtext></math>=<span>1D7DE</span></span>
+  <span><math class="testfont"><mtext>&#x1D7DF;</mtext></math>=<span>1D7DF</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E0;</mtext></math>=<span>1D7E0</span></span>
+  <span><math class="testfont"><mtext>&#x1EEAF;</mtext></math>=<span>1EEAF</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D538;</mtext></math>=<span>1D538</span></span>
+  <span><math class="testfont"><mtext>&#x1D539;</mtext></math>=<span>1D539</span></span>
+  <span><math class="testfont"><mtext>&#x1D53B;</mtext></math>=<span>1D53B</span></span>
+  <span><math class="testfont"><mtext>&#x1D53C;</mtext></math>=<span>1D53C</span></span>
+  <span><math class="testfont"><mtext>&#x1D53D;</mtext></math>=<span>1D53D</span></span>
+  <span><math class="testfont"><mtext>&#x210D;</mtext></math>=<span>0210D</span></span>
+  <span><math class="testfont"><mtext>&#x1D541;</mtext></math>=<span>1D541</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck.html
index 3090fdc85c04..4650617f93ee 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-double-struck.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant double-struck</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-double-struck-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a double-struck mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,92 +28,92 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="double-struck">&#x628;</mtext></math>=<span>1EEA1</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62A;</mtext></math>=<span>1EEB5</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62B;</mtext></math>=<span>1EEB6</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62C;</mtext></math>=<span>1EEA2</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62D;</mtext></math>=<span>1EEA7</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62E;</mtext></math>=<span>1EEB7</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62F;</mtext></math>=<span>1EEA3</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x630;</mtext></math>=<span>1EEB8</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x631;</mtext></math>=<span>1EEB3</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x632;</mtext></math>=<span>1EEA6</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x33;</mtext></math>=<span>1D7DB</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x34;</mtext></math>=<span>1D7DC</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x35;</mtext></math>=<span>1D7DD</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x636;</mtext></math>=<span>1EEB9</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x637;</mtext></math>=<span>1EEA8</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x638;</mtext></math>=<span>1EEBA</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x39;</mtext></math>=<span>1D7E1</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x63A;</mtext></math>=<span>1EEBB</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x641;</mtext></math>=<span>1EEB0</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x642;</mtext></math>=<span>1EEB2</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x43;</mtext></math>=<span>02102</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x644;</mtext></math>=<span>1EEAB</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x645;</mtext></math>=<span>1EEAC</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x646;</mtext></math>=<span>1EEAD</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x47;</mtext></math>=<span>1D53E</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x648;</mtext></math>=<span>1EEA5</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x49;</mtext></math>=<span>1D540</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x64A;</mtext></math>=<span>1EEA9</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x4B;</mtext></math>=<span>1D542</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x4C;</mtext></math>=<span>1D543</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x4D;</mtext></math>=<span>1D544</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x4E;</mtext></math>=<span>02115</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x4F;</mtext></math>=<span>1D546</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x50;</mtext></math>=<span>02119</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x51;</mtext></math>=<span>0211A</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x52;</mtext></math>=<span>0211D</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x53;</mtext></math>=<span>1D54A</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x54;</mtext></math>=<span>1D54B</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x55;</mtext></math>=<span>1D54C</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x56;</mtext></math>=<span>1D54D</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x57;</mtext></math>=<span>1D54E</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x58;</mtext></math>=<span>1D54F</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x59;</mtext></math>=<span>1D550</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x5A;</mtext></math>=<span>02124</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x61;</mtext></math>=<span>1D552</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x62;</mtext></math>=<span>1D553</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x63;</mtext></math>=<span>1D554</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x64;</mtext></math>=<span>1D555</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x65;</mtext></math>=<span>1D556</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x66;</mtext></math>=<span>1D557</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x67;</mtext></math>=<span>1D558</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x68;</mtext></math>=<span>1D559</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x69;</mtext></math>=<span>1D55A</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x6A;</mtext></math>=<span>1D55B</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x6B;</mtext></math>=<span>1D55C</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x6C;</mtext></math>=<span>1D55D</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x6D;</mtext></math>=<span>1D55E</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x6E;</mtext></math>=<span>1D55F</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x6F;</mtext></math>=<span>1D560</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x70;</mtext></math>=<span>1D561</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x71;</mtext></math>=<span>1D562</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x72;</mtext></math>=<span>1D563</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x73;</mtext></math>=<span>1D564</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x74;</mtext></math>=<span>1D565</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x75;</mtext></math>=<span>1D566</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x76;</mtext></math>=<span>1D567</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x77;</mtext></math>=<span>1D568</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x78;</mtext></math>=<span>1D569</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x79;</mtext></math>=<span>1D56A</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x7A;</mtext></math>=<span>1D56B</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x30;</mtext></math>=<span>1D7D8</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x31;</mtext></math>=<span>1D7D9</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x32;</mtext></math>=<span>1D7DA</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x633;</mtext></math>=<span>1EEAE</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x634;</mtext></math>=<span>1EEB4</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x635;</mtext></math>=<span>1EEB1</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x36;</mtext></math>=<span>1D7DE</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x37;</mtext></math>=<span>1D7DF</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x38;</mtext></math>=<span>1D7E0</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x639;</mtext></math>=<span>1EEAF</span></span><br/>
-  <span><math><mtext mathvariant="double-struck">&#x41;</mtext></math>=<span>1D538</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x42;</mtext></math>=<span>1D539</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x44;</mtext></math>=<span>1D53B</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x45;</mtext></math>=<span>1D53C</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x46;</mtext></math>=<span>1D53D</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x48;</mtext></math>=<span>0210D</span></span>
-  <span><math><mtext mathvariant="double-struck">&#x4A;</mtext></math>=<span>1D541</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x628;</mtext></math>=<span>1EEA1</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62A;</mtext></math>=<span>1EEB5</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62B;</mtext></math>=<span>1EEB6</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62C;</mtext></math>=<span>1EEA2</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62D;</mtext></math>=<span>1EEA7</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62E;</mtext></math>=<span>1EEB7</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62F;</mtext></math>=<span>1EEA3</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x630;</mtext></math>=<span>1EEB8</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x631;</mtext></math>=<span>1EEB3</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x632;</mtext></math>=<span>1EEA6</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x33;</mtext></math>=<span>1D7DB</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x34;</mtext></math>=<span>1D7DC</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x35;</mtext></math>=<span>1D7DD</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x636;</mtext></math>=<span>1EEB9</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x637;</mtext></math>=<span>1EEA8</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x638;</mtext></math>=<span>1EEBA</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x39;</mtext></math>=<span>1D7E1</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x63A;</mtext></math>=<span>1EEBB</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x641;</mtext></math>=<span>1EEB0</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x642;</mtext></math>=<span>1EEB2</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x43;</mtext></math>=<span>02102</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x644;</mtext></math>=<span>1EEAB</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x645;</mtext></math>=<span>1EEAC</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x646;</mtext></math>=<span>1EEAD</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x47;</mtext></math>=<span>1D53E</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x648;</mtext></math>=<span>1EEA5</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x49;</mtext></math>=<span>1D540</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x64A;</mtext></math>=<span>1EEA9</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x4B;</mtext></math>=<span>1D542</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x4C;</mtext></math>=<span>1D543</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x4D;</mtext></math>=<span>1D544</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x4E;</mtext></math>=<span>02115</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x4F;</mtext></math>=<span>1D546</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x50;</mtext></math>=<span>02119</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x51;</mtext></math>=<span>0211A</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x52;</mtext></math>=<span>0211D</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x53;</mtext></math>=<span>1D54A</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x54;</mtext></math>=<span>1D54B</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x55;</mtext></math>=<span>1D54C</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x56;</mtext></math>=<span>1D54D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x57;</mtext></math>=<span>1D54E</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x58;</mtext></math>=<span>1D54F</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x59;</mtext></math>=<span>1D550</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x5A;</mtext></math>=<span>02124</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x61;</mtext></math>=<span>1D552</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x62;</mtext></math>=<span>1D553</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x63;</mtext></math>=<span>1D554</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x64;</mtext></math>=<span>1D555</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x65;</mtext></math>=<span>1D556</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x66;</mtext></math>=<span>1D557</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x67;</mtext></math>=<span>1D558</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x68;</mtext></math>=<span>1D559</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x69;</mtext></math>=<span>1D55A</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x6A;</mtext></math>=<span>1D55B</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x6B;</mtext></math>=<span>1D55C</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x6C;</mtext></math>=<span>1D55D</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x6D;</mtext></math>=<span>1D55E</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x6E;</mtext></math>=<span>1D55F</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x6F;</mtext></math>=<span>1D560</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x70;</mtext></math>=<span>1D561</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x71;</mtext></math>=<span>1D562</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x72;</mtext></math>=<span>1D563</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x73;</mtext></math>=<span>1D564</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x74;</mtext></math>=<span>1D565</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x75;</mtext></math>=<span>1D566</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x76;</mtext></math>=<span>1D567</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x77;</mtext></math>=<span>1D568</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x78;</mtext></math>=<span>1D569</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x79;</mtext></math>=<span>1D56A</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x7A;</mtext></math>=<span>1D56B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x30;</mtext></math>=<span>1D7D8</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x31;</mtext></math>=<span>1D7D9</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x32;</mtext></math>=<span>1D7DA</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x633;</mtext></math>=<span>1EEAE</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x634;</mtext></math>=<span>1EEB4</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x635;</mtext></math>=<span>1EEB1</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x36;</mtext></math>=<span>1D7DE</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x37;</mtext></math>=<span>1D7DF</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x38;</mtext></math>=<span>1D7E0</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x639;</mtext></math>=<span>1EEAF</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x41;</mtext></math>=<span>1D538</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x42;</mtext></math>=<span>1D539</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x44;</mtext></math>=<span>1D53B</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x45;</mtext></math>=<span>1D53C</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x46;</mtext></math>=<span>1D53D</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x48;</mtext></math>=<span>0210D</span></span>
+  <span><math class="testfont"><mtext mathvariant="double-struck">&#x4A;</mtext></math>=<span>1D541</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur-ref.html
index 5e0721cfcea5..3d1dd50a7d4a 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,57 +23,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D504;</mtext></math>=<span>1D504</span></span>
-  <span><math><mtext>&#x1D505;</mtext></math>=<span>1D505</span></span>
-  <span><math><mtext>&#x212D;</mtext></math>=<span>0212D</span></span>
-  <span><math><mtext>&#x1D507;</mtext></math>=<span>1D507</span></span>
-  <span><math><mtext>&#x1D508;</mtext></math>=<span>1D508</span></span>
-  <span><math><mtext>&#x1D509;</mtext></math>=<span>1D509</span></span>
-  <span><math><mtext>&#x1D50A;</mtext></math>=<span>1D50A</span></span>
-  <span><math><mtext>&#x210C;</mtext></math>=<span>0210C</span></span>
-  <span><math><mtext>&#x2111;</mtext></math>=<span>02111</span></span>
-  <span><math><mtext>&#x1D50D;</mtext></math>=<span>1D50D</span></span><br/>
-  <span><math><mtext>&#x1D50E;</mtext></math>=<span>1D50E</span></span>
-  <span><math><mtext>&#x1D50F;</mtext></math>=<span>1D50F</span></span>
-  <span><math><mtext>&#x1D510;</mtext></math>=<span>1D510</span></span>
-  <span><math><mtext>&#x1D511;</mtext></math>=<span>1D511</span></span>
-  <span><math><mtext>&#x1D512;</mtext></math>=<span>1D512</span></span>
-  <span><math><mtext>&#x1D513;</mtext></math>=<span>1D513</span></span>
-  <span><math><mtext>&#x1D514;</mtext></math>=<span>1D514</span></span>
-  <span><math><mtext>&#x211C;</mtext></math>=<span>0211C</span></span>
-  <span><math><mtext>&#x1D516;</mtext></math>=<span>1D516</span></span>
-  <span><math><mtext>&#x1D517;</mtext></math>=<span>1D517</span></span><br/>
-  <span><math><mtext>&#x1D518;</mtext></math>=<span>1D518</span></span>
-  <span><math><mtext>&#x1D519;</mtext></math>=<span>1D519</span></span>
-  <span><math><mtext>&#x1D51A;</mtext></math>=<span>1D51A</span></span>
-  <span><math><mtext>&#x1D51B;</mtext></math>=<span>1D51B</span></span>
-  <span><math><mtext>&#x1D51C;</mtext></math>=<span>1D51C</span></span>
-  <span><math><mtext>&#x2128;</mtext></math>=<span>02128</span></span>
-  <span><math><mtext>&#x1D51E;</mtext></math>=<span>1D51E</span></span>
-  <span><math><mtext>&#x1D51F;</mtext></math>=<span>1D51F</span></span>
-  <span><math><mtext>&#x1D520;</mtext></math>=<span>1D520</span></span>
-  <span><math><mtext>&#x1D521;</mtext></math>=<span>1D521</span></span><br/>
-  <span><math><mtext>&#x1D522;</mtext></math>=<span>1D522</span></span>
-  <span><math><mtext>&#x1D523;</mtext></math>=<span>1D523</span></span>
-  <span><math><mtext>&#x1D524;</mtext></math>=<span>1D524</span></span>
-  <span><math><mtext>&#x1D525;</mtext></math>=<span>1D525</span></span>
-  <span><math><mtext>&#x1D526;</mtext></math>=<span>1D526</span></span>
-  <span><math><mtext>&#x1D527;</mtext></math>=<span>1D527</span></span>
-  <span><math><mtext>&#x1D528;</mtext></math>=<span>1D528</span></span>
-  <span><math><mtext>&#x1D529;</mtext></math>=<span>1D529</span></span>
-  <span><math><mtext>&#x1D52A;</mtext></math>=<span>1D52A</span></span>
-  <span><math><mtext>&#x1D52B;</mtext></math>=<span>1D52B</span></span><br/>
-  <span><math><mtext>&#x1D52C;</mtext></math>=<span>1D52C</span></span>
-  <span><math><mtext>&#x1D52D;</mtext></math>=<span>1D52D</span></span>
-  <span><math><mtext>&#x1D52E;</mtext></math>=<span>1D52E</span></span>
-  <span><math><mtext>&#x1D52F;</mtext></math>=<span>1D52F</span></span>
-  <span><math><mtext>&#x1D530;</mtext></math>=<span>1D530</span></span>
-  <span><math><mtext>&#x1D531;</mtext></math>=<span>1D531</span></span>
-  <span><math><mtext>&#x1D532;</mtext></math>=<span>1D532</span></span>
-  <span><math><mtext>&#x1D533;</mtext></math>=<span>1D533</span></span>
-  <span><math><mtext>&#x1D534;</mtext></math>=<span>1D534</span></span>
-  <span><math><mtext>&#x1D535;</mtext></math>=<span>1D535</span></span><br/>
-  <span><math><mtext>&#x1D536;</mtext></math>=<span>1D536</span></span>
-  <span><math><mtext>&#x1D537;</mtext></math>=<span>1D537</span></span>
+  <span><math class="testfont"><mtext>&#x1D504;</mtext></math>=<span>1D504</span></span>
+  <span><math class="testfont"><mtext>&#x1D505;</mtext></math>=<span>1D505</span></span>
+  <span><math class="testfont"><mtext>&#x212D;</mtext></math>=<span>0212D</span></span>
+  <span><math class="testfont"><mtext>&#x1D507;</mtext></math>=<span>1D507</span></span>
+  <span><math class="testfont"><mtext>&#x1D508;</mtext></math>=<span>1D508</span></span>
+  <span><math class="testfont"><mtext>&#x1D509;</mtext></math>=<span>1D509</span></span>
+  <span><math class="testfont"><mtext>&#x1D50A;</mtext></math>=<span>1D50A</span></span>
+  <span><math class="testfont"><mtext>&#x210C;</mtext></math>=<span>0210C</span></span>
+  <span><math class="testfont"><mtext>&#x2111;</mtext></math>=<span>02111</span></span>
+  <span><math class="testfont"><mtext>&#x1D50D;</mtext></math>=<span>1D50D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D50E;</mtext></math>=<span>1D50E</span></span>
+  <span><math class="testfont"><mtext>&#x1D50F;</mtext></math>=<span>1D50F</span></span>
+  <span><math class="testfont"><mtext>&#x1D510;</mtext></math>=<span>1D510</span></span>
+  <span><math class="testfont"><mtext>&#x1D511;</mtext></math>=<span>1D511</span></span>
+  <span><math class="testfont"><mtext>&#x1D512;</mtext></math>=<span>1D512</span></span>
+  <span><math class="testfont"><mtext>&#x1D513;</mtext></math>=<span>1D513</span></span>
+  <span><math class="testfont"><mtext>&#x1D514;</mtext></math>=<span>1D514</span></span>
+  <span><math class="testfont"><mtext>&#x211C;</mtext></math>=<span>0211C</span></span>
+  <span><math class="testfont"><mtext>&#x1D516;</mtext></math>=<span>1D516</span></span>
+  <span><math class="testfont"><mtext>&#x1D517;</mtext></math>=<span>1D517</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D518;</mtext></math>=<span>1D518</span></span>
+  <span><math class="testfont"><mtext>&#x1D519;</mtext></math>=<span>1D519</span></span>
+  <span><math class="testfont"><mtext>&#x1D51A;</mtext></math>=<span>1D51A</span></span>
+  <span><math class="testfont"><mtext>&#x1D51B;</mtext></math>=<span>1D51B</span></span>
+  <span><math class="testfont"><mtext>&#x1D51C;</mtext></math>=<span>1D51C</span></span>
+  <span><math class="testfont"><mtext>&#x2128;</mtext></math>=<span>02128</span></span>
+  <span><math class="testfont"><mtext>&#x1D51E;</mtext></math>=<span>1D51E</span></span>
+  <span><math class="testfont"><mtext>&#x1D51F;</mtext></math>=<span>1D51F</span></span>
+  <span><math class="testfont"><mtext>&#x1D520;</mtext></math>=<span>1D520</span></span>
+  <span><math class="testfont"><mtext>&#x1D521;</mtext></math>=<span>1D521</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D522;</mtext></math>=<span>1D522</span></span>
+  <span><math class="testfont"><mtext>&#x1D523;</mtext></math>=<span>1D523</span></span>
+  <span><math class="testfont"><mtext>&#x1D524;</mtext></math>=<span>1D524</span></span>
+  <span><math class="testfont"><mtext>&#x1D525;</mtext></math>=<span>1D525</span></span>
+  <span><math class="testfont"><mtext>&#x1D526;</mtext></math>=<span>1D526</span></span>
+  <span><math class="testfont"><mtext>&#x1D527;</mtext></math>=<span>1D527</span></span>
+  <span><math class="testfont"><mtext>&#x1D528;</mtext></math>=<span>1D528</span></span>
+  <span><math class="testfont"><mtext>&#x1D529;</mtext></math>=<span>1D529</span></span>
+  <span><math class="testfont"><mtext>&#x1D52A;</mtext></math>=<span>1D52A</span></span>
+  <span><math class="testfont"><mtext>&#x1D52B;</mtext></math>=<span>1D52B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D52C;</mtext></math>=<span>1D52C</span></span>
+  <span><math class="testfont"><mtext>&#x1D52D;</mtext></math>=<span>1D52D</span></span>
+  <span><math class="testfont"><mtext>&#x1D52E;</mtext></math>=<span>1D52E</span></span>
+  <span><math class="testfont"><mtext>&#x1D52F;</mtext></math>=<span>1D52F</span></span>
+  <span><math class="testfont"><mtext>&#x1D530;</mtext></math>=<span>1D530</span></span>
+  <span><math class="testfont"><mtext>&#x1D531;</mtext></math>=<span>1D531</span></span>
+  <span><math class="testfont"><mtext>&#x1D532;</mtext></math>=<span>1D532</span></span>
+  <span><math class="testfont"><mtext>&#x1D533;</mtext></math>=<span>1D533</span></span>
+  <span><math class="testfont"><mtext>&#x1D534;</mtext></math>=<span>1D534</span></span>
+  <span><math class="testfont"><mtext>&#x1D535;</mtext></math>=<span>1D535</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D536;</mtext></math>=<span>1D536</span></span>
+  <span><math class="testfont"><mtext>&#x1D537;</mtext></math>=<span>1D537</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur.html
index 8bd15a558bf7..72f20b78c68e 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-fraktur.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant fraktur</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-fraktur-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a fraktur mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,57 +28,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="fraktur">&#x41;</mtext></math>=<span>1D504</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x42;</mtext></math>=<span>1D505</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x43;</mtext></math>=<span>0212D</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x44;</mtext></math>=<span>1D507</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x45;</mtext></math>=<span>1D508</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x46;</mtext></math>=<span>1D509</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x47;</mtext></math>=<span>1D50A</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x48;</mtext></math>=<span>0210C</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x49;</mtext></math>=<span>02111</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x4A;</mtext></math>=<span>1D50D</span></span><br/>
-  <span><math><mtext mathvariant="fraktur">&#x4B;</mtext></math>=<span>1D50E</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x4C;</mtext></math>=<span>1D50F</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x4D;</mtext></math>=<span>1D510</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x4E;</mtext></math>=<span>1D511</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x4F;</mtext></math>=<span>1D512</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x50;</mtext></math>=<span>1D513</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x51;</mtext></math>=<span>1D514</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x52;</mtext></math>=<span>0211C</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x53;</mtext></math>=<span>1D516</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x54;</mtext></math>=<span>1D517</span></span><br/>
-  <span><math><mtext mathvariant="fraktur">&#x55;</mtext></math>=<span>1D518</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x56;</mtext></math>=<span>1D519</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x57;</mtext></math>=<span>1D51A</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x58;</mtext></math>=<span>1D51B</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x59;</mtext></math>=<span>1D51C</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x5A;</mtext></math>=<span>02128</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x61;</mtext></math>=<span>1D51E</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x62;</mtext></math>=<span>1D51F</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x63;</mtext></math>=<span>1D520</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x64;</mtext></math>=<span>1D521</span></span><br/>
-  <span><math><mtext mathvariant="fraktur">&#x65;</mtext></math>=<span>1D522</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x66;</mtext></math>=<span>1D523</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x67;</mtext></math>=<span>1D524</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x68;</mtext></math>=<span>1D525</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x69;</mtext></math>=<span>1D526</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x6A;</mtext></math>=<span>1D527</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x6B;</mtext></math>=<span>1D528</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x6C;</mtext></math>=<span>1D529</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x6D;</mtext></math>=<span>1D52A</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x6E;</mtext></math>=<span>1D52B</span></span><br/>
-  <span><math><mtext mathvariant="fraktur">&#x6F;</mtext></math>=<span>1D52C</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x70;</mtext></math>=<span>1D52D</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x71;</mtext></math>=<span>1D52E</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x72;</mtext></math>=<span>1D52F</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x73;</mtext></math>=<span>1D530</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x74;</mtext></math>=<span>1D531</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x75;</mtext></math>=<span>1D532</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x76;</mtext></math>=<span>1D533</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x77;</mtext></math>=<span>1D534</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x78;</mtext></math>=<span>1D535</span></span><br/>
-  <span><math><mtext mathvariant="fraktur">&#x79;</mtext></math>=<span>1D536</span></span>
-  <span><math><mtext mathvariant="fraktur">&#x7A;</mtext></math>=<span>1D537</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x41;</mtext></math>=<span>1D504</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x42;</mtext></math>=<span>1D505</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x43;</mtext></math>=<span>0212D</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x44;</mtext></math>=<span>1D507</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x45;</mtext></math>=<span>1D508</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x46;</mtext></math>=<span>1D509</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x47;</mtext></math>=<span>1D50A</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x48;</mtext></math>=<span>0210C</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x49;</mtext></math>=<span>02111</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x4A;</mtext></math>=<span>1D50D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x4B;</mtext></math>=<span>1D50E</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x4C;</mtext></math>=<span>1D50F</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x4D;</mtext></math>=<span>1D510</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x4E;</mtext></math>=<span>1D511</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x4F;</mtext></math>=<span>1D512</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x50;</mtext></math>=<span>1D513</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x51;</mtext></math>=<span>1D514</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x52;</mtext></math>=<span>0211C</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x53;</mtext></math>=<span>1D516</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x54;</mtext></math>=<span>1D517</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x55;</mtext></math>=<span>1D518</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x56;</mtext></math>=<span>1D519</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x57;</mtext></math>=<span>1D51A</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x58;</mtext></math>=<span>1D51B</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x59;</mtext></math>=<span>1D51C</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x5A;</mtext></math>=<span>02128</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x61;</mtext></math>=<span>1D51E</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x62;</mtext></math>=<span>1D51F</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x63;</mtext></math>=<span>1D520</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x64;</mtext></math>=<span>1D521</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x65;</mtext></math>=<span>1D522</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x66;</mtext></math>=<span>1D523</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x67;</mtext></math>=<span>1D524</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x68;</mtext></math>=<span>1D525</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x69;</mtext></math>=<span>1D526</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x6A;</mtext></math>=<span>1D527</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x6B;</mtext></math>=<span>1D528</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x6C;</mtext></math>=<span>1D529</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x6D;</mtext></math>=<span>1D52A</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x6E;</mtext></math>=<span>1D52B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x6F;</mtext></math>=<span>1D52C</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x70;</mtext></math>=<span>1D52D</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x71;</mtext></math>=<span>1D52E</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x72;</mtext></math>=<span>1D52F</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x73;</mtext></math>=<span>1D530</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x74;</mtext></math>=<span>1D531</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x75;</mtext></math>=<span>1D532</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x76;</mtext></math>=<span>1D533</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x77;</mtext></math>=<span>1D534</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x78;</mtext></math>=<span>1D535</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x79;</mtext></math>=<span>1D536</span></span>
+  <span><math class="testfont"><mtext mathvariant="fraktur">&#x7A;</mtext></math>=<span>1D537</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial-ref.html
index 722ce5f657da..597277aaec3c 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,25 +23,25 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1EE30;</mtext></math>=<span>1EE30</span></span>
-  <span><math><mtext>&#x1EE32;</mtext></math>=<span>1EE32</span></span>
-  <span><math><mtext>&#x1EE2A;</mtext></math>=<span>1EE2A</span></span>
-  <span><math><mtext>&#x1EE2B;</mtext></math>=<span>1EE2B</span></span>
-  <span><math><mtext>&#x1EE2C;</mtext></math>=<span>1EE2C</span></span>
-  <span><math><mtext>&#x1EE2D;</mtext></math>=<span>1EE2D</span></span>
-  <span><math><mtext>&#x1EE24;</mtext></math>=<span>1EE24</span></span>
-  <span><math><mtext>&#x1EE21;</mtext></math>=<span>1EE21</span></span>
-  <span><math><mtext>&#x1EE29;</mtext></math>=<span>1EE29</span></span>
-  <span><math><mtext>&#x1EE36;</mtext></math>=<span>1EE36</span></span><br/>
-  <span><math><mtext>&#x1EE22;</mtext></math>=<span>1EE22</span></span>
-  <span><math><mtext>&#x1EE27;</mtext></math>=<span>1EE27</span></span>
-  <span><math><mtext>&#x1EE37;</mtext></math>=<span>1EE37</span></span>
-  <span><math><mtext>&#x1EE2E;</mtext></math>=<span>1EE2E</span></span>
-  <span><math><mtext>&#x1EE34;</mtext></math>=<span>1EE34</span></span>
-  <span><math><mtext>&#x1EE31;</mtext></math>=<span>1EE31</span></span>
-  <span><math><mtext>&#x1EE39;</mtext></math>=<span>1EE39</span></span>
-  <span><math><mtext>&#x1EE2F;</mtext></math>=<span>1EE2F</span></span>
-  <span><math><mtext>&#x1EE3B;</mtext></math>=<span>1EE3B</span></span>
-  <span><math><mtext>&#x1EE35;</mtext></math>=<span>1EE35</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE30;</mtext></math>=<span>1EE30</span></span>
+  <span><math class="testfont"><mtext>&#x1EE32;</mtext></math>=<span>1EE32</span></span>
+  <span><math class="testfont"><mtext>&#x1EE2A;</mtext></math>=<span>1EE2A</span></span>
+  <span><math class="testfont"><mtext>&#x1EE2B;</mtext></math>=<span>1EE2B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE2C;</mtext></math>=<span>1EE2C</span></span>
+  <span><math class="testfont"><mtext>&#x1EE2D;</mtext></math>=<span>1EE2D</span></span>
+  <span><math class="testfont"><mtext>&#x1EE24;</mtext></math>=<span>1EE24</span></span>
+  <span><math class="testfont"><mtext>&#x1EE21;</mtext></math>=<span>1EE21</span></span>
+  <span><math class="testfont"><mtext>&#x1EE29;</mtext></math>=<span>1EE29</span></span>
+  <span><math class="testfont"><mtext>&#x1EE36;</mtext></math>=<span>1EE36</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE22;</mtext></math>=<span>1EE22</span></span>
+  <span><math class="testfont"><mtext>&#x1EE27;</mtext></math>=<span>1EE27</span></span>
+  <span><math class="testfont"><mtext>&#x1EE37;</mtext></math>=<span>1EE37</span></span>
+  <span><math class="testfont"><mtext>&#x1EE2E;</mtext></math>=<span>1EE2E</span></span>
+  <span><math class="testfont"><mtext>&#x1EE34;</mtext></math>=<span>1EE34</span></span>
+  <span><math class="testfont"><mtext>&#x1EE31;</mtext></math>=<span>1EE31</span></span>
+  <span><math class="testfont"><mtext>&#x1EE39;</mtext></math>=<span>1EE39</span></span>
+  <span><math class="testfont"><mtext>&#x1EE2F;</mtext></math>=<span>1EE2F</span></span>
+  <span><math class="testfont"><mtext>&#x1EE3B;</mtext></math>=<span>1EE3B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE35;</mtext></math>=<span>1EE35</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial.html
index 58751bd12669..4f35d3847b9b 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-initial.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant initial</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-initial-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a initial mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,25 +28,25 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="initial">&#x641;</mtext></math>=<span>1EE30</span></span>
-  <span><math><mtext mathvariant="initial">&#x642;</mtext></math>=<span>1EE32</span></span>
-  <span><math><mtext mathvariant="initial">&#x643;</mtext></math>=<span>1EE2A</span></span>
-  <span><math><mtext mathvariant="initial">&#x644;</mtext></math>=<span>1EE2B</span></span>
-  <span><math><mtext mathvariant="initial">&#x645;</mtext></math>=<span>1EE2C</span></span>
-  <span><math><mtext mathvariant="initial">&#x646;</mtext></math>=<span>1EE2D</span></span>
-  <span><math><mtext mathvariant="initial">&#x647;</mtext></math>=<span>1EE24</span></span>
-  <span><math><mtext mathvariant="initial">&#x628;</mtext></math>=<span>1EE21</span></span>
-  <span><math><mtext mathvariant="initial">&#x64A;</mtext></math>=<span>1EE29</span></span>
-  <span><math><mtext mathvariant="initial">&#x62B;</mtext></math>=<span>1EE36</span></span><br/>
-  <span><math><mtext mathvariant="initial">&#x62C;</mtext></math>=<span>1EE22</span></span>
-  <span><math><mtext mathvariant="initial">&#x62D;</mtext></math>=<span>1EE27</span></span>
-  <span><math><mtext mathvariant="initial">&#x62E;</mtext></math>=<span>1EE37</span></span>
-  <span><math><mtext mathvariant="initial">&#x633;</mtext></math>=<span>1EE2E</span></span>
-  <span><math><mtext mathvariant="initial">&#x634;</mtext></math>=<span>1EE34</span></span>
-  <span><math><mtext mathvariant="initial">&#x635;</mtext></math>=<span>1EE31</span></span>
-  <span><math><mtext mathvariant="initial">&#x636;</mtext></math>=<span>1EE39</span></span>
-  <span><math><mtext mathvariant="initial">&#x639;</mtext></math>=<span>1EE2F</span></span>
-  <span><math><mtext mathvariant="initial">&#x63A;</mtext></math>=<span>1EE3B</span></span>
-  <span><math><mtext mathvariant="initial">&#x62A;</mtext></math>=<span>1EE35</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x641;</mtext></math>=<span>1EE30</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x642;</mtext></math>=<span>1EE32</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x643;</mtext></math>=<span>1EE2A</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x644;</mtext></math>=<span>1EE2B</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x645;</mtext></math>=<span>1EE2C</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x646;</mtext></math>=<span>1EE2D</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x647;</mtext></math>=<span>1EE24</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x628;</mtext></math>=<span>1EE21</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x64A;</mtext></math>=<span>1EE29</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x62B;</mtext></math>=<span>1EE36</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x62C;</mtext></math>=<span>1EE22</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x62D;</mtext></math>=<span>1EE27</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x62E;</mtext></math>=<span>1EE37</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x633;</mtext></math>=<span>1EE2E</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x634;</mtext></math>=<span>1EE34</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x635;</mtext></math>=<span>1EE31</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x636;</mtext></math>=<span>1EE39</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x639;</mtext></math>=<span>1EE2F</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x63A;</mtext></math>=<span>1EE3B</span></span>
+  <span><math class="testfont"><mtext mathvariant="initial">&#x62A;</mtext></math>=<span>1EE35</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic-ref.html
index 70643b3e6110..f503794efb10 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,117 +23,117 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D715;</mtext></math>=<span>1D715</span></span>
-  <span><math><mtext>&#x1D6FB;</mtext></math>=<span>1D6FB</span></span>
-  <span><math><mtext>&#x1D6A5;</mtext></math>=<span>1D6A5</span></span>
-  <span><math><mtext>&#x1D434;</mtext></math>=<span>1D434</span></span>
-  <span><math><mtext>&#x1D435;</mtext></math>=<span>1D435</span></span>
-  <span><math><mtext>&#x1D436;</mtext></math>=<span>1D436</span></span>
-  <span><math><mtext>&#x1D437;</mtext></math>=<span>1D437</span></span>
-  <span><math><mtext>&#x1D438;</mtext></math>=<span>1D438</span></span>
-  <span><math><mtext>&#x1D439;</mtext></math>=<span>1D439</span></span>
-  <span><math><mtext>&#x1D43A;</mtext></math>=<span>1D43A</span></span><br/>
-  <span><math><mtext>&#x1D43B;</mtext></math>=<span>1D43B</span></span>
-  <span><math><mtext>&#x1D43C;</mtext></math>=<span>1D43C</span></span>
-  <span><math><mtext>&#x1D43D;</mtext></math>=<span>1D43D</span></span>
-  <span><math><mtext>&#x1D43E;</mtext></math>=<span>1D43E</span></span>
-  <span><math><mtext>&#x1D43F;</mtext></math>=<span>1D43F</span></span>
-  <span><math><mtext>&#x1D440;</mtext></math>=<span>1D440</span></span>
-  <span><math><mtext>&#x1D441;</mtext></math>=<span>1D441</span></span>
-  <span><math><mtext>&#x1D442;</mtext></math>=<span>1D442</span></span>
-  <span><math><mtext>&#x1D443;</mtext></math>=<span>1D443</span></span>
-  <span><math><mtext>&#x1D444;</mtext></math>=<span>1D444</span></span><br/>
-  <span><math><mtext>&#x1D445;</mtext></math>=<span>1D445</span></span>
-  <span><math><mtext>&#x1D446;</mtext></math>=<span>1D446</span></span>
-  <span><math><mtext>&#x1D447;</mtext></math>=<span>1D447</span></span>
-  <span><math><mtext>&#x1D448;</mtext></math>=<span>1D448</span></span>
-  <span><math><mtext>&#x1D449;</mtext></math>=<span>1D449</span></span>
-  <span><math><mtext>&#x1D44A;</mtext></math>=<span>1D44A</span></span>
-  <span><math><mtext>&#x1D44B;</mtext></math>=<span>1D44B</span></span>
-  <span><math><mtext>&#x1D44C;</mtext></math>=<span>1D44C</span></span>
-  <span><math><mtext>&#x1D44D;</mtext></math>=<span>1D44D</span></span>
-  <span><math><mtext>&#x1D44E;</mtext></math>=<span>1D44E</span></span><br/>
-  <span><math><mtext>&#x1D44F;</mtext></math>=<span>1D44F</span></span>
-  <span><math><mtext>&#x1D450;</mtext></math>=<span>1D450</span></span>
-  <span><math><mtext>&#x1D451;</mtext></math>=<span>1D451</span></span>
-  <span><math><mtext>&#x1D452;</mtext></math>=<span>1D452</span></span>
-  <span><math><mtext>&#x1D453;</mtext></math>=<span>1D453</span></span>
-  <span><math><mtext>&#x1D454;</mtext></math>=<span>1D454</span></span>
-  <span><math><mtext>&#x210E;</mtext></math>=<span>0210E</span></span>
-  <span><math><mtext>&#x1D456;</mtext></math>=<span>1D456</span></span>
-  <span><math><mtext>&#x1D457;</mtext></math>=<span>1D457</span></span>
-  <span><math><mtext>&#x1D458;</mtext></math>=<span>1D458</span></span><br/>
-  <span><math><mtext>&#x1D459;</mtext></math>=<span>1D459</span></span>
-  <span><math><mtext>&#x1D45A;</mtext></math>=<span>1D45A</span></span>
-  <span><math><mtext>&#x1D45B;</mtext></math>=<span>1D45B</span></span>
-  <span><math><mtext>&#x1D45C;</mtext></math>=<span>1D45C</span></span>
-  <span><math><mtext>&#x1D45D;</mtext></math>=<span>1D45D</span></span>
-  <span><math><mtext>&#x1D45E;</mtext></math>=<span>1D45E</span></span>
-  <span><math><mtext>&#x1D45F;</mtext></math>=<span>1D45F</span></span>
-  <span><math><mtext>&#x1D460;</mtext></math>=<span>1D460</span></span>
-  <span><math><mtext>&#x1D461;</mtext></math>=<span>1D461</span></span>
-  <span><math><mtext>&#x1D462;</mtext></math>=<span>1D462</span></span><br/>
-  <span><math><mtext>&#x1D463;</mtext></math>=<span>1D463</span></span>
-  <span><math><mtext>&#x1D464;</mtext></math>=<span>1D464</span></span>
-  <span><math><mtext>&#x1D465;</mtext></math>=<span>1D465</span></span>
-  <span><math><mtext>&#x1D466;</mtext></math>=<span>1D466</span></span>
-  <span><math><mtext>&#x1D467;</mtext></math>=<span>1D467</span></span>
-  <span><math><mtext>&#x1D6A4;</mtext></math>=<span>1D6A4</span></span>
-  <span><math><mtext>&#x1D6E2;</mtext></math>=<span>1D6E2</span></span>
-  <span><math><mtext>&#x1D6E3;</mtext></math>=<span>1D6E3</span></span>
-  <span><math><mtext>&#x1D6E4;</mtext></math>=<span>1D6E4</span></span>
-  <span><math><mtext>&#x1D6E5;</mtext></math>=<span>1D6E5</span></span><br/>
-  <span><math><mtext>&#x1D6E6;</mtext></math>=<span>1D6E6</span></span>
-  <span><math><mtext>&#x1D6E7;</mtext></math>=<span>1D6E7</span></span>
-  <span><math><mtext>&#x1D6E8;</mtext></math>=<span>1D6E8</span></span>
-  <span><math><mtext>&#x1D6E9;</mtext></math>=<span>1D6E9</span></span>
-  <span><math><mtext>&#x1D6EA;</mtext></math>=<span>1D6EA</span></span>
-  <span><math><mtext>&#x1D6EB;</mtext></math>=<span>1D6EB</span></span>
-  <span><math><mtext>&#x1D6EC;</mtext></math>=<span>1D6EC</span></span>
-  <span><math><mtext>&#x1D6ED;</mtext></math>=<span>1D6ED</span></span>
-  <span><math><mtext>&#x1D6EE;</mtext></math>=<span>1D6EE</span></span>
-  <span><math><mtext>&#x1D6EF;</mtext></math>=<span>1D6EF</span></span><br/>
-  <span><math><mtext>&#x1D6F0;</mtext></math>=<span>1D6F0</span></span>
-  <span><math><mtext>&#x1D6F1;</mtext></math>=<span>1D6F1</span></span>
-  <span><math><mtext>&#x1D6F2;</mtext></math>=<span>1D6F2</span></span>
-  <span><math><mtext>&#x1D6F4;</mtext></math>=<span>1D6F4</span></span>
-  <span><math><mtext>&#x1D6F5;</mtext></math>=<span>1D6F5</span></span>
-  <span><math><mtext>&#x1D6F6;</mtext></math>=<span>1D6F6</span></span>
-  <span><math><mtext>&#x1D6F7;</mtext></math>=<span>1D6F7</span></span>
-  <span><math><mtext>&#x1D6F8;</mtext></math>=<span>1D6F8</span></span>
-  <span><math><mtext>&#x1D6F9;</mtext></math>=<span>1D6F9</span></span>
-  <span><math><mtext>&#x1D6FA;</mtext></math>=<span>1D6FA</span></span><br/>
-  <span><math><mtext>&#x1D6FC;</mtext></math>=<span>1D6FC</span></span>
-  <span><math><mtext>&#x1D6FD;</mtext></math>=<span>1D6FD</span></span>
-  <span><math><mtext>&#x1D6FE;</mtext></math>=<span>1D6FE</span></span>
-  <span><math><mtext>&#x1D6FF;</mtext></math>=<span>1D6FF</span></span>
-  <span><math><mtext>&#x1D700;</mtext></math>=<span>1D700</span></span>
-  <span><math><mtext>&#x1D701;</mtext></math>=<span>1D701</span></span>
-  <span><math><mtext>&#x1D702;</mtext></math>=<span>1D702</span></span>
-  <span><math><mtext>&#x1D703;</mtext></math>=<span>1D703</span></span>
-  <span><math><mtext>&#x1D704;</mtext></math>=<span>1D704</span></span>
-  <span><math><mtext>&#x1D705;</mtext></math>=<span>1D705</span></span><br/>
-  <span><math><mtext>&#x1D706;</mtext></math>=<span>1D706</span></span>
-  <span><math><mtext>&#x1D707;</mtext></math>=<span>1D707</span></span>
-  <span><math><mtext>&#x1D708;</mtext></math>=<span>1D708</span></span>
-  <span><math><mtext>&#x1D709;</mtext></math>=<span>1D709</span></span>
-  <span><math><mtext>&#x1D70A;</mtext></math>=<span>1D70A</span></span>
-  <span><math><mtext>&#x1D70B;</mtext></math>=<span>1D70B</span></span>
-  <span><math><mtext>&#x1D70C;</mtext></math>=<span>1D70C</span></span>
-  <span><math><mtext>&#x1D70D;</mtext></math>=<span>1D70D</span></span>
-  <span><math><mtext>&#x1D70E;</mtext></math>=<span>1D70E</span></span>
-  <span><math><mtext>&#x1D70F;</mtext></math>=<span>1D70F</span></span><br/>
-  <span><math><mtext>&#x1D710;</mtext></math>=<span>1D710</span></span>
-  <span><math><mtext>&#x1D711;</mtext></math>=<span>1D711</span></span>
-  <span><math><mtext>&#x1D712;</mtext></math>=<span>1D712</span></span>
-  <span><math><mtext>&#x1D713;</mtext></math>=<span>1D713</span></span>
-  <span><math><mtext>&#x1D714;</mtext></math>=<span>1D714</span></span>
-  <span><math><mtext>&#x1D717;</mtext></math>=<span>1D717</span></span>
-  <span><math><mtext>&#x1D719;</mtext></math>=<span>1D719</span></span>
-  <span><math><mtext>&#x1D71B;</mtext></math>=<span>1D71B</span></span>
-  <span><math><mtext>&#x1D718;</mtext></math>=<span>1D718</span></span>
-  <span><math><mtext>&#x1D71A;</mtext></math>=<span>1D71A</span></span><br/>
-  <span><math><mtext>&#x1D6F3;</mtext></math>=<span>1D6F3</span></span>
-  <span><math><mtext>&#x1D716;</mtext></math>=<span>1D716</span></span>
+  <span><math class="testfont"><mtext>&#x1D715;</mtext></math>=<span>1D715</span></span>
+  <span><math class="testfont"><mtext>&#x1D6FB;</mtext></math>=<span>1D6FB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A5;</mtext></math>=<span>1D6A5</span></span>
+  <span><math class="testfont"><mtext>&#x1D434;</mtext></math>=<span>1D434</span></span>
+  <span><math class="testfont"><mtext>&#x1D435;</mtext></math>=<span>1D435</span></span>
+  <span><math class="testfont"><mtext>&#x1D436;</mtext></math>=<span>1D436</span></span>
+  <span><math class="testfont"><mtext>&#x1D437;</mtext></math>=<span>1D437</span></span>
+  <span><math class="testfont"><mtext>&#x1D438;</mtext></math>=<span>1D438</span></span>
+  <span><math class="testfont"><mtext>&#x1D439;</mtext></math>=<span>1D439</span></span>
+  <span><math class="testfont"><mtext>&#x1D43A;</mtext></math>=<span>1D43A</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D43B;</mtext></math>=<span>1D43B</span></span>
+  <span><math class="testfont"><mtext>&#x1D43C;</mtext></math>=<span>1D43C</span></span>
+  <span><math class="testfont"><mtext>&#x1D43D;</mtext></math>=<span>1D43D</span></span>
+  <span><math class="testfont"><mtext>&#x1D43E;</mtext></math>=<span>1D43E</span></span>
+  <span><math class="testfont"><mtext>&#x1D43F;</mtext></math>=<span>1D43F</span></span>
+  <span><math class="testfont"><mtext>&#x1D440;</mtext></math>=<span>1D440</span></span>
+  <span><math class="testfont"><mtext>&#x1D441;</mtext></math>=<span>1D441</span></span>
+  <span><math class="testfont"><mtext>&#x1D442;</mtext></math>=<span>1D442</span></span>
+  <span><math class="testfont"><mtext>&#x1D443;</mtext></math>=<span>1D443</span></span>
+  <span><math class="testfont"><mtext>&#x1D444;</mtext></math>=<span>1D444</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D445;</mtext></math>=<span>1D445</span></span>
+  <span><math class="testfont"><mtext>&#x1D446;</mtext></math>=<span>1D446</span></span>
+  <span><math class="testfont"><mtext>&#x1D447;</mtext></math>=<span>1D447</span></span>
+  <span><math class="testfont"><mtext>&#x1D448;</mtext></math>=<span>1D448</span></span>
+  <span><math class="testfont"><mtext>&#x1D449;</mtext></math>=<span>1D449</span></span>
+  <span><math class="testfont"><mtext>&#x1D44A;</mtext></math>=<span>1D44A</span></span>
+  <span><math class="testfont"><mtext>&#x1D44B;</mtext></math>=<span>1D44B</span></span>
+  <span><math class="testfont"><mtext>&#x1D44C;</mtext></math>=<span>1D44C</span></span>
+  <span><math class="testfont"><mtext>&#x1D44D;</mtext></math>=<span>1D44D</span></span>
+  <span><math class="testfont"><mtext>&#x1D44E;</mtext></math>=<span>1D44E</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D44F;</mtext></math>=<span>1D44F</span></span>
+  <span><math class="testfont"><mtext>&#x1D450;</mtext></math>=<span>1D450</span></span>
+  <span><math class="testfont"><mtext>&#x1D451;</mtext></math>=<span>1D451</span></span>
+  <span><math class="testfont"><mtext>&#x1D452;</mtext></math>=<span>1D452</span></span>
+  <span><math class="testfont"><mtext>&#x1D453;</mtext></math>=<span>1D453</span></span>
+  <span><math class="testfont"><mtext>&#x1D454;</mtext></math>=<span>1D454</span></span>
+  <span><math class="testfont"><mtext>&#x210E;</mtext></math>=<span>0210E</span></span>
+  <span><math class="testfont"><mtext>&#x1D456;</mtext></math>=<span>1D456</span></span>
+  <span><math class="testfont"><mtext>&#x1D457;</mtext></math>=<span>1D457</span></span>
+  <span><math class="testfont"><mtext>&#x1D458;</mtext></math>=<span>1D458</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D459;</mtext></math>=<span>1D459</span></span>
+  <span><math class="testfont"><mtext>&#x1D45A;</mtext></math>=<span>1D45A</span></span>
+  <span><math class="testfont"><mtext>&#x1D45B;</mtext></math>=<span>1D45B</span></span>
+  <span><math class="testfont"><mtext>&#x1D45C;</mtext></math>=<span>1D45C</span></span>
+  <span><math class="testfont"><mtext>&#x1D45D;</mtext></math>=<span>1D45D</span></span>
+  <span><math class="testfont"><mtext>&#x1D45E;</mtext></math>=<span>1D45E</span></span>
+  <span><math class="testfont"><mtext>&#x1D45F;</mtext></math>=<span>1D45F</span></span>
+  <span><math class="testfont"><mtext>&#x1D460;</mtext></math>=<span>1D460</span></span>
+  <span><math class="testfont"><mtext>&#x1D461;</mtext></math>=<span>1D461</span></span>
+  <span><math class="testfont"><mtext>&#x1D462;</mtext></math>=<span>1D462</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D463;</mtext></math>=<span>1D463</span></span>
+  <span><math class="testfont"><mtext>&#x1D464;</mtext></math>=<span>1D464</span></span>
+  <span><math class="testfont"><mtext>&#x1D465;</mtext></math>=<span>1D465</span></span>
+  <span><math class="testfont"><mtext>&#x1D466;</mtext></math>=<span>1D466</span></span>
+  <span><math class="testfont"><mtext>&#x1D467;</mtext></math>=<span>1D467</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A4;</mtext></math>=<span>1D6A4</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E2;</mtext></math>=<span>1D6E2</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E3;</mtext></math>=<span>1D6E3</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E4;</mtext></math>=<span>1D6E4</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E5;</mtext></math>=<span>1D6E5</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6E6;</mtext></math>=<span>1D6E6</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E7;</mtext></math>=<span>1D6E7</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E8;</mtext></math>=<span>1D6E8</span></span>
+  <span><math class="testfont"><mtext>&#x1D6E9;</mtext></math>=<span>1D6E9</span></span>
+  <span><math class="testfont"><mtext>&#x1D6EA;</mtext></math>=<span>1D6EA</span></span>
+  <span><math class="testfont"><mtext>&#x1D6EB;</mtext></math>=<span>1D6EB</span></span>
+  <span><math class="testfont"><mtext>&#x1D6EC;</mtext></math>=<span>1D6EC</span></span>
+  <span><math class="testfont"><mtext>&#x1D6ED;</mtext></math>=<span>1D6ED</span></span>
+  <span><math class="testfont"><mtext>&#x1D6EE;</mtext></math>=<span>1D6EE</span></span>
+  <span><math class="testfont"><mtext>&#x1D6EF;</mtext></math>=<span>1D6EF</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6F0;</mtext></math>=<span>1D6F0</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F1;</mtext></math>=<span>1D6F1</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F2;</mtext></math>=<span>1D6F2</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F4;</mtext></math>=<span>1D6F4</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F5;</mtext></math>=<span>1D6F5</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F6;</mtext></math>=<span>1D6F6</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F7;</mtext></math>=<span>1D6F7</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F8;</mtext></math>=<span>1D6F8</span></span>
+  <span><math class="testfont"><mtext>&#x1D6F9;</mtext></math>=<span>1D6F9</span></span>
+  <span><math class="testfont"><mtext>&#x1D6FA;</mtext></math>=<span>1D6FA</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6FC;</mtext></math>=<span>1D6FC</span></span>
+  <span><math class="testfont"><mtext>&#x1D6FD;</mtext></math>=<span>1D6FD</span></span>
+  <span><math class="testfont"><mtext>&#x1D6FE;</mtext></math>=<span>1D6FE</span></span>
+  <span><math class="testfont"><mtext>&#x1D6FF;</mtext></math>=<span>1D6FF</span></span>
+  <span><math class="testfont"><mtext>&#x1D700;</mtext></math>=<span>1D700</span></span>
+  <span><math class="testfont"><mtext>&#x1D701;</mtext></math>=<span>1D701</span></span>
+  <span><math class="testfont"><mtext>&#x1D702;</mtext></math>=<span>1D702</span></span>
+  <span><math class="testfont"><mtext>&#x1D703;</mtext></math>=<span>1D703</span></span>
+  <span><math class="testfont"><mtext>&#x1D704;</mtext></math>=<span>1D704</span></span>
+  <span><math class="testfont"><mtext>&#x1D705;</mtext></math>=<span>1D705</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D706;</mtext></math>=<span>1D706</span></span>
+  <span><math class="testfont"><mtext>&#x1D707;</mtext></math>=<span>1D707</span></span>
+  <span><math class="testfont"><mtext>&#x1D708;</mtext></math>=<span>1D708</span></span>
+  <span><math class="testfont"><mtext>&#x1D709;</mtext></math>=<span>1D709</span></span>
+  <span><math class="testfont"><mtext>&#x1D70A;</mtext></math>=<span>1D70A</span></span>
+  <span><math class="testfont"><mtext>&#x1D70B;</mtext></math>=<span>1D70B</span></span>
+  <span><math class="testfont"><mtext>&#x1D70C;</mtext></math>=<span>1D70C</span></span>
+  <span><math class="testfont"><mtext>&#x1D70D;</mtext></math>=<span>1D70D</span></span>
+  <span><math class="testfont"><mtext>&#x1D70E;</mtext></math>=<span>1D70E</span></span>
+  <span><math class="testfont"><mtext>&#x1D70F;</mtext></math>=<span>1D70F</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D710;</mtext></math>=<span>1D710</span></span>
+  <span><math class="testfont"><mtext>&#x1D711;</mtext></math>=<span>1D711</span></span>
+  <span><math class="testfont"><mtext>&#x1D712;</mtext></math>=<span>1D712</span></span>
+  <span><math class="testfont"><mtext>&#x1D713;</mtext></math>=<span>1D713</span></span>
+  <span><math class="testfont"><mtext>&#x1D714;</mtext></math>=<span>1D714</span></span>
+  <span><math class="testfont"><mtext>&#x1D717;</mtext></math>=<span>1D717</span></span>
+  <span><math class="testfont"><mtext>&#x1D719;</mtext></math>=<span>1D719</span></span>
+  <span><math class="testfont"><mtext>&#x1D71B;</mtext></math>=<span>1D71B</span></span>
+  <span><math class="testfont"><mtext>&#x1D718;</mtext></math>=<span>1D718</span></span>
+  <span><math class="testfont"><mtext>&#x1D71A;</mtext></math>=<span>1D71A</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6F3;</mtext></math>=<span>1D6F3</span></span>
+  <span><math class="testfont"><mtext>&#x1D716;</mtext></math>=<span>1D716</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic.html
index 5bcbd322de85..f30a2c7d84e7 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-italic.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant italic</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-italic-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a italic mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,117 +28,117 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="italic">&#x2202;</mtext></math>=<span>1D715</span></span>
-  <span><math><mtext mathvariant="italic">&#x2207;</mtext></math>=<span>1D6FB</span></span>
-  <span><math><mtext mathvariant="italic">&#x237;</mtext></math>=<span>1D6A5</span></span>
-  <span><math><mtext mathvariant="italic">&#x41;</mtext></math>=<span>1D434</span></span>
-  <span><math><mtext mathvariant="italic">&#x42;</mtext></math>=<span>1D435</span></span>
-  <span><math><mtext mathvariant="italic">&#x43;</mtext></math>=<span>1D436</span></span>
-  <span><math><mtext mathvariant="italic">&#x44;</mtext></math>=<span>1D437</span></span>
-  <span><math><mtext mathvariant="italic">&#x45;</mtext></math>=<span>1D438</span></span>
-  <span><math><mtext mathvariant="italic">&#x46;</mtext></math>=<span>1D439</span></span>
-  <span><math><mtext mathvariant="italic">&#x47;</mtext></math>=<span>1D43A</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x48;</mtext></math>=<span>1D43B</span></span>
-  <span><math><mtext mathvariant="italic">&#x49;</mtext></math>=<span>1D43C</span></span>
-  <span><math><mtext mathvariant="italic">&#x4A;</mtext></math>=<span>1D43D</span></span>
-  <span><math><mtext mathvariant="italic">&#x4B;</mtext></math>=<span>1D43E</span></span>
-  <span><math><mtext mathvariant="italic">&#x4C;</mtext></math>=<span>1D43F</span></span>
-  <span><math><mtext mathvariant="italic">&#x4D;</mtext></math>=<span>1D440</span></span>
-  <span><math><mtext mathvariant="italic">&#x4E;</mtext></math>=<span>1D441</span></span>
-  <span><math><mtext mathvariant="italic">&#x4F;</mtext></math>=<span>1D442</span></span>
-  <span><math><mtext mathvariant="italic">&#x50;</mtext></math>=<span>1D443</span></span>
-  <span><math><mtext mathvariant="italic">&#x51;</mtext></math>=<span>1D444</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x52;</mtext></math>=<span>1D445</span></span>
-  <span><math><mtext mathvariant="italic">&#x53;</mtext></math>=<span>1D446</span></span>
-  <span><math><mtext mathvariant="italic">&#x54;</mtext></math>=<span>1D447</span></span>
-  <span><math><mtext mathvariant="italic">&#x55;</mtext></math>=<span>1D448</span></span>
-  <span><math><mtext mathvariant="italic">&#x56;</mtext></math>=<span>1D449</span></span>
-  <span><math><mtext mathvariant="italic">&#x57;</mtext></math>=<span>1D44A</span></span>
-  <span><math><mtext mathvariant="italic">&#x58;</mtext></math>=<span>1D44B</span></span>
-  <span><math><mtext mathvariant="italic">&#x59;</mtext></math>=<span>1D44C</span></span>
-  <span><math><mtext mathvariant="italic">&#x5A;</mtext></math>=<span>1D44D</span></span>
-  <span><math><mtext mathvariant="italic">&#x61;</mtext></math>=<span>1D44E</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x62;</mtext></math>=<span>1D44F</span></span>
-  <span><math><mtext mathvariant="italic">&#x63;</mtext></math>=<span>1D450</span></span>
-  <span><math><mtext mathvariant="italic">&#x64;</mtext></math>=<span>1D451</span></span>
-  <span><math><mtext mathvariant="italic">&#x65;</mtext></math>=<span>1D452</span></span>
-  <span><math><mtext mathvariant="italic">&#x66;</mtext></math>=<span>1D453</span></span>
-  <span><math><mtext mathvariant="italic">&#x67;</mtext></math>=<span>1D454</span></span>
-  <span><math><mtext mathvariant="italic">&#x68;</mtext></math>=<span>0210E</span></span>
-  <span><math><mtext mathvariant="italic">&#x69;</mtext></math>=<span>1D456</span></span>
-  <span><math><mtext mathvariant="italic">&#x6A;</mtext></math>=<span>1D457</span></span>
-  <span><math><mtext mathvariant="italic">&#x6B;</mtext></math>=<span>1D458</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x6C;</mtext></math>=<span>1D459</span></span>
-  <span><math><mtext mathvariant="italic">&#x6D;</mtext></math>=<span>1D45A</span></span>
-  <span><math><mtext mathvariant="italic">&#x6E;</mtext></math>=<span>1D45B</span></span>
-  <span><math><mtext mathvariant="italic">&#x6F;</mtext></math>=<span>1D45C</span></span>
-  <span><math><mtext mathvariant="italic">&#x70;</mtext></math>=<span>1D45D</span></span>
-  <span><math><mtext mathvariant="italic">&#x71;</mtext></math>=<span>1D45E</span></span>
-  <span><math><mtext mathvariant="italic">&#x72;</mtext></math>=<span>1D45F</span></span>
-  <span><math><mtext mathvariant="italic">&#x73;</mtext></math>=<span>1D460</span></span>
-  <span><math><mtext mathvariant="italic">&#x74;</mtext></math>=<span>1D461</span></span>
-  <span><math><mtext mathvariant="italic">&#x75;</mtext></math>=<span>1D462</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x76;</mtext></math>=<span>1D463</span></span>
-  <span><math><mtext mathvariant="italic">&#x77;</mtext></math>=<span>1D464</span></span>
-  <span><math><mtext mathvariant="italic">&#x78;</mtext></math>=<span>1D465</span></span>
-  <span><math><mtext mathvariant="italic">&#x79;</mtext></math>=<span>1D466</span></span>
-  <span><math><mtext mathvariant="italic">&#x7A;</mtext></math>=<span>1D467</span></span>
-  <span><math><mtext mathvariant="italic">&#x131;</mtext></math>=<span>1D6A4</span></span>
-  <span><math><mtext mathvariant="italic">&#x391;</mtext></math>=<span>1D6E2</span></span>
-  <span><math><mtext mathvariant="italic">&#x392;</mtext></math>=<span>1D6E3</span></span>
-  <span><math><mtext mathvariant="italic">&#x393;</mtext></math>=<span>1D6E4</span></span>
-  <span><math><mtext mathvariant="italic">&#x394;</mtext></math>=<span>1D6E5</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x395;</mtext></math>=<span>1D6E6</span></span>
-  <span><math><mtext mathvariant="italic">&#x396;</mtext></math>=<span>1D6E7</span></span>
-  <span><math><mtext mathvariant="italic">&#x397;</mtext></math>=<span>1D6E8</span></span>
-  <span><math><mtext mathvariant="italic">&#x398;</mtext></math>=<span>1D6E9</span></span>
-  <span><math><mtext mathvariant="italic">&#x399;</mtext></math>=<span>1D6EA</span></span>
-  <span><math><mtext mathvariant="italic">&#x39A;</mtext></math>=<span>1D6EB</span></span>
-  <span><math><mtext mathvariant="italic">&#x39B;</mtext></math>=<span>1D6EC</span></span>
-  <span><math><mtext mathvariant="italic">&#x39C;</mtext></math>=<span>1D6ED</span></span>
-  <span><math><mtext mathvariant="italic">&#x39D;</mtext></math>=<span>1D6EE</span></span>
-  <span><math><mtext mathvariant="italic">&#x39E;</mtext></math>=<span>1D6EF</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x39F;</mtext></math>=<span>1D6F0</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A0;</mtext></math>=<span>1D6F1</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A1;</mtext></math>=<span>1D6F2</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A3;</mtext></math>=<span>1D6F4</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A4;</mtext></math>=<span>1D6F5</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A5;</mtext></math>=<span>1D6F6</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A6;</mtext></math>=<span>1D6F7</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A7;</mtext></math>=<span>1D6F8</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A8;</mtext></math>=<span>1D6F9</span></span>
-  <span><math><mtext mathvariant="italic">&#x3A9;</mtext></math>=<span>1D6FA</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x3B1;</mtext></math>=<span>1D6FC</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B2;</mtext></math>=<span>1D6FD</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B3;</mtext></math>=<span>1D6FE</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B4;</mtext></math>=<span>1D6FF</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B5;</mtext></math>=<span>1D700</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B6;</mtext></math>=<span>1D701</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B7;</mtext></math>=<span>1D702</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B8;</mtext></math>=<span>1D703</span></span>
-  <span><math><mtext mathvariant="italic">&#x3B9;</mtext></math>=<span>1D704</span></span>
-  <span><math><mtext mathvariant="italic">&#x3BA;</mtext></math>=<span>1D705</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x3BB;</mtext></math>=<span>1D706</span></span>
-  <span><math><mtext mathvariant="italic">&#x3BC;</mtext></math>=<span>1D707</span></span>
-  <span><math><mtext mathvariant="italic">&#x3BD;</mtext></math>=<span>1D708</span></span>
-  <span><math><mtext mathvariant="italic">&#x3BE;</mtext></math>=<span>1D709</span></span>
-  <span><math><mtext mathvariant="italic">&#x3BF;</mtext></math>=<span>1D70A</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C0;</mtext></math>=<span>1D70B</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C1;</mtext></math>=<span>1D70C</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C2;</mtext></math>=<span>1D70D</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C3;</mtext></math>=<span>1D70E</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C4;</mtext></math>=<span>1D70F</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x3C5;</mtext></math>=<span>1D710</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C6;</mtext></math>=<span>1D711</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C7;</mtext></math>=<span>1D712</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C8;</mtext></math>=<span>1D713</span></span>
-  <span><math><mtext mathvariant="italic">&#x3C9;</mtext></math>=<span>1D714</span></span>
-  <span><math><mtext mathvariant="italic">&#x3D1;</mtext></math>=<span>1D717</span></span>
-  <span><math><mtext mathvariant="italic">&#x3D5;</mtext></math>=<span>1D719</span></span>
-  <span><math><mtext mathvariant="italic">&#x3D6;</mtext></math>=<span>1D71B</span></span>
-  <span><math><mtext mathvariant="italic">&#x3F0;</mtext></math>=<span>1D718</span></span>
-  <span><math><mtext mathvariant="italic">&#x3F1;</mtext></math>=<span>1D71A</span></span><br/>
-  <span><math><mtext mathvariant="italic">&#x3F4;</mtext></math>=<span>1D6F3</span></span>
-  <span><math><mtext mathvariant="italic">&#x3F5;</mtext></math>=<span>1D716</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x2202;</mtext></math>=<span>1D715</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x2207;</mtext></math>=<span>1D6FB</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x237;</mtext></math>=<span>1D6A5</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x41;</mtext></math>=<span>1D434</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x42;</mtext></math>=<span>1D435</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x43;</mtext></math>=<span>1D436</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x44;</mtext></math>=<span>1D437</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x45;</mtext></math>=<span>1D438</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x46;</mtext></math>=<span>1D439</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x47;</mtext></math>=<span>1D43A</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x48;</mtext></math>=<span>1D43B</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x49;</mtext></math>=<span>1D43C</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x4A;</mtext></math>=<span>1D43D</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x4B;</mtext></math>=<span>1D43E</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x4C;</mtext></math>=<span>1D43F</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x4D;</mtext></math>=<span>1D440</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x4E;</mtext></math>=<span>1D441</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x4F;</mtext></math>=<span>1D442</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x50;</mtext></math>=<span>1D443</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x51;</mtext></math>=<span>1D444</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x52;</mtext></math>=<span>1D445</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x53;</mtext></math>=<span>1D446</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x54;</mtext></math>=<span>1D447</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x55;</mtext></math>=<span>1D448</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x56;</mtext></math>=<span>1D449</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x57;</mtext></math>=<span>1D44A</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x58;</mtext></math>=<span>1D44B</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x59;</mtext></math>=<span>1D44C</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x5A;</mtext></math>=<span>1D44D</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x61;</mtext></math>=<span>1D44E</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x62;</mtext></math>=<span>1D44F</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x63;</mtext></math>=<span>1D450</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x64;</mtext></math>=<span>1D451</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x65;</mtext></math>=<span>1D452</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x66;</mtext></math>=<span>1D453</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x67;</mtext></math>=<span>1D454</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x68;</mtext></math>=<span>0210E</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x69;</mtext></math>=<span>1D456</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x6A;</mtext></math>=<span>1D457</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x6B;</mtext></math>=<span>1D458</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x6C;</mtext></math>=<span>1D459</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x6D;</mtext></math>=<span>1D45A</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x6E;</mtext></math>=<span>1D45B</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x6F;</mtext></math>=<span>1D45C</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x70;</mtext></math>=<span>1D45D</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x71;</mtext></math>=<span>1D45E</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x72;</mtext></math>=<span>1D45F</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x73;</mtext></math>=<span>1D460</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x74;</mtext></math>=<span>1D461</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x75;</mtext></math>=<span>1D462</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x76;</mtext></math>=<span>1D463</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x77;</mtext></math>=<span>1D464</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x78;</mtext></math>=<span>1D465</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x79;</mtext></math>=<span>1D466</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x7A;</mtext></math>=<span>1D467</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x131;</mtext></math>=<span>1D6A4</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x391;</mtext></math>=<span>1D6E2</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x392;</mtext></math>=<span>1D6E3</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x393;</mtext></math>=<span>1D6E4</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x394;</mtext></math>=<span>1D6E5</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x395;</mtext></math>=<span>1D6E6</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x396;</mtext></math>=<span>1D6E7</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x397;</mtext></math>=<span>1D6E8</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x398;</mtext></math>=<span>1D6E9</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x399;</mtext></math>=<span>1D6EA</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x39A;</mtext></math>=<span>1D6EB</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x39B;</mtext></math>=<span>1D6EC</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x39C;</mtext></math>=<span>1D6ED</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x39D;</mtext></math>=<span>1D6EE</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x39E;</mtext></math>=<span>1D6EF</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x39F;</mtext></math>=<span>1D6F0</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A0;</mtext></math>=<span>1D6F1</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A1;</mtext></math>=<span>1D6F2</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A3;</mtext></math>=<span>1D6F4</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A4;</mtext></math>=<span>1D6F5</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A5;</mtext></math>=<span>1D6F6</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A6;</mtext></math>=<span>1D6F7</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A7;</mtext></math>=<span>1D6F8</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A8;</mtext></math>=<span>1D6F9</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3A9;</mtext></math>=<span>1D6FA</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B1;</mtext></math>=<span>1D6FC</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B2;</mtext></math>=<span>1D6FD</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B3;</mtext></math>=<span>1D6FE</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B4;</mtext></math>=<span>1D6FF</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B5;</mtext></math>=<span>1D700</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B6;</mtext></math>=<span>1D701</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B7;</mtext></math>=<span>1D702</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B8;</mtext></math>=<span>1D703</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3B9;</mtext></math>=<span>1D704</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3BA;</mtext></math>=<span>1D705</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3BB;</mtext></math>=<span>1D706</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3BC;</mtext></math>=<span>1D707</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3BD;</mtext></math>=<span>1D708</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3BE;</mtext></math>=<span>1D709</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3BF;</mtext></math>=<span>1D70A</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C0;</mtext></math>=<span>1D70B</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C1;</mtext></math>=<span>1D70C</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C2;</mtext></math>=<span>1D70D</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C3;</mtext></math>=<span>1D70E</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C4;</mtext></math>=<span>1D70F</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C5;</mtext></math>=<span>1D710</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C6;</mtext></math>=<span>1D711</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C7;</mtext></math>=<span>1D712</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C8;</mtext></math>=<span>1D713</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3C9;</mtext></math>=<span>1D714</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3D1;</mtext></math>=<span>1D717</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3D5;</mtext></math>=<span>1D719</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3D6;</mtext></math>=<span>1D71B</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3F0;</mtext></math>=<span>1D718</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3F1;</mtext></math>=<span>1D71A</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3F4;</mtext></math>=<span>1D6F3</span></span>
+  <span><math class="testfont"><mtext mathvariant="italic">&#x3F5;</mtext></math>=<span>1D716</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped-ref.html
index 49bafef99b84..12ccb490a1f3 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,32 +23,32 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1EE80;</mtext></math>=<span>1EE80</span></span>
-  <span><math><mtext>&#x1EE81;</mtext></math>=<span>1EE81</span></span>
-  <span><math><mtext>&#x1EE95;</mtext></math>=<span>1EE95</span></span>
-  <span><math><mtext>&#x1EE96;</mtext></math>=<span>1EE96</span></span>
-  <span><math><mtext>&#x1EE82;</mtext></math>=<span>1EE82</span></span>
-  <span><math><mtext>&#x1EE87;</mtext></math>=<span>1EE87</span></span>
-  <span><math><mtext>&#x1EE97;</mtext></math>=<span>1EE97</span></span>
-  <span><math><mtext>&#x1EE83;</mtext></math>=<span>1EE83</span></span>
-  <span><math><mtext>&#x1EE98;</mtext></math>=<span>1EE98</span></span>
-  <span><math><mtext>&#x1EE93;</mtext></math>=<span>1EE93</span></span><br/>
-  <span><math><mtext>&#x1EE86;</mtext></math>=<span>1EE86</span></span>
-  <span><math><mtext>&#x1EE8E;</mtext></math>=<span>1EE8E</span></span>
-  <span><math><mtext>&#x1EE94;</mtext></math>=<span>1EE94</span></span>
-  <span><math><mtext>&#x1EE91;</mtext></math>=<span>1EE91</span></span>
-  <span><math><mtext>&#x1EE99;</mtext></math>=<span>1EE99</span></span>
-  <span><math><mtext>&#x1EE88;</mtext></math>=<span>1EE88</span></span>
-  <span><math><mtext>&#x1EE9A;</mtext></math>=<span>1EE9A</span></span>
-  <span><math><mtext>&#x1EE8F;</mtext></math>=<span>1EE8F</span></span>
-  <span><math><mtext>&#x1EE9B;</mtext></math>=<span>1EE9B</span></span>
-  <span><math><mtext>&#x1EE90;</mtext></math>=<span>1EE90</span></span><br/>
-  <span><math><mtext>&#x1EE92;</mtext></math>=<span>1EE92</span></span>
-  <span><math><mtext>&#x1EE8B;</mtext></math>=<span>1EE8B</span></span>
-  <span><math><mtext>&#x1EE8C;</mtext></math>=<span>1EE8C</span></span>
-  <span><math><mtext>&#x1EE8D;</mtext></math>=<span>1EE8D</span></span>
-  <span><math><mtext>&#x1EE84;</mtext></math>=<span>1EE84</span></span>
-  <span><math><mtext>&#x1EE85;</mtext></math>=<span>1EE85</span></span>
-  <span><math><mtext>&#x1EE89;</mtext></math>=<span>1EE89</span></span>
+  <span><math class="testfont"><mtext>&#x1EE80;</mtext></math>=<span>1EE80</span></span>
+  <span><math class="testfont"><mtext>&#x1EE81;</mtext></math>=<span>1EE81</span></span>
+  <span><math class="testfont"><mtext>&#x1EE95;</mtext></math>=<span>1EE95</span></span>
+  <span><math class="testfont"><mtext>&#x1EE96;</mtext></math>=<span>1EE96</span></span>
+  <span><math class="testfont"><mtext>&#x1EE82;</mtext></math>=<span>1EE82</span></span>
+  <span><math class="testfont"><mtext>&#x1EE87;</mtext></math>=<span>1EE87</span></span>
+  <span><math class="testfont"><mtext>&#x1EE97;</mtext></math>=<span>1EE97</span></span>
+  <span><math class="testfont"><mtext>&#x1EE83;</mtext></math>=<span>1EE83</span></span>
+  <span><math class="testfont"><mtext>&#x1EE98;</mtext></math>=<span>1EE98</span></span>
+  <span><math class="testfont"><mtext>&#x1EE93;</mtext></math>=<span>1EE93</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE86;</mtext></math>=<span>1EE86</span></span>
+  <span><math class="testfont"><mtext>&#x1EE8E;</mtext></math>=<span>1EE8E</span></span>
+  <span><math class="testfont"><mtext>&#x1EE94;</mtext></math>=<span>1EE94</span></span>
+  <span><math class="testfont"><mtext>&#x1EE91;</mtext></math>=<span>1EE91</span></span>
+  <span><math class="testfont"><mtext>&#x1EE99;</mtext></math>=<span>1EE99</span></span>
+  <span><math class="testfont"><mtext>&#x1EE88;</mtext></math>=<span>1EE88</span></span>
+  <span><math class="testfont"><mtext>&#x1EE9A;</mtext></math>=<span>1EE9A</span></span>
+  <span><math class="testfont"><mtext>&#x1EE8F;</mtext></math>=<span>1EE8F</span></span>
+  <span><math class="testfont"><mtext>&#x1EE9B;</mtext></math>=<span>1EE9B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE90;</mtext></math>=<span>1EE90</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE92;</mtext></math>=<span>1EE92</span></span>
+  <span><math class="testfont"><mtext>&#x1EE8B;</mtext></math>=<span>1EE8B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE8C;</mtext></math>=<span>1EE8C</span></span>
+  <span><math class="testfont"><mtext>&#x1EE8D;</mtext></math>=<span>1EE8D</span></span>
+  <span><math class="testfont"><mtext>&#x1EE84;</mtext></math>=<span>1EE84</span></span>
+  <span><math class="testfont"><mtext>&#x1EE85;</mtext></math>=<span>1EE85</span></span>
+  <span><math class="testfont"><mtext>&#x1EE89;</mtext></math>=<span>1EE89</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped.html
index 0326e86e8f4f..a6732249a03d 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-looped.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant looped</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-looped-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a looped mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,32 +28,32 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="looped">&#x627;</mtext></math>=<span>1EE80</span></span>
-  <span><math><mtext mathvariant="looped">&#x628;</mtext></math>=<span>1EE81</span></span>
-  <span><math><mtext mathvariant="looped">&#x62A;</mtext></math>=<span>1EE95</span></span>
-  <span><math><mtext mathvariant="looped">&#x62B;</mtext></math>=<span>1EE96</span></span>
-  <span><math><mtext mathvariant="looped">&#x62C;</mtext></math>=<span>1EE82</span></span>
-  <span><math><mtext mathvariant="looped">&#x62D;</mtext></math>=<span>1EE87</span></span>
-  <span><math><mtext mathvariant="looped">&#x62E;</mtext></math>=<span>1EE97</span></span>
-  <span><math><mtext mathvariant="looped">&#x62F;</mtext></math>=<span>1EE83</span></span>
-  <span><math><mtext mathvariant="looped">&#x630;</mtext></math>=<span>1EE98</span></span>
-  <span><math><mtext mathvariant="looped">&#x631;</mtext></math>=<span>1EE93</span></span><br/>
-  <span><math><mtext mathvariant="looped">&#x632;</mtext></math>=<span>1EE86</span></span>
-  <span><math><mtext mathvariant="looped">&#x633;</mtext></math>=<span>1EE8E</span></span>
-  <span><math><mtext mathvariant="looped">&#x634;</mtext></math>=<span>1EE94</span></span>
-  <span><math><mtext mathvariant="looped">&#x635;</mtext></math>=<span>1EE91</span></span>
-  <span><math><mtext mathvariant="looped">&#x636;</mtext></math>=<span>1EE99</span></span>
-  <span><math><mtext mathvariant="looped">&#x637;</mtext></math>=<span>1EE88</span></span>
-  <span><math><mtext mathvariant="looped">&#x638;</mtext></math>=<span>1EE9A</span></span>
-  <span><math><mtext mathvariant="looped">&#x639;</mtext></math>=<span>1EE8F</span></span>
-  <span><math><mtext mathvariant="looped">&#x63A;</mtext></math>=<span>1EE9B</span></span>
-  <span><math><mtext mathvariant="looped">&#x641;</mtext></math>=<span>1EE90</span></span><br/>
-  <span><math><mtext mathvariant="looped">&#x642;</mtext></math>=<span>1EE92</span></span>
-  <span><math><mtext mathvariant="looped">&#x644;</mtext></math>=<span>1EE8B</span></span>
-  <span><math><mtext mathvariant="looped">&#x645;</mtext></math>=<span>1EE8C</span></span>
-  <span><math><mtext mathvariant="looped">&#x646;</mtext></math>=<span>1EE8D</span></span>
-  <span><math><mtext mathvariant="looped">&#x647;</mtext></math>=<span>1EE84</span></span>
-  <span><math><mtext mathvariant="looped">&#x648;</mtext></math>=<span>1EE85</span></span>
-  <span><math><mtext mathvariant="looped">&#x64A;</mtext></math>=<span>1EE89</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x627;</mtext></math>=<span>1EE80</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x628;</mtext></math>=<span>1EE81</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x62A;</mtext></math>=<span>1EE95</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x62B;</mtext></math>=<span>1EE96</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x62C;</mtext></math>=<span>1EE82</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x62D;</mtext></math>=<span>1EE87</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x62E;</mtext></math>=<span>1EE97</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x62F;</mtext></math>=<span>1EE83</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x630;</mtext></math>=<span>1EE98</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x631;</mtext></math>=<span>1EE93</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x632;</mtext></math>=<span>1EE86</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x633;</mtext></math>=<span>1EE8E</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x634;</mtext></math>=<span>1EE94</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x635;</mtext></math>=<span>1EE91</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x636;</mtext></math>=<span>1EE99</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x637;</mtext></math>=<span>1EE88</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x638;</mtext></math>=<span>1EE9A</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x639;</mtext></math>=<span>1EE8F</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x63A;</mtext></math>=<span>1EE9B</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x641;</mtext></math>=<span>1EE90</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x642;</mtext></math>=<span>1EE92</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x644;</mtext></math>=<span>1EE8B</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x645;</mtext></math>=<span>1EE8C</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x646;</mtext></math>=<span>1EE8D</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x647;</mtext></math>=<span>1EE84</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x648;</mtext></math>=<span>1EE85</span></span>
+  <span><math class="testfont"><mtext mathvariant="looped">&#x64A;</mtext></math>=<span>1EE89</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace-ref.html
index 9b695a1a447b..bfa672afe535 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,67 +23,67 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D7F6;</mtext></math>=<span>1D7F6</span></span>
-  <span><math><mtext>&#x1D7F7;</mtext></math>=<span>1D7F7</span></span>
-  <span><math><mtext>&#x1D7F8;</mtext></math>=<span>1D7F8</span></span>
-  <span><math><mtext>&#x1D7F9;</mtext></math>=<span>1D7F9</span></span>
-  <span><math><mtext>&#x1D7FA;</mtext></math>=<span>1D7FA</span></span>
-  <span><math><mtext>&#x1D7FB;</mtext></math>=<span>1D7FB</span></span>
-  <span><math><mtext>&#x1D7FC;</mtext></math>=<span>1D7FC</span></span>
-  <span><math><mtext>&#x1D7FD;</mtext></math>=<span>1D7FD</span></span>
-  <span><math><mtext>&#x1D7FE;</mtext></math>=<span>1D7FE</span></span>
-  <span><math><mtext>&#x1D7FF;</mtext></math>=<span>1D7FF</span></span><br/>
-  <span><math><mtext>&#x1D670;</mtext></math>=<span>1D670</span></span>
-  <span><math><mtext>&#x1D671;</mtext></math>=<span>1D671</span></span>
-  <span><math><mtext>&#x1D672;</mtext></math>=<span>1D672</span></span>
-  <span><math><mtext>&#x1D673;</mtext></math>=<span>1D673</span></span>
-  <span><math><mtext>&#x1D674;</mtext></math>=<span>1D674</span></span>
-  <span><math><mtext>&#x1D675;</mtext></math>=<span>1D675</span></span>
-  <span><math><mtext>&#x1D676;</mtext></math>=<span>1D676</span></span>
-  <span><math><mtext>&#x1D677;</mtext></math>=<span>1D677</span></span>
-  <span><math><mtext>&#x1D678;</mtext></math>=<span>1D678</span></span>
-  <span><math><mtext>&#x1D679;</mtext></math>=<span>1D679</span></span><br/>
-  <span><math><mtext>&#x1D67A;</mtext></math>=<span>1D67A</span></span>
-  <span><math><mtext>&#x1D67B;</mtext></math>=<span>1D67B</span></span>
-  <span><math><mtext>&#x1D67C;</mtext></math>=<span>1D67C</span></span>
-  <span><math><mtext>&#x1D67D;</mtext></math>=<span>1D67D</span></span>
-  <span><math><mtext>&#x1D67E;</mtext></math>=<span>1D67E</span></span>
-  <span><math><mtext>&#x1D67F;</mtext></math>=<span>1D67F</span></span>
-  <span><math><mtext>&#x1D680;</mtext></math>=<span>1D680</span></span>
-  <span><math><mtext>&#x1D681;</mtext></math>=<span>1D681</span></span>
-  <span><math><mtext>&#x1D682;</mtext></math>=<span>1D682</span></span>
-  <span><math><mtext>&#x1D683;</mtext></math>=<span>1D683</span></span><br/>
-  <span><math><mtext>&#x1D684;</mtext></math>=<span>1D684</span></span>
-  <span><math><mtext>&#x1D685;</mtext></math>=<span>1D685</span></span>
-  <span><math><mtext>&#x1D686;</mtext></math>=<span>1D686</span></span>
-  <span><math><mtext>&#x1D687;</mtext></math>=<span>1D687</span></span>
-  <span><math><mtext>&#x1D688;</mtext></math>=<span>1D688</span></span>
-  <span><math><mtext>&#x1D689;</mtext></math>=<span>1D689</span></span>
-  <span><math><mtext>&#x1D68A;</mtext></math>=<span>1D68A</span></span>
-  <span><math><mtext>&#x1D68B;</mtext></math>=<span>1D68B</span></span>
-  <span><math><mtext>&#x1D68C;</mtext></math>=<span>1D68C</span></span>
-  <span><math><mtext>&#x1D68D;</mtext></math>=<span>1D68D</span></span><br/>
-  <span><math><mtext>&#x1D68E;</mtext></math>=<span>1D68E</span></span>
-  <span><math><mtext>&#x1D68F;</mtext></math>=<span>1D68F</span></span>
-  <span><math><mtext>&#x1D690;</mtext></math>=<span>1D690</span></span>
-  <span><math><mtext>&#x1D691;</mtext></math>=<span>1D691</span></span>
-  <span><math><mtext>&#x1D692;</mtext></math>=<span>1D692</span></span>
-  <span><math><mtext>&#x1D693;</mtext></math>=<span>1D693</span></span>
-  <span><math><mtext>&#x1D694;</mtext></math>=<span>1D694</span></span>
-  <span><math><mtext>&#x1D695;</mtext></math>=<span>1D695</span></span>
-  <span><math><mtext>&#x1D696;</mtext></math>=<span>1D696</span></span>
-  <span><math><mtext>&#x1D697;</mtext></math>=<span>1D697</span></span><br/>
-  <span><math><mtext>&#x1D698;</mtext></math>=<span>1D698</span></span>
-  <span><math><mtext>&#x1D699;</mtext></math>=<span>1D699</span></span>
-  <span><math><mtext>&#x1D69A;</mtext></math>=<span>1D69A</span></span>
-  <span><math><mtext>&#x1D69B;</mtext></math>=<span>1D69B</span></span>
-  <span><math><mtext>&#x1D69C;</mtext></math>=<span>1D69C</span></span>
-  <span><math><mtext>&#x1D69D;</mtext></math>=<span>1D69D</span></span>
-  <span><math><mtext>&#x1D69E;</mtext></math>=<span>1D69E</span></span>
-  <span><math><mtext>&#x1D69F;</mtext></math>=<span>1D69F</span></span>
-  <span><math><mtext>&#x1D6A0;</mtext></math>=<span>1D6A0</span></span>
-  <span><math><mtext>&#x1D6A1;</mtext></math>=<span>1D6A1</span></span><br/>
-  <span><math><mtext>&#x1D6A2;</mtext></math>=<span>1D6A2</span></span>
-  <span><math><mtext>&#x1D6A3;</mtext></math>=<span>1D6A3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F6;</mtext></math>=<span>1D7F6</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F7;</mtext></math>=<span>1D7F7</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F8;</mtext></math>=<span>1D7F8</span></span>
+  <span><math class="testfont"><mtext>&#x1D7F9;</mtext></math>=<span>1D7F9</span></span>
+  <span><math class="testfont"><mtext>&#x1D7FA;</mtext></math>=<span>1D7FA</span></span>
+  <span><math class="testfont"><mtext>&#x1D7FB;</mtext></math>=<span>1D7FB</span></span>
+  <span><math class="testfont"><mtext>&#x1D7FC;</mtext></math>=<span>1D7FC</span></span>
+  <span><math class="testfont"><mtext>&#x1D7FD;</mtext></math>=<span>1D7FD</span></span>
+  <span><math class="testfont"><mtext>&#x1D7FE;</mtext></math>=<span>1D7FE</span></span>
+  <span><math class="testfont"><mtext>&#x1D7FF;</mtext></math>=<span>1D7FF</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D670;</mtext></math>=<span>1D670</span></span>
+  <span><math class="testfont"><mtext>&#x1D671;</mtext></math>=<span>1D671</span></span>
+  <span><math class="testfont"><mtext>&#x1D672;</mtext></math>=<span>1D672</span></span>
+  <span><math class="testfont"><mtext>&#x1D673;</mtext></math>=<span>1D673</span></span>
+  <span><math class="testfont"><mtext>&#x1D674;</mtext></math>=<span>1D674</span></span>
+  <span><math class="testfont"><mtext>&#x1D675;</mtext></math>=<span>1D675</span></span>
+  <span><math class="testfont"><mtext>&#x1D676;</mtext></math>=<span>1D676</span></span>
+  <span><math class="testfont"><mtext>&#x1D677;</mtext></math>=<span>1D677</span></span>
+  <span><math class="testfont"><mtext>&#x1D678;</mtext></math>=<span>1D678</span></span>
+  <span><math class="testfont"><mtext>&#x1D679;</mtext></math>=<span>1D679</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D67A;</mtext></math>=<span>1D67A</span></span>
+  <span><math class="testfont"><mtext>&#x1D67B;</mtext></math>=<span>1D67B</span></span>
+  <span><math class="testfont"><mtext>&#x1D67C;</mtext></math>=<span>1D67C</span></span>
+  <span><math class="testfont"><mtext>&#x1D67D;</mtext></math>=<span>1D67D</span></span>
+  <span><math class="testfont"><mtext>&#x1D67E;</mtext></math>=<span>1D67E</span></span>
+  <span><math class="testfont"><mtext>&#x1D67F;</mtext></math>=<span>1D67F</span></span>
+  <span><math class="testfont"><mtext>&#x1D680;</mtext></math>=<span>1D680</span></span>
+  <span><math class="testfont"><mtext>&#x1D681;</mtext></math>=<span>1D681</span></span>
+  <span><math class="testfont"><mtext>&#x1D682;</mtext></math>=<span>1D682</span></span>
+  <span><math class="testfont"><mtext>&#x1D683;</mtext></math>=<span>1D683</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D684;</mtext></math>=<span>1D684</span></span>
+  <span><math class="testfont"><mtext>&#x1D685;</mtext></math>=<span>1D685</span></span>
+  <span><math class="testfont"><mtext>&#x1D686;</mtext></math>=<span>1D686</span></span>
+  <span><math class="testfont"><mtext>&#x1D687;</mtext></math>=<span>1D687</span></span>
+  <span><math class="testfont"><mtext>&#x1D688;</mtext></math>=<span>1D688</span></span>
+  <span><math class="testfont"><mtext>&#x1D689;</mtext></math>=<span>1D689</span></span>
+  <span><math class="testfont"><mtext>&#x1D68A;</mtext></math>=<span>1D68A</span></span>
+  <span><math class="testfont"><mtext>&#x1D68B;</mtext></math>=<span>1D68B</span></span>
+  <span><math class="testfont"><mtext>&#x1D68C;</mtext></math>=<span>1D68C</span></span>
+  <span><math class="testfont"><mtext>&#x1D68D;</mtext></math>=<span>1D68D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D68E;</mtext></math>=<span>1D68E</span></span>
+  <span><math class="testfont"><mtext>&#x1D68F;</mtext></math>=<span>1D68F</span></span>
+  <span><math class="testfont"><mtext>&#x1D690;</mtext></math>=<span>1D690</span></span>
+  <span><math class="testfont"><mtext>&#x1D691;</mtext></math>=<span>1D691</span></span>
+  <span><math class="testfont"><mtext>&#x1D692;</mtext></math>=<span>1D692</span></span>
+  <span><math class="testfont"><mtext>&#x1D693;</mtext></math>=<span>1D693</span></span>
+  <span><math class="testfont"><mtext>&#x1D694;</mtext></math>=<span>1D694</span></span>
+  <span><math class="testfont"><mtext>&#x1D695;</mtext></math>=<span>1D695</span></span>
+  <span><math class="testfont"><mtext>&#x1D696;</mtext></math>=<span>1D696</span></span>
+  <span><math class="testfont"><mtext>&#x1D697;</mtext></math>=<span>1D697</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D698;</mtext></math>=<span>1D698</span></span>
+  <span><math class="testfont"><mtext>&#x1D699;</mtext></math>=<span>1D699</span></span>
+  <span><math class="testfont"><mtext>&#x1D69A;</mtext></math>=<span>1D69A</span></span>
+  <span><math class="testfont"><mtext>&#x1D69B;</mtext></math>=<span>1D69B</span></span>
+  <span><math class="testfont"><mtext>&#x1D69C;</mtext></math>=<span>1D69C</span></span>
+  <span><math class="testfont"><mtext>&#x1D69D;</mtext></math>=<span>1D69D</span></span>
+  <span><math class="testfont"><mtext>&#x1D69E;</mtext></math>=<span>1D69E</span></span>
+  <span><math class="testfont"><mtext>&#x1D69F;</mtext></math>=<span>1D69F</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A0;</mtext></math>=<span>1D6A0</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A1;</mtext></math>=<span>1D6A1</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D6A2;</mtext></math>=<span>1D6A2</span></span>
+  <span><math class="testfont"><mtext>&#x1D6A3;</mtext></math>=<span>1D6A3</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace.html
index 8d9a5d3df27c..9e76b10e9daf 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-monospace.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant monospace</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-monospace-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a monospace mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,67 +28,67 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="monospace">&#x30;</mtext></math>=<span>1D7F6</span></span>
-  <span><math><mtext mathvariant="monospace">&#x31;</mtext></math>=<span>1D7F7</span></span>
-  <span><math><mtext mathvariant="monospace">&#x32;</mtext></math>=<span>1D7F8</span></span>
-  <span><math><mtext mathvariant="monospace">&#x33;</mtext></math>=<span>1D7F9</span></span>
-  <span><math><mtext mathvariant="monospace">&#x34;</mtext></math>=<span>1D7FA</span></span>
-  <span><math><mtext mathvariant="monospace">&#x35;</mtext></math>=<span>1D7FB</span></span>
-  <span><math><mtext mathvariant="monospace">&#x36;</mtext></math>=<span>1D7FC</span></span>
-  <span><math><mtext mathvariant="monospace">&#x37;</mtext></math>=<span>1D7FD</span></span>
-  <span><math><mtext mathvariant="monospace">&#x38;</mtext></math>=<span>1D7FE</span></span>
-  <span><math><mtext mathvariant="monospace">&#x39;</mtext></math>=<span>1D7FF</span></span><br/>
-  <span><math><mtext mathvariant="monospace">&#x41;</mtext></math>=<span>1D670</span></span>
-  <span><math><mtext mathvariant="monospace">&#x42;</mtext></math>=<span>1D671</span></span>
-  <span><math><mtext mathvariant="monospace">&#x43;</mtext></math>=<span>1D672</span></span>
-  <span><math><mtext mathvariant="monospace">&#x44;</mtext></math>=<span>1D673</span></span>
-  <span><math><mtext mathvariant="monospace">&#x45;</mtext></math>=<span>1D674</span></span>
-  <span><math><mtext mathvariant="monospace">&#x46;</mtext></math>=<span>1D675</span></span>
-  <span><math><mtext mathvariant="monospace">&#x47;</mtext></math>=<span>1D676</span></span>
-  <span><math><mtext mathvariant="monospace">&#x48;</mtext></math>=<span>1D677</span></span>
-  <span><math><mtext mathvariant="monospace">&#x49;</mtext></math>=<span>1D678</span></span>
-  <span><math><mtext mathvariant="monospace">&#x4A;</mtext></math>=<span>1D679</span></span><br/>
-  <span><math><mtext mathvariant="monospace">&#x4B;</mtext></math>=<span>1D67A</span></span>
-  <span><math><mtext mathvariant="monospace">&#x4C;</mtext></math>=<span>1D67B</span></span>
-  <span><math><mtext mathvariant="monospace">&#x4D;</mtext></math>=<span>1D67C</span></span>
-  <span><math><mtext mathvariant="monospace">&#x4E;</mtext></math>=<span>1D67D</span></span>
-  <span><math><mtext mathvariant="monospace">&#x4F;</mtext></math>=<span>1D67E</span></span>
-  <span><math><mtext mathvariant="monospace">&#x50;</mtext></math>=<span>1D67F</span></span>
-  <span><math><mtext mathvariant="monospace">&#x51;</mtext></math>=<span>1D680</span></span>
-  <span><math><mtext mathvariant="monospace">&#x52;</mtext></math>=<span>1D681</span></span>
-  <span><math><mtext mathvariant="monospace">&#x53;</mtext></math>=<span>1D682</span></span>
-  <span><math><mtext mathvariant="monospace">&#x54;</mtext></math>=<span>1D683</span></span><br/>
-  <span><math><mtext mathvariant="monospace">&#x55;</mtext></math>=<span>1D684</span></span>
-  <span><math><mtext mathvariant="monospace">&#x56;</mtext></math>=<span>1D685</span></span>
-  <span><math><mtext mathvariant="monospace">&#x57;</mtext></math>=<span>1D686</span></span>
-  <span><math><mtext mathvariant="monospace">&#x58;</mtext></math>=<span>1D687</span></span>
-  <span><math><mtext mathvariant="monospace">&#x59;</mtext></math>=<span>1D688</span></span>
-  <span><math><mtext mathvariant="monospace">&#x5A;</mtext></math>=<span>1D689</span></span>
-  <span><math><mtext mathvariant="monospace">&#x61;</mtext></math>=<span>1D68A</span></span>
-  <span><math><mtext mathvariant="monospace">&#x62;</mtext></math>=<span>1D68B</span></span>
-  <span><math><mtext mathvariant="monospace">&#x63;</mtext></math>=<span>1D68C</span></span>
-  <span><math><mtext mathvariant="monospace">&#x64;</mtext></math>=<span>1D68D</span></span><br/>
-  <span><math><mtext mathvariant="monospace">&#x65;</mtext></math>=<span>1D68E</span></span>
-  <span><math><mtext mathvariant="monospace">&#x66;</mtext></math>=<span>1D68F</span></span>
-  <span><math><mtext mathvariant="monospace">&#x67;</mtext></math>=<span>1D690</span></span>
-  <span><math><mtext mathvariant="monospace">&#x68;</mtext></math>=<span>1D691</span></span>
-  <span><math><mtext mathvariant="monospace">&#x69;</mtext></math>=<span>1D692</span></span>
-  <span><math><mtext mathvariant="monospace">&#x6A;</mtext></math>=<span>1D693</span></span>
-  <span><math><mtext mathvariant="monospace">&#x6B;</mtext></math>=<span>1D694</span></span>
-  <span><math><mtext mathvariant="monospace">&#x6C;</mtext></math>=<span>1D695</span></span>
-  <span><math><mtext mathvariant="monospace">&#x6D;</mtext></math>=<span>1D696</span></span>
-  <span><math><mtext mathvariant="monospace">&#x6E;</mtext></math>=<span>1D697</span></span><br/>
-  <span><math><mtext mathvariant="monospace">&#x6F;</mtext></math>=<span>1D698</span></span>
-  <span><math><mtext mathvariant="monospace">&#x70;</mtext></math>=<span>1D699</span></span>
-  <span><math><mtext mathvariant="monospace">&#x71;</mtext></math>=<span>1D69A</span></span>
-  <span><math><mtext mathvariant="monospace">&#x72;</mtext></math>=<span>1D69B</span></span>
-  <span><math><mtext mathvariant="monospace">&#x73;</mtext></math>=<span>1D69C</span></span>
-  <span><math><mtext mathvariant="monospace">&#x74;</mtext></math>=<span>1D69D</span></span>
-  <span><math><mtext mathvariant="monospace">&#x75;</mtext></math>=<span>1D69E</span></span>
-  <span><math><mtext mathvariant="monospace">&#x76;</mtext></math>=<span>1D69F</span></span>
-  <span><math><mtext mathvariant="monospace">&#x77;</mtext></math>=<span>1D6A0</span></span>
-  <span><math><mtext mathvariant="monospace">&#x78;</mtext></math>=<span>1D6A1</span></span><br/>
-  <span><math><mtext mathvariant="monospace">&#x79;</mtext></math>=<span>1D6A2</span></span>
-  <span><math><mtext mathvariant="monospace">&#x7A;</mtext></math>=<span>1D6A3</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x30;</mtext></math>=<span>1D7F6</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x31;</mtext></math>=<span>1D7F7</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x32;</mtext></math>=<span>1D7F8</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x33;</mtext></math>=<span>1D7F9</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x34;</mtext></math>=<span>1D7FA</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x35;</mtext></math>=<span>1D7FB</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x36;</mtext></math>=<span>1D7FC</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x37;</mtext></math>=<span>1D7FD</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x38;</mtext></math>=<span>1D7FE</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x39;</mtext></math>=<span>1D7FF</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x41;</mtext></math>=<span>1D670</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x42;</mtext></math>=<span>1D671</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x43;</mtext></math>=<span>1D672</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x44;</mtext></math>=<span>1D673</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x45;</mtext></math>=<span>1D674</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x46;</mtext></math>=<span>1D675</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x47;</mtext></math>=<span>1D676</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x48;</mtext></math>=<span>1D677</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x49;</mtext></math>=<span>1D678</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x4A;</mtext></math>=<span>1D679</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x4B;</mtext></math>=<span>1D67A</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x4C;</mtext></math>=<span>1D67B</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x4D;</mtext></math>=<span>1D67C</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x4E;</mtext></math>=<span>1D67D</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x4F;</mtext></math>=<span>1D67E</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x50;</mtext></math>=<span>1D67F</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x51;</mtext></math>=<span>1D680</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x52;</mtext></math>=<span>1D681</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x53;</mtext></math>=<span>1D682</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x54;</mtext></math>=<span>1D683</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x55;</mtext></math>=<span>1D684</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x56;</mtext></math>=<span>1D685</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x57;</mtext></math>=<span>1D686</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x58;</mtext></math>=<span>1D687</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x59;</mtext></math>=<span>1D688</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x5A;</mtext></math>=<span>1D689</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x61;</mtext></math>=<span>1D68A</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x62;</mtext></math>=<span>1D68B</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x63;</mtext></math>=<span>1D68C</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x64;</mtext></math>=<span>1D68D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x65;</mtext></math>=<span>1D68E</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x66;</mtext></math>=<span>1D68F</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x67;</mtext></math>=<span>1D690</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x68;</mtext></math>=<span>1D691</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x69;</mtext></math>=<span>1D692</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x6A;</mtext></math>=<span>1D693</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x6B;</mtext></math>=<span>1D694</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x6C;</mtext></math>=<span>1D695</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x6D;</mtext></math>=<span>1D696</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x6E;</mtext></math>=<span>1D697</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x6F;</mtext></math>=<span>1D698</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x70;</mtext></math>=<span>1D699</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x71;</mtext></math>=<span>1D69A</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x72;</mtext></math>=<span>1D69B</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x73;</mtext></math>=<span>1D69C</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x74;</mtext></math>=<span>1D69D</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x75;</mtext></math>=<span>1D69E</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x76;</mtext></math>=<span>1D69F</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x77;</mtext></math>=<span>1D6A0</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x78;</mtext></math>=<span>1D6A1</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x79;</mtext></math>=<span>1D6A2</span></span>
+  <span><math class="testfont"><mtext mathvariant="monospace">&#x7A;</mtext></math>=<span>1D6A3</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic-ref.html
index f8ef62bd6a2f..2b992affe5d7 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,115 +23,115 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D7C3;</mtext></math>=<span>1D7C3</span></span>
-  <span><math><mtext>&#x1D7A9;</mtext></math>=<span>1D7A9</span></span>
-  <span><math><mtext>&#x1D63C;</mtext></math>=<span>1D63C</span></span>
-  <span><math><mtext>&#x1D63D;</mtext></math>=<span>1D63D</span></span>
-  <span><math><mtext>&#x1D63E;</mtext></math>=<span>1D63E</span></span>
-  <span><math><mtext>&#x1D63F;</mtext></math>=<span>1D63F</span></span>
-  <span><math><mtext>&#x1D640;</mtext></math>=<span>1D640</span></span>
-  <span><math><mtext>&#x1D641;</mtext></math>=<span>1D641</span></span>
-  <span><math><mtext>&#x1D642;</mtext></math>=<span>1D642</span></span>
-  <span><math><mtext>&#x1D643;</mtext></math>=<span>1D643</span></span><br/>
-  <span><math><mtext>&#x1D644;</mtext></math>=<span>1D644</span></span>
-  <span><math><mtext>&#x1D645;</mtext></math>=<span>1D645</span></span>
-  <span><math><mtext>&#x1D646;</mtext></math>=<span>1D646</span></span>
-  <span><math><mtext>&#x1D647;</mtext></math>=<span>1D647</span></span>
-  <span><math><mtext>&#x1D648;</mtext></math>=<span>1D648</span></span>
-  <span><math><mtext>&#x1D649;</mtext></math>=<span>1D649</span></span>
-  <span><math><mtext>&#x1D64A;</mtext></math>=<span>1D64A</span></span>
-  <span><math><mtext>&#x1D64B;</mtext></math>=<span>1D64B</span></span>
-  <span><math><mtext>&#x1D64C;</mtext></math>=<span>1D64C</span></span>
-  <span><math><mtext>&#x1D64D;</mtext></math>=<span>1D64D</span></span><br/>
-  <span><math><mtext>&#x1D64E;</mtext></math>=<span>1D64E</span></span>
-  <span><math><mtext>&#x1D64F;</mtext></math>=<span>1D64F</span></span>
-  <span><math><mtext>&#x1D650;</mtext></math>=<span>1D650</span></span>
-  <span><math><mtext>&#x1D651;</mtext></math>=<span>1D651</span></span>
-  <span><math><mtext>&#x1D652;</mtext></math>=<span>1D652</span></span>
-  <span><math><mtext>&#x1D653;</mtext></math>=<span>1D653</span></span>
-  <span><math><mtext>&#x1D654;</mtext></math>=<span>1D654</span></span>
-  <span><math><mtext>&#x1D655;</mtext></math>=<span>1D655</span></span>
-  <span><math><mtext>&#x1D656;</mtext></math>=<span>1D656</span></span>
-  <span><math><mtext>&#x1D657;</mtext></math>=<span>1D657</span></span><br/>
-  <span><math><mtext>&#x1D658;</mtext></math>=<span>1D658</span></span>
-  <span><math><mtext>&#x1D659;</mtext></math>=<span>1D659</span></span>
-  <span><math><mtext>&#x1D65A;</mtext></math>=<span>1D65A</span></span>
-  <span><math><mtext>&#x1D65B;</mtext></math>=<span>1D65B</span></span>
-  <span><math><mtext>&#x1D65C;</mtext></math>=<span>1D65C</span></span>
-  <span><math><mtext>&#x1D65D;</mtext></math>=<span>1D65D</span></span>
-  <span><math><mtext>&#x1D65E;</mtext></math>=<span>1D65E</span></span>
-  <span><math><mtext>&#x1D65F;</mtext></math>=<span>1D65F</span></span>
-  <span><math><mtext>&#x1D660;</mtext></math>=<span>1D660</span></span>
-  <span><math><mtext>&#x1D661;</mtext></math>=<span>1D661</span></span><br/>
-  <span><math><mtext>&#x1D662;</mtext></math>=<span>1D662</span></span>
-  <span><math><mtext>&#x1D663;</mtext></math>=<span>1D663</span></span>
-  <span><math><mtext>&#x1D664;</mtext></math>=<span>1D664</span></span>
-  <span><math><mtext>&#x1D665;</mtext></math>=<span>1D665</span></span>
-  <span><math><mtext>&#x1D666;</mtext></math>=<span>1D666</span></span>
-  <span><math><mtext>&#x1D667;</mtext></math>=<span>1D667</span></span>
-  <span><math><mtext>&#x1D668;</mtext></math>=<span>1D668</span></span>
-  <span><math><mtext>&#x1D669;</mtext></math>=<span>1D669</span></span>
-  <span><math><mtext>&#x1D66A;</mtext></math>=<span>1D66A</span></span>
-  <span><math><mtext>&#x1D66B;</mtext></math>=<span>1D66B</span></span><br/>
-  <span><math><mtext>&#x1D66C;</mtext></math>=<span>1D66C</span></span>
-  <span><math><mtext>&#x1D66D;</mtext></math>=<span>1D66D</span></span>
-  <span><math><mtext>&#x1D66E;</mtext></math>=<span>1D66E</span></span>
-  <span><math><mtext>&#x1D66F;</mtext></math>=<span>1D66F</span></span>
-  <span><math><mtext>&#x1D790;</mtext></math>=<span>1D790</span></span>
-  <span><math><mtext>&#x1D791;</mtext></math>=<span>1D791</span></span>
-  <span><math><mtext>&#x1D792;</mtext></math>=<span>1D792</span></span>
-  <span><math><mtext>&#x1D793;</mtext></math>=<span>1D793</span></span>
-  <span><math><mtext>&#x1D794;</mtext></math>=<span>1D794</span></span>
-  <span><math><mtext>&#x1D795;</mtext></math>=<span>1D795</span></span><br/>
-  <span><math><mtext>&#x1D796;</mtext></math>=<span>1D796</span></span>
-  <span><math><mtext>&#x1D797;</mtext></math>=<span>1D797</span></span>
-  <span><math><mtext>&#x1D798;</mtext></math>=<span>1D798</span></span>
-  <span><math><mtext>&#x1D799;</mtext></math>=<span>1D799</span></span>
-  <span><math><mtext>&#x1D79A;</mtext></math>=<span>1D79A</span></span>
-  <span><math><mtext>&#x1D79B;</mtext></math>=<span>1D79B</span></span>
-  <span><math><mtext>&#x1D79C;</mtext></math>=<span>1D79C</span></span>
-  <span><math><mtext>&#x1D79D;</mtext></math>=<span>1D79D</span></span>
-  <span><math><mtext>&#x1D79E;</mtext></math>=<span>1D79E</span></span>
-  <span><math><mtext>&#x1D79F;</mtext></math>=<span>1D79F</span></span><br/>
-  <span><math><mtext>&#x1D7A0;</mtext></math>=<span>1D7A0</span></span>
-  <span><math><mtext>&#x1D7A2;</mtext></math>=<span>1D7A2</span></span>
-  <span><math><mtext>&#x1D7A3;</mtext></math>=<span>1D7A3</span></span>
-  <span><math><mtext>&#x1D7A4;</mtext></math>=<span>1D7A4</span></span>
-  <span><math><mtext>&#x1D7A5;</mtext></math>=<span>1D7A5</span></span>
-  <span><math><mtext>&#x1D7A6;</mtext></math>=<span>1D7A6</span></span>
-  <span><math><mtext>&#x1D7A7;</mtext></math>=<span>1D7A7</span></span>
-  <span><math><mtext>&#x1D7A8;</mtext></math>=<span>1D7A8</span></span>
-  <span><math><mtext>&#x1D7AA;</mtext></math>=<span>1D7AA</span></span>
-  <span><math><mtext>&#x1D7AB;</mtext></math>=<span>1D7AB</span></span><br/>
-  <span><math><mtext>&#x1D7AC;</mtext></math>=<span>1D7AC</span></span>
-  <span><math><mtext>&#x1D7AD;</mtext></math>=<span>1D7AD</span></span>
-  <span><math><mtext>&#x1D7AE;</mtext></math>=<span>1D7AE</span></span>
-  <span><math><mtext>&#x1D7AF;</mtext></math>=<span>1D7AF</span></span>
-  <span><math><mtext>&#x1D7B0;</mtext></math>=<span>1D7B0</span></span>
-  <span><math><mtext>&#x1D7B1;</mtext></math>=<span>1D7B1</span></span>
-  <span><math><mtext>&#x1D7B2;</mtext></math>=<span>1D7B2</span></span>
-  <span><math><mtext>&#x1D7B3;</mtext></math>=<span>1D7B3</span></span>
-  <span><math><mtext>&#x1D7B4;</mtext></math>=<span>1D7B4</span></span>
-  <span><math><mtext>&#x1D7B5;</mtext></math>=<span>1D7B5</span></span><br/>
-  <span><math><mtext>&#x1D7B6;</mtext></math>=<span>1D7B6</span></span>
-  <span><math><mtext>&#x1D7B7;</mtext></math>=<span>1D7B7</span></span>
-  <span><math><mtext>&#x1D7B8;</mtext></math>=<span>1D7B8</span></span>
-  <span><math><mtext>&#x1D7B9;</mtext></math>=<span>1D7B9</span></span>
-  <span><math><mtext>&#x1D7BA;</mtext></math>=<span>1D7BA</span></span>
-  <span><math><mtext>&#x1D7BB;</mtext></math>=<span>1D7BB</span></span>
-  <span><math><mtext>&#x1D7BC;</mtext></math>=<span>1D7BC</span></span>
-  <span><math><mtext>&#x1D7BD;</mtext></math>=<span>1D7BD</span></span>
-  <span><math><mtext>&#x1D7BE;</mtext></math>=<span>1D7BE</span></span>
-  <span><math><mtext>&#x1D7BF;</mtext></math>=<span>1D7BF</span></span><br/>
-  <span><math><mtext>&#x1D7C0;</mtext></math>=<span>1D7C0</span></span>
-  <span><math><mtext>&#x1D7C1;</mtext></math>=<span>1D7C1</span></span>
-  <span><math><mtext>&#x1D7C2;</mtext></math>=<span>1D7C2</span></span>
-  <span><math><mtext>&#x1D7C5;</mtext></math>=<span>1D7C5</span></span>
-  <span><math><mtext>&#x1D7C7;</mtext></math>=<span>1D7C7</span></span>
-  <span><math><mtext>&#x1D7C9;</mtext></math>=<span>1D7C9</span></span>
-  <span><math><mtext>&#x1D7C6;</mtext></math>=<span>1D7C6</span></span>
-  <span><math><mtext>&#x1D7C8;</mtext></math>=<span>1D7C8</span></span>
-  <span><math><mtext>&#x1D7A1;</mtext></math>=<span>1D7A1</span></span>
-  <span><math><mtext>&#x1D7C4;</mtext></math>=<span>1D7C4</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7C3;</mtext></math>=<span>1D7C3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A9;</mtext></math>=<span>1D7A9</span></span>
+  <span><math class="testfont"><mtext>&#x1D63C;</mtext></math>=<span>1D63C</span></span>
+  <span><math class="testfont"><mtext>&#x1D63D;</mtext></math>=<span>1D63D</span></span>
+  <span><math class="testfont"><mtext>&#x1D63E;</mtext></math>=<span>1D63E</span></span>
+  <span><math class="testfont"><mtext>&#x1D63F;</mtext></math>=<span>1D63F</span></span>
+  <span><math class="testfont"><mtext>&#x1D640;</mtext></math>=<span>1D640</span></span>
+  <span><math class="testfont"><mtext>&#x1D641;</mtext></math>=<span>1D641</span></span>
+  <span><math class="testfont"><mtext>&#x1D642;</mtext></math>=<span>1D642</span></span>
+  <span><math class="testfont"><mtext>&#x1D643;</mtext></math>=<span>1D643</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D644;</mtext></math>=<span>1D644</span></span>
+  <span><math class="testfont"><mtext>&#x1D645;</mtext></math>=<span>1D645</span></span>
+  <span><math class="testfont"><mtext>&#x1D646;</mtext></math>=<span>1D646</span></span>
+  <span><math class="testfont"><mtext>&#x1D647;</mtext></math>=<span>1D647</span></span>
+  <span><math class="testfont"><mtext>&#x1D648;</mtext></math>=<span>1D648</span></span>
+  <span><math class="testfont"><mtext>&#x1D649;</mtext></math>=<span>1D649</span></span>
+  <span><math class="testfont"><mtext>&#x1D64A;</mtext></math>=<span>1D64A</span></span>
+  <span><math class="testfont"><mtext>&#x1D64B;</mtext></math>=<span>1D64B</span></span>
+  <span><math class="testfont"><mtext>&#x1D64C;</mtext></math>=<span>1D64C</span></span>
+  <span><math class="testfont"><mtext>&#x1D64D;</mtext></math>=<span>1D64D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D64E;</mtext></math>=<span>1D64E</span></span>
+  <span><math class="testfont"><mtext>&#x1D64F;</mtext></math>=<span>1D64F</span></span>
+  <span><math class="testfont"><mtext>&#x1D650;</mtext></math>=<span>1D650</span></span>
+  <span><math class="testfont"><mtext>&#x1D651;</mtext></math>=<span>1D651</span></span>
+  <span><math class="testfont"><mtext>&#x1D652;</mtext></math>=<span>1D652</span></span>
+  <span><math class="testfont"><mtext>&#x1D653;</mtext></math>=<span>1D653</span></span>
+  <span><math class="testfont"><mtext>&#x1D654;</mtext></math>=<span>1D654</span></span>
+  <span><math class="testfont"><mtext>&#x1D655;</mtext></math>=<span>1D655</span></span>
+  <span><math class="testfont"><mtext>&#x1D656;</mtext></math>=<span>1D656</span></span>
+  <span><math class="testfont"><mtext>&#x1D657;</mtext></math>=<span>1D657</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D658;</mtext></math>=<span>1D658</span></span>
+  <span><math class="testfont"><mtext>&#x1D659;</mtext></math>=<span>1D659</span></span>
+  <span><math class="testfont"><mtext>&#x1D65A;</mtext></math>=<span>1D65A</span></span>
+  <span><math class="testfont"><mtext>&#x1D65B;</mtext></math>=<span>1D65B</span></span>
+  <span><math class="testfont"><mtext>&#x1D65C;</mtext></math>=<span>1D65C</span></span>
+  <span><math class="testfont"><mtext>&#x1D65D;</mtext></math>=<span>1D65D</span></span>
+  <span><math class="testfont"><mtext>&#x1D65E;</mtext></math>=<span>1D65E</span></span>
+  <span><math class="testfont"><mtext>&#x1D65F;</mtext></math>=<span>1D65F</span></span>
+  <span><math class="testfont"><mtext>&#x1D660;</mtext></math>=<span>1D660</span></span>
+  <span><math class="testfont"><mtext>&#x1D661;</mtext></math>=<span>1D661</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D662;</mtext></math>=<span>1D662</span></span>
+  <span><math class="testfont"><mtext>&#x1D663;</mtext></math>=<span>1D663</span></span>
+  <span><math class="testfont"><mtext>&#x1D664;</mtext></math>=<span>1D664</span></span>
+  <span><math class="testfont"><mtext>&#x1D665;</mtext></math>=<span>1D665</span></span>
+  <span><math class="testfont"><mtext>&#x1D666;</mtext></math>=<span>1D666</span></span>
+  <span><math class="testfont"><mtext>&#x1D667;</mtext></math>=<span>1D667</span></span>
+  <span><math class="testfont"><mtext>&#x1D668;</mtext></math>=<span>1D668</span></span>
+  <span><math class="testfont"><mtext>&#x1D669;</mtext></math>=<span>1D669</span></span>
+  <span><math class="testfont"><mtext>&#x1D66A;</mtext></math>=<span>1D66A</span></span>
+  <span><math class="testfont"><mtext>&#x1D66B;</mtext></math>=<span>1D66B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D66C;</mtext></math>=<span>1D66C</span></span>
+  <span><math class="testfont"><mtext>&#x1D66D;</mtext></math>=<span>1D66D</span></span>
+  <span><math class="testfont"><mtext>&#x1D66E;</mtext></math>=<span>1D66E</span></span>
+  <span><math class="testfont"><mtext>&#x1D66F;</mtext></math>=<span>1D66F</span></span>
+  <span><math class="testfont"><mtext>&#x1D790;</mtext></math>=<span>1D790</span></span>
+  <span><math class="testfont"><mtext>&#x1D791;</mtext></math>=<span>1D791</span></span>
+  <span><math class="testfont"><mtext>&#x1D792;</mtext></math>=<span>1D792</span></span>
+  <span><math class="testfont"><mtext>&#x1D793;</mtext></math>=<span>1D793</span></span>
+  <span><math class="testfont"><mtext>&#x1D794;</mtext></math>=<span>1D794</span></span>
+  <span><math class="testfont"><mtext>&#x1D795;</mtext></math>=<span>1D795</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D796;</mtext></math>=<span>1D796</span></span>
+  <span><math class="testfont"><mtext>&#x1D797;</mtext></math>=<span>1D797</span></span>
+  <span><math class="testfont"><mtext>&#x1D798;</mtext></math>=<span>1D798</span></span>
+  <span><math class="testfont"><mtext>&#x1D799;</mtext></math>=<span>1D799</span></span>
+  <span><math class="testfont"><mtext>&#x1D79A;</mtext></math>=<span>1D79A</span></span>
+  <span><math class="testfont"><mtext>&#x1D79B;</mtext></math>=<span>1D79B</span></span>
+  <span><math class="testfont"><mtext>&#x1D79C;</mtext></math>=<span>1D79C</span></span>
+  <span><math class="testfont"><mtext>&#x1D79D;</mtext></math>=<span>1D79D</span></span>
+  <span><math class="testfont"><mtext>&#x1D79E;</mtext></math>=<span>1D79E</span></span>
+  <span><math class="testfont"><mtext>&#x1D79F;</mtext></math>=<span>1D79F</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7A0;</mtext></math>=<span>1D7A0</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A2;</mtext></math>=<span>1D7A2</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A3;</mtext></math>=<span>1D7A3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A4;</mtext></math>=<span>1D7A4</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A5;</mtext></math>=<span>1D7A5</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A6;</mtext></math>=<span>1D7A6</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A7;</mtext></math>=<span>1D7A7</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A8;</mtext></math>=<span>1D7A8</span></span>
+  <span><math class="testfont"><mtext>&#x1D7AA;</mtext></math>=<span>1D7AA</span></span>
+  <span><math class="testfont"><mtext>&#x1D7AB;</mtext></math>=<span>1D7AB</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7AC;</mtext></math>=<span>1D7AC</span></span>
+  <span><math class="testfont"><mtext>&#x1D7AD;</mtext></math>=<span>1D7AD</span></span>
+  <span><math class="testfont"><mtext>&#x1D7AE;</mtext></math>=<span>1D7AE</span></span>
+  <span><math class="testfont"><mtext>&#x1D7AF;</mtext></math>=<span>1D7AF</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B0;</mtext></math>=<span>1D7B0</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B1;</mtext></math>=<span>1D7B1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B2;</mtext></math>=<span>1D7B2</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B3;</mtext></math>=<span>1D7B3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B4;</mtext></math>=<span>1D7B4</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B5;</mtext></math>=<span>1D7B5</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7B6;</mtext></math>=<span>1D7B6</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B7;</mtext></math>=<span>1D7B7</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B8;</mtext></math>=<span>1D7B8</span></span>
+  <span><math class="testfont"><mtext>&#x1D7B9;</mtext></math>=<span>1D7B9</span></span>
+  <span><math class="testfont"><mtext>&#x1D7BA;</mtext></math>=<span>1D7BA</span></span>
+  <span><math class="testfont"><mtext>&#x1D7BB;</mtext></math>=<span>1D7BB</span></span>
+  <span><math class="testfont"><mtext>&#x1D7BC;</mtext></math>=<span>1D7BC</span></span>
+  <span><math class="testfont"><mtext>&#x1D7BD;</mtext></math>=<span>1D7BD</span></span>
+  <span><math class="testfont"><mtext>&#x1D7BE;</mtext></math>=<span>1D7BE</span></span>
+  <span><math class="testfont"><mtext>&#x1D7BF;</mtext></math>=<span>1D7BF</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D7C0;</mtext></math>=<span>1D7C0</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C1;</mtext></math>=<span>1D7C1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C2;</mtext></math>=<span>1D7C2</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C5;</mtext></math>=<span>1D7C5</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C7;</mtext></math>=<span>1D7C7</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C9;</mtext></math>=<span>1D7C9</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C6;</mtext></math>=<span>1D7C6</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C8;</mtext></math>=<span>1D7C8</span></span>
+  <span><math class="testfont"><mtext>&#x1D7A1;</mtext></math>=<span>1D7A1</span></span>
+  <span><math class="testfont"><mtext>&#x1D7C4;</mtext></math>=<span>1D7C4</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic.html
index 21401bc84ac9..832fd15b7bd3 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-bold-italic.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant sans-serif-bold-italic</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-sans-serif-bold-italic-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a sans-serif-bold-italic mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,115 +28,115 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x2202;</mtext></math>=<span>1D7C3</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x2207;</mtext></math>=<span>1D7A9</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x41;</mtext></math>=<span>1D63C</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x42;</mtext></math>=<span>1D63D</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x43;</mtext></math>=<span>1D63E</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x44;</mtext></math>=<span>1D63F</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x45;</mtext></math>=<span>1D640</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x46;</mtext></math>=<span>1D641</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x47;</mtext></math>=<span>1D642</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x48;</mtext></math>=<span>1D643</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x49;</mtext></math>=<span>1D644</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x4A;</mtext></math>=<span>1D645</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x4B;</mtext></math>=<span>1D646</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x4C;</mtext></math>=<span>1D647</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x4D;</mtext></math>=<span>1D648</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x4E;</mtext></math>=<span>1D649</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x4F;</mtext></math>=<span>1D64A</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x50;</mtext></math>=<span>1D64B</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x51;</mtext></math>=<span>1D64C</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x52;</mtext></math>=<span>1D64D</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x53;</mtext></math>=<span>1D64E</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x54;</mtext></math>=<span>1D64F</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x55;</mtext></math>=<span>1D650</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x56;</mtext></math>=<span>1D651</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x57;</mtext></math>=<span>1D652</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x58;</mtext></math>=<span>1D653</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x59;</mtext></math>=<span>1D654</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x5A;</mtext></math>=<span>1D655</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x61;</mtext></math>=<span>1D656</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x62;</mtext></math>=<span>1D657</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x63;</mtext></math>=<span>1D658</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x64;</mtext></math>=<span>1D659</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x65;</mtext></math>=<span>1D65A</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x66;</mtext></math>=<span>1D65B</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x67;</mtext></math>=<span>1D65C</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x68;</mtext></math>=<span>1D65D</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x69;</mtext></math>=<span>1D65E</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x6A;</mtext></math>=<span>1D65F</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x6B;</mtext></math>=<span>1D660</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x6C;</mtext></math>=<span>1D661</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x6D;</mtext></math>=<span>1D662</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x6E;</mtext></math>=<span>1D663</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x6F;</mtext></math>=<span>1D664</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x70;</mtext></math>=<span>1D665</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x71;</mtext></math>=<span>1D666</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x72;</mtext></math>=<span>1D667</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x73;</mtext></math>=<span>1D668</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x74;</mtext></math>=<span>1D669</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x75;</mtext></math>=<span>1D66A</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x76;</mtext></math>=<span>1D66B</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x77;</mtext></math>=<span>1D66C</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x78;</mtext></math>=<span>1D66D</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x79;</mtext></math>=<span>1D66E</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x7A;</mtext></math>=<span>1D66F</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x391;</mtext></math>=<span>1D790</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x392;</mtext></math>=<span>1D791</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x393;</mtext></math>=<span>1D792</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x394;</mtext></math>=<span>1D793</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x395;</mtext></math>=<span>1D794</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x396;</mtext></math>=<span>1D795</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x397;</mtext></math>=<span>1D796</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x398;</mtext></math>=<span>1D797</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x399;</mtext></math>=<span>1D798</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x39A;</mtext></math>=<span>1D799</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x39B;</mtext></math>=<span>1D79A</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x39C;</mtext></math>=<span>1D79B</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x39D;</mtext></math>=<span>1D79C</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x39E;</mtext></math>=<span>1D79D</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x39F;</mtext></math>=<span>1D79E</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A0;</mtext></math>=<span>1D79F</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A1;</mtext></math>=<span>1D7A0</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A3;</mtext></math>=<span>1D7A2</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A4;</mtext></math>=<span>1D7A3</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A5;</mtext></math>=<span>1D7A4</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A6;</mtext></math>=<span>1D7A5</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A7;</mtext></math>=<span>1D7A6</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A8;</mtext></math>=<span>1D7A7</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3A9;</mtext></math>=<span>1D7A8</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B1;</mtext></math>=<span>1D7AA</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B2;</mtext></math>=<span>1D7AB</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B3;</mtext></math>=<span>1D7AC</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B4;</mtext></math>=<span>1D7AD</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B5;</mtext></math>=<span>1D7AE</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B6;</mtext></math>=<span>1D7AF</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B7;</mtext></math>=<span>1D7B0</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B8;</mtext></math>=<span>1D7B1</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3B9;</mtext></math>=<span>1D7B2</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3BA;</mtext></math>=<span>1D7B3</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3BB;</mtext></math>=<span>1D7B4</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3BC;</mtext></math>=<span>1D7B5</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3BD;</mtext></math>=<span>1D7B6</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3BE;</mtext></math>=<span>1D7B7</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3BF;</mtext></math>=<span>1D7B8</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C0;</mtext></math>=<span>1D7B9</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C1;</mtext></math>=<span>1D7BA</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C2;</mtext></math>=<span>1D7BB</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C3;</mtext></math>=<span>1D7BC</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C4;</mtext></math>=<span>1D7BD</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C5;</mtext></math>=<span>1D7BE</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C6;</mtext></math>=<span>1D7BF</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C7;</mtext></math>=<span>1D7C0</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C8;</mtext></math>=<span>1D7C1</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3C9;</mtext></math>=<span>1D7C2</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3D1;</mtext></math>=<span>1D7C5</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3D5;</mtext></math>=<span>1D7C7</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3D6;</mtext></math>=<span>1D7C9</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3F0;</mtext></math>=<span>1D7C6</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3F1;</mtext></math>=<span>1D7C8</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3F4;</mtext></math>=<span>1D7A1</span></span>
-  <span><math><mtext mathvariant="sans-serif-bold-italic">&#x3F5;</mtext></math>=<span>1D7C4</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x2202;</mtext></math>=<span>1D7C3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x2207;</mtext></math>=<span>1D7A9</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x41;</mtext></math>=<span>1D63C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x42;</mtext></math>=<span>1D63D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x43;</mtext></math>=<span>1D63E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x44;</mtext></math>=<span>1D63F</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x45;</mtext></math>=<span>1D640</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x46;</mtext></math>=<span>1D641</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x47;</mtext></math>=<span>1D642</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x48;</mtext></math>=<span>1D643</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x49;</mtext></math>=<span>1D644</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x4A;</mtext></math>=<span>1D645</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x4B;</mtext></math>=<span>1D646</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x4C;</mtext></math>=<span>1D647</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x4D;</mtext></math>=<span>1D648</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x4E;</mtext></math>=<span>1D649</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x4F;</mtext></math>=<span>1D64A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x50;</mtext></math>=<span>1D64B</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x51;</mtext></math>=<span>1D64C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x52;</mtext></math>=<span>1D64D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x53;</mtext></math>=<span>1D64E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x54;</mtext></math>=<span>1D64F</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x55;</mtext></math>=<span>1D650</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x56;</mtext></math>=<span>1D651</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x57;</mtext></math>=<span>1D652</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x58;</mtext></math>=<span>1D653</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x59;</mtext></math>=<span>1D654</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x5A;</mtext></math>=<span>1D655</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x61;</mtext></math>=<span>1D656</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x62;</mtext></math>=<span>1D657</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x63;</mtext></math>=<span>1D658</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x64;</mtext></math>=<span>1D659</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x65;</mtext></math>=<span>1D65A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x66;</mtext></math>=<span>1D65B</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x67;</mtext></math>=<span>1D65C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x68;</mtext></math>=<span>1D65D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x69;</mtext></math>=<span>1D65E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x6A;</mtext></math>=<span>1D65F</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x6B;</mtext></math>=<span>1D660</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x6C;</mtext></math>=<span>1D661</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x6D;</mtext></math>=<span>1D662</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x6E;</mtext></math>=<span>1D663</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x6F;</mtext></math>=<span>1D664</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x70;</mtext></math>=<span>1D665</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x71;</mtext></math>=<span>1D666</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x72;</mtext></math>=<span>1D667</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x73;</mtext></math>=<span>1D668</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x74;</mtext></math>=<span>1D669</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x75;</mtext></math>=<span>1D66A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x76;</mtext></math>=<span>1D66B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x77;</mtext></math>=<span>1D66C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x78;</mtext></math>=<span>1D66D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x79;</mtext></math>=<span>1D66E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x7A;</mtext></math>=<span>1D66F</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x391;</mtext></math>=<span>1D790</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x392;</mtext></math>=<span>1D791</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x393;</mtext></math>=<span>1D792</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x394;</mtext></math>=<span>1D793</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x395;</mtext></math>=<span>1D794</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x396;</mtext></math>=<span>1D795</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x397;</mtext></math>=<span>1D796</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x398;</mtext></math>=<span>1D797</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x399;</mtext></math>=<span>1D798</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x39A;</mtext></math>=<span>1D799</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x39B;</mtext></math>=<span>1D79A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x39C;</mtext></math>=<span>1D79B</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x39D;</mtext></math>=<span>1D79C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x39E;</mtext></math>=<span>1D79D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x39F;</mtext></math>=<span>1D79E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A0;</mtext></math>=<span>1D79F</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A1;</mtext></math>=<span>1D7A0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A3;</mtext></math>=<span>1D7A2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A4;</mtext></math>=<span>1D7A3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A5;</mtext></math>=<span>1D7A4</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A6;</mtext></math>=<span>1D7A5</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A7;</mtext></math>=<span>1D7A6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A8;</mtext></math>=<span>1D7A7</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3A9;</mtext></math>=<span>1D7A8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B1;</mtext></math>=<span>1D7AA</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B2;</mtext></math>=<span>1D7AB</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B3;</mtext></math>=<span>1D7AC</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B4;</mtext></math>=<span>1D7AD</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B5;</mtext></math>=<span>1D7AE</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B6;</mtext></math>=<span>1D7AF</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B7;</mtext></math>=<span>1D7B0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B8;</mtext></math>=<span>1D7B1</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3B9;</mtext></math>=<span>1D7B2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3BA;</mtext></math>=<span>1D7B3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3BB;</mtext></math>=<span>1D7B4</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3BC;</mtext></math>=<span>1D7B5</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3BD;</mtext></math>=<span>1D7B6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3BE;</mtext></math>=<span>1D7B7</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3BF;</mtext></math>=<span>1D7B8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C0;</mtext></math>=<span>1D7B9</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C1;</mtext></math>=<span>1D7BA</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C2;</mtext></math>=<span>1D7BB</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C3;</mtext></math>=<span>1D7BC</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C4;</mtext></math>=<span>1D7BD</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C5;</mtext></math>=<span>1D7BE</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C6;</mtext></math>=<span>1D7BF</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C7;</mtext></math>=<span>1D7C0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C8;</mtext></math>=<span>1D7C1</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3C9;</mtext></math>=<span>1D7C2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3D1;</mtext></math>=<span>1D7C5</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3D5;</mtext></math>=<span>1D7C7</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3D6;</mtext></math>=<span>1D7C9</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3F0;</mtext></math>=<span>1D7C6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3F1;</mtext></math>=<span>1D7C8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3F4;</mtext></math>=<span>1D7A1</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-bold-italic">&#x3F5;</mtext></math>=<span>1D7C4</span></span><br/>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic-ref.html
index b82cde87e294..d7e23248c69b 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,57 +23,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D608;</mtext></math>=<span>1D608</span></span>
-  <span><math><mtext>&#x1D609;</mtext></math>=<span>1D609</span></span>
-  <span><math><mtext>&#x1D60A;</mtext></math>=<span>1D60A</span></span>
-  <span><math><mtext>&#x1D60B;</mtext></math>=<span>1D60B</span></span>
-  <span><math><mtext>&#x1D60C;</mtext></math>=<span>1D60C</span></span>
-  <span><math><mtext>&#x1D60D;</mtext></math>=<span>1D60D</span></span>
-  <span><math><mtext>&#x1D60E;</mtext></math>=<span>1D60E</span></span>
-  <span><math><mtext>&#x1D60F;</mtext></math>=<span>1D60F</span></span>
-  <span><math><mtext>&#x1D610;</mtext></math>=<span>1D610</span></span>
-  <span><math><mtext>&#x1D611;</mtext></math>=<span>1D611</span></span><br/>
-  <span><math><mtext>&#x1D612;</mtext></math>=<span>1D612</span></span>
-  <span><math><mtext>&#x1D613;</mtext></math>=<span>1D613</span></span>
-  <span><math><mtext>&#x1D614;</mtext></math>=<span>1D614</span></span>
-  <span><math><mtext>&#x1D615;</mtext></math>=<span>1D615</span></span>
-  <span><math><mtext>&#x1D616;</mtext></math>=<span>1D616</span></span>
-  <span><math><mtext>&#x1D617;</mtext></math>=<span>1D617</span></span>
-  <span><math><mtext>&#x1D618;</mtext></math>=<span>1D618</span></span>
-  <span><math><mtext>&#x1D619;</mtext></math>=<span>1D619</span></span>
-  <span><math><mtext>&#x1D61A;</mtext></math>=<span>1D61A</span></span>
-  <span><math><mtext>&#x1D61B;</mtext></math>=<span>1D61B</span></span><br/>
-  <span><math><mtext>&#x1D61C;</mtext></math>=<span>1D61C</span></span>
-  <span><math><mtext>&#x1D61D;</mtext></math>=<span>1D61D</span></span>
-  <span><math><mtext>&#x1D61E;</mtext></math>=<span>1D61E</span></span>
-  <span><math><mtext>&#x1D61F;</mtext></math>=<span>1D61F</span></span>
-  <span><math><mtext>&#x1D620;</mtext></math>=<span>1D620</span></span>
-  <span><math><mtext>&#x1D621;</mtext></math>=<span>1D621</span></span>
-  <span><math><mtext>&#x1D622;</mtext></math>=<span>1D622</span></span>
-  <span><math><mtext>&#x1D623;</mtext></math>=<span>1D623</span></span>
-  <span><math><mtext>&#x1D624;</mtext></math>=<span>1D624</span></span>
-  <span><math><mtext>&#x1D625;</mtext></math>=<span>1D625</span></span><br/>
-  <span><math><mtext>&#x1D626;</mtext></math>=<span>1D626</span></span>
-  <span><math><mtext>&#x1D627;</mtext></math>=<span>1D627</span></span>
-  <span><math><mtext>&#x1D628;</mtext></math>=<span>1D628</span></span>
-  <span><math><mtext>&#x1D629;</mtext></math>=<span>1D629</span></span>
-  <span><math><mtext>&#x1D62A;</mtext></math>=<span>1D62A</span></span>
-  <span><math><mtext>&#x1D62B;</mtext></math>=<span>1D62B</span></span>
-  <span><math><mtext>&#x1D62C;</mtext></math>=<span>1D62C</span></span>
-  <span><math><mtext>&#x1D62D;</mtext></math>=<span>1D62D</span></span>
-  <span><math><mtext>&#x1D62E;</mtext></math>=<span>1D62E</span></span>
-  <span><math><mtext>&#x1D62F;</mtext></math>=<span>1D62F</span></span><br/>
-  <span><math><mtext>&#x1D630;</mtext></math>=<span>1D630</span></span>
-  <span><math><mtext>&#x1D631;</mtext></math>=<span>1D631</span></span>
-  <span><math><mtext>&#x1D632;</mtext></math>=<span>1D632</span></span>
-  <span><math><mtext>&#x1D633;</mtext></math>=<span>1D633</span></span>
-  <span><math><mtext>&#x1D634;</mtext></math>=<span>1D634</span></span>
-  <span><math><mtext>&#x1D635;</mtext></math>=<span>1D635</span></span>
-  <span><math><mtext>&#x1D636;</mtext></math>=<span>1D636</span></span>
-  <span><math><mtext>&#x1D637;</mtext></math>=<span>1D637</span></span>
-  <span><math><mtext>&#x1D638;</mtext></math>=<span>1D638</span></span>
-  <span><math><mtext>&#x1D639;</mtext></math>=<span>1D639</span></span><br/>
-  <span><math><mtext>&#x1D63A;</mtext></math>=<span>1D63A</span></span>
-  <span><math><mtext>&#x1D63B;</mtext></math>=<span>1D63B</span></span>
+  <span><math class="testfont"><mtext>&#x1D608;</mtext></math>=<span>1D608</span></span>
+  <span><math class="testfont"><mtext>&#x1D609;</mtext></math>=<span>1D609</span></span>
+  <span><math class="testfont"><mtext>&#x1D60A;</mtext></math>=<span>1D60A</span></span>
+  <span><math class="testfont"><mtext>&#x1D60B;</mtext></math>=<span>1D60B</span></span>
+  <span><math class="testfont"><mtext>&#x1D60C;</mtext></math>=<span>1D60C</span></span>
+  <span><math class="testfont"><mtext>&#x1D60D;</mtext></math>=<span>1D60D</span></span>
+  <span><math class="testfont"><mtext>&#x1D60E;</mtext></math>=<span>1D60E</span></span>
+  <span><math class="testfont"><mtext>&#x1D60F;</mtext></math>=<span>1D60F</span></span>
+  <span><math class="testfont"><mtext>&#x1D610;</mtext></math>=<span>1D610</span></span>
+  <span><math class="testfont"><mtext>&#x1D611;</mtext></math>=<span>1D611</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D612;</mtext></math>=<span>1D612</span></span>
+  <span><math class="testfont"><mtext>&#x1D613;</mtext></math>=<span>1D613</span></span>
+  <span><math class="testfont"><mtext>&#x1D614;</mtext></math>=<span>1D614</span></span>
+  <span><math class="testfont"><mtext>&#x1D615;</mtext></math>=<span>1D615</span></span>
+  <span><math class="testfont"><mtext>&#x1D616;</mtext></math>=<span>1D616</span></span>
+  <span><math class="testfont"><mtext>&#x1D617;</mtext></math>=<span>1D617</span></span>
+  <span><math class="testfont"><mtext>&#x1D618;</mtext></math>=<span>1D618</span></span>
+  <span><math class="testfont"><mtext>&#x1D619;</mtext></math>=<span>1D619</span></span>
+  <span><math class="testfont"><mtext>&#x1D61A;</mtext></math>=<span>1D61A</span></span>
+  <span><math class="testfont"><mtext>&#x1D61B;</mtext></math>=<span>1D61B</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D61C;</mtext></math>=<span>1D61C</span></span>
+  <span><math class="testfont"><mtext>&#x1D61D;</mtext></math>=<span>1D61D</span></span>
+  <span><math class="testfont"><mtext>&#x1D61E;</mtext></math>=<span>1D61E</span></span>
+  <span><math class="testfont"><mtext>&#x1D61F;</mtext></math>=<span>1D61F</span></span>
+  <span><math class="testfont"><mtext>&#x1D620;</mtext></math>=<span>1D620</span></span>
+  <span><math class="testfont"><mtext>&#x1D621;</mtext></math>=<span>1D621</span></span>
+  <span><math class="testfont"><mtext>&#x1D622;</mtext></math>=<span>1D622</span></span>
+  <span><math class="testfont"><mtext>&#x1D623;</mtext></math>=<span>1D623</span></span>
+  <span><math class="testfont"><mtext>&#x1D624;</mtext></math>=<span>1D624</span></span>
+  <span><math class="testfont"><mtext>&#x1D625;</mtext></math>=<span>1D625</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D626;</mtext></math>=<span>1D626</span></span>
+  <span><math class="testfont"><mtext>&#x1D627;</mtext></math>=<span>1D627</span></span>
+  <span><math class="testfont"><mtext>&#x1D628;</mtext></math>=<span>1D628</span></span>
+  <span><math class="testfont"><mtext>&#x1D629;</mtext></math>=<span>1D629</span></span>
+  <span><math class="testfont"><mtext>&#x1D62A;</mtext></math>=<span>1D62A</span></span>
+  <span><math class="testfont"><mtext>&#x1D62B;</mtext></math>=<span>1D62B</span></span>
+  <span><math class="testfont"><mtext>&#x1D62C;</mtext></math>=<span>1D62C</span></span>
+  <span><math class="testfont"><mtext>&#x1D62D;</mtext></math>=<span>1D62D</span></span>
+  <span><math class="testfont"><mtext>&#x1D62E;</mtext></math>=<span>1D62E</span></span>
+  <span><math class="testfont"><mtext>&#x1D62F;</mtext></math>=<span>1D62F</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D630;</mtext></math>=<span>1D630</span></span>
+  <span><math class="testfont"><mtext>&#x1D631;</mtext></math>=<span>1D631</span></span>
+  <span><math class="testfont"><mtext>&#x1D632;</mtext></math>=<span>1D632</span></span>
+  <span><math class="testfont"><mtext>&#x1D633;</mtext></math>=<span>1D633</span></span>
+  <span><math class="testfont"><mtext>&#x1D634;</mtext></math>=<span>1D634</span></span>
+  <span><math class="testfont"><mtext>&#x1D635;</mtext></math>=<span>1D635</span></span>
+  <span><math class="testfont"><mtext>&#x1D636;</mtext></math>=<span>1D636</span></span>
+  <span><math class="testfont"><mtext>&#x1D637;</mtext></math>=<span>1D637</span></span>
+  <span><math class="testfont"><mtext>&#x1D638;</mtext></math>=<span>1D638</span></span>
+  <span><math class="testfont"><mtext>&#x1D639;</mtext></math>=<span>1D639</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D63A;</mtext></math>=<span>1D63A</span></span>
+  <span><math class="testfont"><mtext>&#x1D63B;</mtext></math>=<span>1D63B</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic.html
index 257387231914..77117986a384 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-italic.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant sans-serif-italic</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-sans-serif-italic-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a sans-serif-italic mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,57 +28,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x41;</mtext></math>=<span>1D608</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x42;</mtext></math>=<span>1D609</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x43;</mtext></math>=<span>1D60A</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x44;</mtext></math>=<span>1D60B</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x45;</mtext></math>=<span>1D60C</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x46;</mtext></math>=<span>1D60D</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x47;</mtext></math>=<span>1D60E</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x48;</mtext></math>=<span>1D60F</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x49;</mtext></math>=<span>1D610</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x4A;</mtext></math>=<span>1D611</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x4B;</mtext></math>=<span>1D612</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x4C;</mtext></math>=<span>1D613</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x4D;</mtext></math>=<span>1D614</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x4E;</mtext></math>=<span>1D615</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x4F;</mtext></math>=<span>1D616</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x50;</mtext></math>=<span>1D617</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x51;</mtext></math>=<span>1D618</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x52;</mtext></math>=<span>1D619</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x53;</mtext></math>=<span>1D61A</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x54;</mtext></math>=<span>1D61B</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x55;</mtext></math>=<span>1D61C</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x56;</mtext></math>=<span>1D61D</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x57;</mtext></math>=<span>1D61E</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x58;</mtext></math>=<span>1D61F</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x59;</mtext></math>=<span>1D620</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x5A;</mtext></math>=<span>1D621</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x61;</mtext></math>=<span>1D622</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x62;</mtext></math>=<span>1D623</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x63;</mtext></math>=<span>1D624</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x64;</mtext></math>=<span>1D625</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x65;</mtext></math>=<span>1D626</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x66;</mtext></math>=<span>1D627</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x67;</mtext></math>=<span>1D628</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x68;</mtext></math>=<span>1D629</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x69;</mtext></math>=<span>1D62A</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x6A;</mtext></math>=<span>1D62B</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x6B;</mtext></math>=<span>1D62C</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x6C;</mtext></math>=<span>1D62D</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x6D;</mtext></math>=<span>1D62E</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x6E;</mtext></math>=<span>1D62F</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x6F;</mtext></math>=<span>1D630</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x70;</mtext></math>=<span>1D631</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x71;</mtext></math>=<span>1D632</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x72;</mtext></math>=<span>1D633</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x73;</mtext></math>=<span>1D634</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x74;</mtext></math>=<span>1D635</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x75;</mtext></math>=<span>1D636</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x76;</mtext></math>=<span>1D637</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x77;</mtext></math>=<span>1D638</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x78;</mtext></math>=<span>1D639</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x79;</mtext></math>=<span>1D63A</span></span>
-  <span><math><mtext mathvariant="sans-serif-italic">&#x7A;</mtext></math>=<span>1D63B</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x41;</mtext></math>=<span>1D608</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x42;</mtext></math>=<span>1D609</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x43;</mtext></math>=<span>1D60A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x44;</mtext></math>=<span>1D60B</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x45;</mtext></math>=<span>1D60C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x46;</mtext></math>=<span>1D60D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x47;</mtext></math>=<span>1D60E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x48;</mtext></math>=<span>1D60F</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x49;</mtext></math>=<span>1D610</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x4A;</mtext></math>=<span>1D611</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x4B;</mtext></math>=<span>1D612</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x4C;</mtext></math>=<span>1D613</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x4D;</mtext></math>=<span>1D614</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x4E;</mtext></math>=<span>1D615</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x4F;</mtext></math>=<span>1D616</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x50;</mtext></math>=<span>1D617</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x51;</mtext></math>=<span>1D618</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x52;</mtext></math>=<span>1D619</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x53;</mtext></math>=<span>1D61A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x54;</mtext></math>=<span>1D61B</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x55;</mtext></math>=<span>1D61C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x56;</mtext></math>=<span>1D61D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x57;</mtext></math>=<span>1D61E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x58;</mtext></math>=<span>1D61F</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x59;</mtext></math>=<span>1D620</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x5A;</mtext></math>=<span>1D621</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x61;</mtext></math>=<span>1D622</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x62;</mtext></math>=<span>1D623</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x63;</mtext></math>=<span>1D624</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x64;</mtext></math>=<span>1D625</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x65;</mtext></math>=<span>1D626</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x66;</mtext></math>=<span>1D627</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x67;</mtext></math>=<span>1D628</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x68;</mtext></math>=<span>1D629</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x69;</mtext></math>=<span>1D62A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x6A;</mtext></math>=<span>1D62B</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x6B;</mtext></math>=<span>1D62C</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x6C;</mtext></math>=<span>1D62D</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x6D;</mtext></math>=<span>1D62E</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x6E;</mtext></math>=<span>1D62F</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x6F;</mtext></math>=<span>1D630</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x70;</mtext></math>=<span>1D631</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x71;</mtext></math>=<span>1D632</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x72;</mtext></math>=<span>1D633</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x73;</mtext></math>=<span>1D634</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x74;</mtext></math>=<span>1D635</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x75;</mtext></math>=<span>1D636</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x76;</mtext></math>=<span>1D637</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x77;</mtext></math>=<span>1D638</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x78;</mtext></math>=<span>1D639</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x79;</mtext></math>=<span>1D63A</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif-italic">&#x7A;</mtext></math>=<span>1D63B</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-ref.html
index 35e4b6567d25..1087565b42d7 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,67 +23,67 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D7E2;</mtext></math>=<span>1D7E2</span></span>
-  <span><math><mtext>&#x1D7E3;</mtext></math>=<span>1D7E3</span></span>
-  <span><math><mtext>&#x1D7E4;</mtext></math>=<span>1D7E4</span></span>
-  <span><math><mtext>&#x1D7E5;</mtext></math>=<span>1D7E5</span></span>
-  <span><math><mtext>&#x1D7E6;</mtext></math>=<span>1D7E6</span></span>
-  <span><math><mtext>&#x1D7E7;</mtext></math>=<span>1D7E7</span></span>
-  <span><math><mtext>&#x1D7E8;</mtext></math>=<span>1D7E8</span></span>
-  <span><math><mtext>&#x1D7E9;</mtext></math>=<span>1D7E9</span></span>
-  <span><math><mtext>&#x1D7EA;</mtext></math>=<span>1D7EA</span></span>
-  <span><math><mtext>&#x1D7EB;</mtext></math>=<span>1D7EB</span></span><br/>
-  <span><math><mtext>&#x1D5A0;</mtext></math>=<span>1D5A0</span></span>
-  <span><math><mtext>&#x1D5A1;</mtext></math>=<span>1D5A1</span></span>
-  <span><math><mtext>&#x1D5A2;</mtext></math>=<span>1D5A2</span></span>
-  <span><math><mtext>&#x1D5A3;</mtext></math>=<span>1D5A3</span></span>
-  <span><math><mtext>&#x1D5A4;</mtext></math>=<span>1D5A4</span></span>
-  <span><math><mtext>&#x1D5A5;</mtext></math>=<span>1D5A5</span></span>
-  <span><math><mtext>&#x1D5A6;</mtext></math>=<span>1D5A6</span></span>
-  <span><math><mtext>&#x1D5A7;</mtext></math>=<span>1D5A7</span></span>
-  <span><math><mtext>&#x1D5A8;</mtext></math>=<span>1D5A8</span></span>
-  <span><math><mtext>&#x1D5A9;</mtext></math>=<span>1D5A9</span></span><br/>
-  <span><math><mtext>&#x1D5AA;</mtext></math>=<span>1D5AA</span></span>
-  <span><math><mtext>&#x1D5AB;</mtext></math>=<span>1D5AB</span></span>
-  <span><math><mtext>&#x1D5AC;</mtext></math>=<span>1D5AC</span></span>
-  <span><math><mtext>&#x1D5AD;</mtext></math>=<span>1D5AD</span></span>
-  <span><math><mtext>&#x1D5AE;</mtext></math>=<span>1D5AE</span></span>
-  <span><math><mtext>&#x1D5AF;</mtext></math>=<span>1D5AF</span></span>
-  <span><math><mtext>&#x1D5B0;</mtext></math>=<span>1D5B0</span></span>
-  <span><math><mtext>&#x1D5B1;</mtext></math>=<span>1D5B1</span></span>
-  <span><math><mtext>&#x1D5B2;</mtext></math>=<span>1D5B2</span></span>
-  <span><math><mtext>&#x1D5B3;</mtext></math>=<span>1D5B3</span></span><br/>
-  <span><math><mtext>&#x1D5B4;</mtext></math>=<span>1D5B4</span></span>
-  <span><math><mtext>&#x1D5B5;</mtext></math>=<span>1D5B5</span></span>
-  <span><math><mtext>&#x1D5B6;</mtext></math>=<span>1D5B6</span></span>
-  <span><math><mtext>&#x1D5B7;</mtext></math>=<span>1D5B7</span></span>
-  <span><math><mtext>&#x1D5B8;</mtext></math>=<span>1D5B8</span></span>
-  <span><math><mtext>&#x1D5B9;</mtext></math>=<span>1D5B9</span></span>
-  <span><math><mtext>&#x1D5BA;</mtext></math>=<span>1D5BA</span></span>
-  <span><math><mtext>&#x1D5BB;</mtext></math>=<span>1D5BB</span></span>
-  <span><math><mtext>&#x1D5BC;</mtext></math>=<span>1D5BC</span></span>
-  <span><math><mtext>&#x1D5BD;</mtext></math>=<span>1D5BD</span></span><br/>
-  <span><math><mtext>&#x1D5BE;</mtext></math>=<span>1D5BE</span></span>
-  <span><math><mtext>&#x1D5BF;</mtext></math>=<span>1D5BF</span></span>
-  <span><math><mtext>&#x1D5C0;</mtext></math>=<span>1D5C0</span></span>
-  <span><math><mtext>&#x1D5C1;</mtext></math>=<span>1D5C1</span></span>
-  <span><math><mtext>&#x1D5C2;</mtext></math>=<span>1D5C2</span></span>
-  <span><math><mtext>&#x1D5C3;</mtext></math>=<span>1D5C3</span></span>
-  <span><math><mtext>&#x1D5C4;</mtext></math>=<span>1D5C4</span></span>
-  <span><math><mtext>&#x1D5C5;</mtext></math>=<span>1D5C5</span></span>
-  <span><math><mtext>&#x1D5C6;</mtext></math>=<span>1D5C6</span></span>
-  <span><math><mtext>&#x1D5C7;</mtext></math>=<span>1D5C7</span></span><br/>
-  <span><math><mtext>&#x1D5C8;</mtext></math>=<span>1D5C8</span></span>
-  <span><math><mtext>&#x1D5C9;</mtext></math>=<span>1D5C9</span></span>
-  <span><math><mtext>&#x1D5CA;</mtext></math>=<span>1D5CA</span></span>
-  <span><math><mtext>&#x1D5CB;</mtext></math>=<span>1D5CB</span></span>
-  <span><math><mtext>&#x1D5CC;</mtext></math>=<span>1D5CC</span></span>
-  <span><math><mtext>&#x1D5CD;</mtext></math>=<span>1D5CD</span></span>
-  <span><math><mtext>&#x1D5CE;</mtext></math>=<span>1D5CE</span></span>
-  <span><math><mtext>&#x1D5CF;</mtext></math>=<span>1D5CF</span></span>
-  <span><math><mtext>&#x1D5D0;</mtext></math>=<span>1D5D0</span></span>
-  <span><math><mtext>&#x1D5D1;</mtext></math>=<span>1D5D1</span></span><br/>
-  <span><math><mtext>&#x1D5D2;</mtext></math>=<span>1D5D2</span></span>
-  <span><math><mtext>&#x1D5D3;</mtext></math>=<span>1D5D3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E2;</mtext></math>=<span>1D7E2</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E3;</mtext></math>=<span>1D7E3</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E4;</mtext></math>=<span>1D7E4</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E5;</mtext></math>=<span>1D7E5</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E6;</mtext></math>=<span>1D7E6</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E7;</mtext></math>=<span>1D7E7</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E8;</mtext></math>=<span>1D7E8</span></span>
+  <span><math class="testfont"><mtext>&#x1D7E9;</mtext></math>=<span>1D7E9</span></span>
+  <span><math class="testfont"><mtext>&#x1D7EA;</mtext></math>=<span>1D7EA</span></span>
+  <span><math class="testfont"><mtext>&#x1D7EB;</mtext></math>=<span>1D7EB</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5A0;</mtext></math>=<span>1D5A0</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A1;</mtext></math>=<span>1D5A1</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A2;</mtext></math>=<span>1D5A2</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A3;</mtext></math>=<span>1D5A3</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A4;</mtext></math>=<span>1D5A4</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A5;</mtext></math>=<span>1D5A5</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A6;</mtext></math>=<span>1D5A6</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A7;</mtext></math>=<span>1D5A7</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A8;</mtext></math>=<span>1D5A8</span></span>
+  <span><math class="testfont"><mtext>&#x1D5A9;</mtext></math>=<span>1D5A9</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5AA;</mtext></math>=<span>1D5AA</span></span>
+  <span><math class="testfont"><mtext>&#x1D5AB;</mtext></math>=<span>1D5AB</span></span>
+  <span><math class="testfont"><mtext>&#x1D5AC;</mtext></math>=<span>1D5AC</span></span>
+  <span><math class="testfont"><mtext>&#x1D5AD;</mtext></math>=<span>1D5AD</span></span>
+  <span><math class="testfont"><mtext>&#x1D5AE;</mtext></math>=<span>1D5AE</span></span>
+  <span><math class="testfont"><mtext>&#x1D5AF;</mtext></math>=<span>1D5AF</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B0;</mtext></math>=<span>1D5B0</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B1;</mtext></math>=<span>1D5B1</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B2;</mtext></math>=<span>1D5B2</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B3;</mtext></math>=<span>1D5B3</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5B4;</mtext></math>=<span>1D5B4</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B5;</mtext></math>=<span>1D5B5</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B6;</mtext></math>=<span>1D5B6</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B7;</mtext></math>=<span>1D5B7</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B8;</mtext></math>=<span>1D5B8</span></span>
+  <span><math class="testfont"><mtext>&#x1D5B9;</mtext></math>=<span>1D5B9</span></span>
+  <span><math class="testfont"><mtext>&#x1D5BA;</mtext></math>=<span>1D5BA</span></span>
+  <span><math class="testfont"><mtext>&#x1D5BB;</mtext></math>=<span>1D5BB</span></span>
+  <span><math class="testfont"><mtext>&#x1D5BC;</mtext></math>=<span>1D5BC</span></span>
+  <span><math class="testfont"><mtext>&#x1D5BD;</mtext></math>=<span>1D5BD</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5BE;</mtext></math>=<span>1D5BE</span></span>
+  <span><math class="testfont"><mtext>&#x1D5BF;</mtext></math>=<span>1D5BF</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C0;</mtext></math>=<span>1D5C0</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C1;</mtext></math>=<span>1D5C1</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C2;</mtext></math>=<span>1D5C2</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C3;</mtext></math>=<span>1D5C3</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C4;</mtext></math>=<span>1D5C4</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C5;</mtext></math>=<span>1D5C5</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C6;</mtext></math>=<span>1D5C6</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C7;</mtext></math>=<span>1D5C7</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5C8;</mtext></math>=<span>1D5C8</span></span>
+  <span><math class="testfont"><mtext>&#x1D5C9;</mtext></math>=<span>1D5C9</span></span>
+  <span><math class="testfont"><mtext>&#x1D5CA;</mtext></math>=<span>1D5CA</span></span>
+  <span><math class="testfont"><mtext>&#x1D5CB;</mtext></math>=<span>1D5CB</span></span>
+  <span><math class="testfont"><mtext>&#x1D5CC;</mtext></math>=<span>1D5CC</span></span>
+  <span><math class="testfont"><mtext>&#x1D5CD;</mtext></math>=<span>1D5CD</span></span>
+  <span><math class="testfont"><mtext>&#x1D5CE;</mtext></math>=<span>1D5CE</span></span>
+  <span><math class="testfont"><mtext>&#x1D5CF;</mtext></math>=<span>1D5CF</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D0;</mtext></math>=<span>1D5D0</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D1;</mtext></math>=<span>1D5D1</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D5D2;</mtext></math>=<span>1D5D2</span></span>
+  <span><math class="testfont"><mtext>&#x1D5D3;</mtext></math>=<span>1D5D3</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif.html
index 513e0351cc3f..afceecf6cd38 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-sans-serif.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant sans-serif</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-sans-serif-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a sans-serif mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,67 +28,67 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="sans-serif">&#x30;</mtext></math>=<span>1D7E2</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x31;</mtext></math>=<span>1D7E3</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x32;</mtext></math>=<span>1D7E4</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x33;</mtext></math>=<span>1D7E5</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x34;</mtext></math>=<span>1D7E6</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x35;</mtext></math>=<span>1D7E7</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x36;</mtext></math>=<span>1D7E8</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x37;</mtext></math>=<span>1D7E9</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x38;</mtext></math>=<span>1D7EA</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x39;</mtext></math>=<span>1D7EB</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif">&#x41;</mtext></math>=<span>1D5A0</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x42;</mtext></math>=<span>1D5A1</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x43;</mtext></math>=<span>1D5A2</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x44;</mtext></math>=<span>1D5A3</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x45;</mtext></math>=<span>1D5A4</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x46;</mtext></math>=<span>1D5A5</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x47;</mtext></math>=<span>1D5A6</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x48;</mtext></math>=<span>1D5A7</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x49;</mtext></math>=<span>1D5A8</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x4A;</mtext></math>=<span>1D5A9</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif">&#x4B;</mtext></math>=<span>1D5AA</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x4C;</mtext></math>=<span>1D5AB</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x4D;</mtext></math>=<span>1D5AC</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x4E;</mtext></math>=<span>1D5AD</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x4F;</mtext></math>=<span>1D5AE</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x50;</mtext></math>=<span>1D5AF</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x51;</mtext></math>=<span>1D5B0</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x52;</mtext></math>=<span>1D5B1</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x53;</mtext></math>=<span>1D5B2</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x54;</mtext></math>=<span>1D5B3</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif">&#x55;</mtext></math>=<span>1D5B4</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x56;</mtext></math>=<span>1D5B5</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x57;</mtext></math>=<span>1D5B6</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x58;</mtext></math>=<span>1D5B7</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x59;</mtext></math>=<span>1D5B8</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x5A;</mtext></math>=<span>1D5B9</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x61;</mtext></math>=<span>1D5BA</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x62;</mtext></math>=<span>1D5BB</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x63;</mtext></math>=<span>1D5BC</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x64;</mtext></math>=<span>1D5BD</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif">&#x65;</mtext></math>=<span>1D5BE</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x66;</mtext></math>=<span>1D5BF</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x67;</mtext></math>=<span>1D5C0</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x68;</mtext></math>=<span>1D5C1</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x69;</mtext></math>=<span>1D5C2</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x6A;</mtext></math>=<span>1D5C3</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x6B;</mtext></math>=<span>1D5C4</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x6C;</mtext></math>=<span>1D5C5</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x6D;</mtext></math>=<span>1D5C6</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x6E;</mtext></math>=<span>1D5C7</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif">&#x6F;</mtext></math>=<span>1D5C8</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x70;</mtext></math>=<span>1D5C9</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x71;</mtext></math>=<span>1D5CA</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x72;</mtext></math>=<span>1D5CB</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x73;</mtext></math>=<span>1D5CC</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x74;</mtext></math>=<span>1D5CD</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x75;</mtext></math>=<span>1D5CE</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x76;</mtext></math>=<span>1D5CF</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x77;</mtext></math>=<span>1D5D0</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x78;</mtext></math>=<span>1D5D1</span></span><br/>
-  <span><math><mtext mathvariant="sans-serif">&#x79;</mtext></math>=<span>1D5D2</span></span>
-  <span><math><mtext mathvariant="sans-serif">&#x7A;</mtext></math>=<span>1D5D3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x30;</mtext></math>=<span>1D7E2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x31;</mtext></math>=<span>1D7E3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x32;</mtext></math>=<span>1D7E4</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x33;</mtext></math>=<span>1D7E5</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x34;</mtext></math>=<span>1D7E6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x35;</mtext></math>=<span>1D7E7</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x36;</mtext></math>=<span>1D7E8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x37;</mtext></math>=<span>1D7E9</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x38;</mtext></math>=<span>1D7EA</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x39;</mtext></math>=<span>1D7EB</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x41;</mtext></math>=<span>1D5A0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x42;</mtext></math>=<span>1D5A1</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x43;</mtext></math>=<span>1D5A2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x44;</mtext></math>=<span>1D5A3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x45;</mtext></math>=<span>1D5A4</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x46;</mtext></math>=<span>1D5A5</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x47;</mtext></math>=<span>1D5A6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x48;</mtext></math>=<span>1D5A7</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x49;</mtext></math>=<span>1D5A8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x4A;</mtext></math>=<span>1D5A9</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x4B;</mtext></math>=<span>1D5AA</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x4C;</mtext></math>=<span>1D5AB</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x4D;</mtext></math>=<span>1D5AC</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x4E;</mtext></math>=<span>1D5AD</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x4F;</mtext></math>=<span>1D5AE</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x50;</mtext></math>=<span>1D5AF</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x51;</mtext></math>=<span>1D5B0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x52;</mtext></math>=<span>1D5B1</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x53;</mtext></math>=<span>1D5B2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x54;</mtext></math>=<span>1D5B3</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x55;</mtext></math>=<span>1D5B4</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x56;</mtext></math>=<span>1D5B5</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x57;</mtext></math>=<span>1D5B6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x58;</mtext></math>=<span>1D5B7</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x59;</mtext></math>=<span>1D5B8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x5A;</mtext></math>=<span>1D5B9</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x61;</mtext></math>=<span>1D5BA</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x62;</mtext></math>=<span>1D5BB</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x63;</mtext></math>=<span>1D5BC</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x64;</mtext></math>=<span>1D5BD</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x65;</mtext></math>=<span>1D5BE</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x66;</mtext></math>=<span>1D5BF</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x67;</mtext></math>=<span>1D5C0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x68;</mtext></math>=<span>1D5C1</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x69;</mtext></math>=<span>1D5C2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x6A;</mtext></math>=<span>1D5C3</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x6B;</mtext></math>=<span>1D5C4</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x6C;</mtext></math>=<span>1D5C5</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x6D;</mtext></math>=<span>1D5C6</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x6E;</mtext></math>=<span>1D5C7</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x6F;</mtext></math>=<span>1D5C8</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x70;</mtext></math>=<span>1D5C9</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x71;</mtext></math>=<span>1D5CA</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x72;</mtext></math>=<span>1D5CB</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x73;</mtext></math>=<span>1D5CC</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x74;</mtext></math>=<span>1D5CD</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x75;</mtext></math>=<span>1D5CE</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x76;</mtext></math>=<span>1D5CF</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x77;</mtext></math>=<span>1D5D0</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x78;</mtext></math>=<span>1D5D1</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x79;</mtext></math>=<span>1D5D2</span></span>
+  <span><math class="testfont"><mtext mathvariant="sans-serif">&#x7A;</mtext></math>=<span>1D5D3</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script-ref.html
index 725268a84e5a..60ced85bc3a6 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,57 +23,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1D49C;</mtext></math>=<span>1D49C</span></span>
-  <span><math><mtext>&#x212C;</mtext></math>=<span>0212C</span></span>
-  <span><math><mtext>&#x1D49E;</mtext></math>=<span>1D49E</span></span>
-  <span><math><mtext>&#x1D49F;</mtext></math>=<span>1D49F</span></span>
-  <span><math><mtext>&#x2130;</mtext></math>=<span>02130</span></span>
-  <span><math><mtext>&#x2131;</mtext></math>=<span>02131</span></span>
-  <span><math><mtext>&#x1D4A2;</mtext></math>=<span>1D4A2</span></span>
-  <span><math><mtext>&#x210B;</mtext></math>=<span>0210B</span></span>
-  <span><math><mtext>&#x2110;</mtext></math>=<span>02110</span></span>
-  <span><math><mtext>&#x1D4A5;</mtext></math>=<span>1D4A5</span></span><br/>
-  <span><math><mtext>&#x1D4A6;</mtext></math>=<span>1D4A6</span></span>
-  <span><math><mtext>&#x2112;</mtext></math>=<span>02112</span></span>
-  <span><math><mtext>&#x2133;</mtext></math>=<span>02133</span></span>
-  <span><math><mtext>&#x1D4A9;</mtext></math>=<span>1D4A9</span></span>
-  <span><math><mtext>&#x1D4AA;</mtext></math>=<span>1D4AA</span></span>
-  <span><math><mtext>&#x1D4AB;</mtext></math>=<span>1D4AB</span></span>
-  <span><math><mtext>&#x1D4AC;</mtext></math>=<span>1D4AC</span></span>
-  <span><math><mtext>&#x211B;</mtext></math>=<span>0211B</span></span>
-  <span><math><mtext>&#x1D4AE;</mtext></math>=<span>1D4AE</span></span>
-  <span><math><mtext>&#x1D4AF;</mtext></math>=<span>1D4AF</span></span><br/>
-  <span><math><mtext>&#x1D4B0;</mtext></math>=<span>1D4B0</span></span>
-  <span><math><mtext>&#x1D4B1;</mtext></math>=<span>1D4B1</span></span>
-  <span><math><mtext>&#x1D4B2;</mtext></math>=<span>1D4B2</span></span>
-  <span><math><mtext>&#x1D4B3;</mtext></math>=<span>1D4B3</span></span>
-  <span><math><mtext>&#x1D4B4;</mtext></math>=<span>1D4B4</span></span>
-  <span><math><mtext>&#x1D4B5;</mtext></math>=<span>1D4B5</span></span>
-  <span><math><mtext>&#x1D4B6;</mtext></math>=<span>1D4B6</span></span>
-  <span><math><mtext>&#x1D4B7;</mtext></math>=<span>1D4B7</span></span>
-  <span><math><mtext>&#x1D4B8;</mtext></math>=<span>1D4B8</span></span>
-  <span><math><mtext>&#x1D4B9;</mtext></math>=<span>1D4B9</span></span><br/>
-  <span><math><mtext>&#x212F;</mtext></math>=<span>0212F</span></span>
-  <span><math><mtext>&#x1D4BB;</mtext></math>=<span>1D4BB</span></span>
-  <span><math><mtext>&#x210A;</mtext></math>=<span>0210A</span></span>
-  <span><math><mtext>&#x1D4BD;</mtext></math>=<span>1D4BD</span></span>
-  <span><math><mtext>&#x1D4BE;</mtext></math>=<span>1D4BE</span></span>
-  <span><math><mtext>&#x1D4BF;</mtext></math>=<span>1D4BF</span></span>
-  <span><math><mtext>&#x1D4C0;</mtext></math>=<span>1D4C0</span></span>
-  <span><math><mtext>&#x1D4C1;</mtext></math>=<span>1D4C1</span></span>
-  <span><math><mtext>&#x1D4C2;</mtext></math>=<span>1D4C2</span></span>
-  <span><math><mtext>&#x1D4C3;</mtext></math>=<span>1D4C3</span></span><br/>
-  <span><math><mtext>&#x2134;</mtext></math>=<span>02134</span></span>
-  <span><math><mtext>&#x1D4C5;</mtext></math>=<span>1D4C5</span></span>
-  <span><math><mtext>&#x1D4C6;</mtext></math>=<span>1D4C6</span></span>
-  <span><math><mtext>&#x1D4C7;</mtext></math>=<span>1D4C7</span></span>
-  <span><math><mtext>&#x1D4C8;</mtext></math>=<span>1D4C8</span></span>
-  <span><math><mtext>&#x1D4C9;</mtext></math>=<span>1D4C9</span></span>
-  <span><math><mtext>&#x1D4CA;</mtext></math>=<span>1D4CA</span></span>
-  <span><math><mtext>&#x1D4CB;</mtext></math>=<span>1D4CB</span></span>
-  <span><math><mtext>&#x1D4CC;</mtext></math>=<span>1D4CC</span></span>
-  <span><math><mtext>&#x1D4CD;</mtext></math>=<span>1D4CD</span></span><br/>
-  <span><math><mtext>&#x1D4CE;</mtext></math>=<span>1D4CE</span></span>
-  <span><math><mtext>&#x1D4CF;</mtext></math>=<span>1D4CF</span></span>
+  <span><math class="testfont"><mtext>&#x1D49C;</mtext></math>=<span>1D49C</span></span>
+  <span><math class="testfont"><mtext>&#x212C;</mtext></math>=<span>0212C</span></span>
+  <span><math class="testfont"><mtext>&#x1D49E;</mtext></math>=<span>1D49E</span></span>
+  <span><math class="testfont"><mtext>&#x1D49F;</mtext></math>=<span>1D49F</span></span>
+  <span><math class="testfont"><mtext>&#x2130;</mtext></math>=<span>02130</span></span>
+  <span><math class="testfont"><mtext>&#x2131;</mtext></math>=<span>02131</span></span>
+  <span><math class="testfont"><mtext>&#x1D4A2;</mtext></math>=<span>1D4A2</span></span>
+  <span><math class="testfont"><mtext>&#x210B;</mtext></math>=<span>0210B</span></span>
+  <span><math class="testfont"><mtext>&#x2110;</mtext></math>=<span>02110</span></span>
+  <span><math class="testfont"><mtext>&#x1D4A5;</mtext></math>=<span>1D4A5</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4A6;</mtext></math>=<span>1D4A6</span></span>
+  <span><math class="testfont"><mtext>&#x2112;</mtext></math>=<span>02112</span></span>
+  <span><math class="testfont"><mtext>&#x2133;</mtext></math>=<span>02133</span></span>
+  <span><math class="testfont"><mtext>&#x1D4A9;</mtext></math>=<span>1D4A9</span></span>
+  <span><math class="testfont"><mtext>&#x1D4AA;</mtext></math>=<span>1D4AA</span></span>
+  <span><math class="testfont"><mtext>&#x1D4AB;</mtext></math>=<span>1D4AB</span></span>
+  <span><math class="testfont"><mtext>&#x1D4AC;</mtext></math>=<span>1D4AC</span></span>
+  <span><math class="testfont"><mtext>&#x211B;</mtext></math>=<span>0211B</span></span>
+  <span><math class="testfont"><mtext>&#x1D4AE;</mtext></math>=<span>1D4AE</span></span>
+  <span><math class="testfont"><mtext>&#x1D4AF;</mtext></math>=<span>1D4AF</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4B0;</mtext></math>=<span>1D4B0</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B1;</mtext></math>=<span>1D4B1</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B2;</mtext></math>=<span>1D4B2</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B3;</mtext></math>=<span>1D4B3</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B4;</mtext></math>=<span>1D4B4</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B5;</mtext></math>=<span>1D4B5</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B6;</mtext></math>=<span>1D4B6</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B7;</mtext></math>=<span>1D4B7</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B8;</mtext></math>=<span>1D4B8</span></span>
+  <span><math class="testfont"><mtext>&#x1D4B9;</mtext></math>=<span>1D4B9</span></span><br/>
+  <span><math class="testfont"><mtext>&#x212F;</mtext></math>=<span>0212F</span></span>
+  <span><math class="testfont"><mtext>&#x1D4BB;</mtext></math>=<span>1D4BB</span></span>
+  <span><math class="testfont"><mtext>&#x210A;</mtext></math>=<span>0210A</span></span>
+  <span><math class="testfont"><mtext>&#x1D4BD;</mtext></math>=<span>1D4BD</span></span>
+  <span><math class="testfont"><mtext>&#x1D4BE;</mtext></math>=<span>1D4BE</span></span>
+  <span><math class="testfont"><mtext>&#x1D4BF;</mtext></math>=<span>1D4BF</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C0;</mtext></math>=<span>1D4C0</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C1;</mtext></math>=<span>1D4C1</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C2;</mtext></math>=<span>1D4C2</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C3;</mtext></math>=<span>1D4C3</span></span><br/>
+  <span><math class="testfont"><mtext>&#x2134;</mtext></math>=<span>02134</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C5;</mtext></math>=<span>1D4C5</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C6;</mtext></math>=<span>1D4C6</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C7;</mtext></math>=<span>1D4C7</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C8;</mtext></math>=<span>1D4C8</span></span>
+  <span><math class="testfont"><mtext>&#x1D4C9;</mtext></math>=<span>1D4C9</span></span>
+  <span><math class="testfont"><mtext>&#x1D4CA;</mtext></math>=<span>1D4CA</span></span>
+  <span><math class="testfont"><mtext>&#x1D4CB;</mtext></math>=<span>1D4CB</span></span>
+  <span><math class="testfont"><mtext>&#x1D4CC;</mtext></math>=<span>1D4CC</span></span>
+  <span><math class="testfont"><mtext>&#x1D4CD;</mtext></math>=<span>1D4CD</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1D4CE;</mtext></math>=<span>1D4CE</span></span>
+  <span><math class="testfont"><mtext>&#x1D4CF;</mtext></math>=<span>1D4CF</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script.html
index efd3f7e8ff69..c7f93a8d6a05 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-script.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant script</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-script-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a script mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,57 +28,57 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="script">&#x41;</mtext></math>=<span>1D49C</span></span>
-  <span><math><mtext mathvariant="script">&#x42;</mtext></math>=<span>0212C</span></span>
-  <span><math><mtext mathvariant="script">&#x43;</mtext></math>=<span>1D49E</span></span>
-  <span><math><mtext mathvariant="script">&#x44;</mtext></math>=<span>1D49F</span></span>
-  <span><math><mtext mathvariant="script">&#x45;</mtext></math>=<span>02130</span></span>
-  <span><math><mtext mathvariant="script">&#x46;</mtext></math>=<span>02131</span></span>
-  <span><math><mtext mathvariant="script">&#x47;</mtext></math>=<span>1D4A2</span></span>
-  <span><math><mtext mathvariant="script">&#x48;</mtext></math>=<span>0210B</span></span>
-  <span><math><mtext mathvariant="script">&#x49;</mtext></math>=<span>02110</span></span>
-  <span><math><mtext mathvariant="script">&#x4A;</mtext></math>=<span>1D4A5</span></span><br/>
-  <span><math><mtext mathvariant="script">&#x4B;</mtext></math>=<span>1D4A6</span></span>
-  <span><math><mtext mathvariant="script">&#x4C;</mtext></math>=<span>02112</span></span>
-  <span><math><mtext mathvariant="script">&#x4D;</mtext></math>=<span>02133</span></span>
-  <span><math><mtext mathvariant="script">&#x4E;</mtext></math>=<span>1D4A9</span></span>
-  <span><math><mtext mathvariant="script">&#x4F;</mtext></math>=<span>1D4AA</span></span>
-  <span><math><mtext mathvariant="script">&#x50;</mtext></math>=<span>1D4AB</span></span>
-  <span><math><mtext mathvariant="script">&#x51;</mtext></math>=<span>1D4AC</span></span>
-  <span><math><mtext mathvariant="script">&#x52;</mtext></math>=<span>0211B</span></span>
-  <span><math><mtext mathvariant="script">&#x53;</mtext></math>=<span>1D4AE</span></span>
-  <span><math><mtext mathvariant="script">&#x54;</mtext></math>=<span>1D4AF</span></span><br/>
-  <span><math><mtext mathvariant="script">&#x55;</mtext></math>=<span>1D4B0</span></span>
-  <span><math><mtext mathvariant="script">&#x56;</mtext></math>=<span>1D4B1</span></span>
-  <span><math><mtext mathvariant="script">&#x57;</mtext></math>=<span>1D4B2</span></span>
-  <span><math><mtext mathvariant="script">&#x58;</mtext></math>=<span>1D4B3</span></span>
-  <span><math><mtext mathvariant="script">&#x59;</mtext></math>=<span>1D4B4</span></span>
-  <span><math><mtext mathvariant="script">&#x5A;</mtext></math>=<span>1D4B5</span></span>
-  <span><math><mtext mathvariant="script">&#x61;</mtext></math>=<span>1D4B6</span></span>
-  <span><math><mtext mathvariant="script">&#x62;</mtext></math>=<span>1D4B7</span></span>
-  <span><math><mtext mathvariant="script">&#x63;</mtext></math>=<span>1D4B8</span></span>
-  <span><math><mtext mathvariant="script">&#x64;</mtext></math>=<span>1D4B9</span></span><br/>
-  <span><math><mtext mathvariant="script">&#x65;</mtext></math>=<span>0212F</span></span>
-  <span><math><mtext mathvariant="script">&#x66;</mtext></math>=<span>1D4BB</span></span>
-  <span><math><mtext mathvariant="script">&#x67;</mtext></math>=<span>0210A</span></span>
-  <span><math><mtext mathvariant="script">&#x68;</mtext></math>=<span>1D4BD</span></span>
-  <span><math><mtext mathvariant="script">&#x69;</mtext></math>=<span>1D4BE</span></span>
-  <span><math><mtext mathvariant="script">&#x6A;</mtext></math>=<span>1D4BF</span></span>
-  <span><math><mtext mathvariant="script">&#x6B;</mtext></math>=<span>1D4C0</span></span>
-  <span><math><mtext mathvariant="script">&#x6C;</mtext></math>=<span>1D4C1</span></span>
-  <span><math><mtext mathvariant="script">&#x6D;</mtext></math>=<span>1D4C2</span></span>
-  <span><math><mtext mathvariant="script">&#x6E;</mtext></math>=<span>1D4C3</span></span><br/>
-  <span><math><mtext mathvariant="script">&#x6F;</mtext></math>=<span>02134</span></span>
-  <span><math><mtext mathvariant="script">&#x70;</mtext></math>=<span>1D4C5</span></span>
-  <span><math><mtext mathvariant="script">&#x71;</mtext></math>=<span>1D4C6</span></span>
-  <span><math><mtext mathvariant="script">&#x72;</mtext></math>=<span>1D4C7</span></span>
-  <span><math><mtext mathvariant="script">&#x73;</mtext></math>=<span>1D4C8</span></span>
-  <span><math><mtext mathvariant="script">&#x74;</mtext></math>=<span>1D4C9</span></span>
-  <span><math><mtext mathvariant="script">&#x75;</mtext></math>=<span>1D4CA</span></span>
-  <span><math><mtext mathvariant="script">&#x76;</mtext></math>=<span>1D4CB</span></span>
-  <span><math><mtext mathvariant="script">&#x77;</mtext></math>=<span>1D4CC</span></span>
-  <span><math><mtext mathvariant="script">&#x78;</mtext></math>=<span>1D4CD</span></span><br/>
-  <span><math><mtext mathvariant="script">&#x79;</mtext></math>=<span>1D4CE</span></span>
-  <span><math><mtext mathvariant="script">&#x7A;</mtext></math>=<span>1D4CF</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x41;</mtext></math>=<span>1D49C</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x42;</mtext></math>=<span>0212C</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x43;</mtext></math>=<span>1D49E</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x44;</mtext></math>=<span>1D49F</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x45;</mtext></math>=<span>02130</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x46;</mtext></math>=<span>02131</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x47;</mtext></math>=<span>1D4A2</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x48;</mtext></math>=<span>0210B</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x49;</mtext></math>=<span>02110</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x4A;</mtext></math>=<span>1D4A5</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="script">&#x4B;</mtext></math>=<span>1D4A6</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x4C;</mtext></math>=<span>02112</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x4D;</mtext></math>=<span>02133</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x4E;</mtext></math>=<span>1D4A9</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x4F;</mtext></math>=<span>1D4AA</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x50;</mtext></math>=<span>1D4AB</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x51;</mtext></math>=<span>1D4AC</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x52;</mtext></math>=<span>0211B</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x53;</mtext></math>=<span>1D4AE</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x54;</mtext></math>=<span>1D4AF</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="script">&#x55;</mtext></math>=<span>1D4B0</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x56;</mtext></math>=<span>1D4B1</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x57;</mtext></math>=<span>1D4B2</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x58;</mtext></math>=<span>1D4B3</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x59;</mtext></math>=<span>1D4B4</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x5A;</mtext></math>=<span>1D4B5</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x61;</mtext></math>=<span>1D4B6</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x62;</mtext></math>=<span>1D4B7</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x63;</mtext></math>=<span>1D4B8</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x64;</mtext></math>=<span>1D4B9</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="script">&#x65;</mtext></math>=<span>0212F</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x66;</mtext></math>=<span>1D4BB</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x67;</mtext></math>=<span>0210A</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x68;</mtext></math>=<span>1D4BD</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x69;</mtext></math>=<span>1D4BE</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x6A;</mtext></math>=<span>1D4BF</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x6B;</mtext></math>=<span>1D4C0</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x6C;</mtext></math>=<span>1D4C1</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x6D;</mtext></math>=<span>1D4C2</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x6E;</mtext></math>=<span>1D4C3</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="script">&#x6F;</mtext></math>=<span>02134</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x70;</mtext></math>=<span>1D4C5</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x71;</mtext></math>=<span>1D4C6</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x72;</mtext></math>=<span>1D4C7</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x73;</mtext></math>=<span>1D4C8</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x74;</mtext></math>=<span>1D4C9</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x75;</mtext></math>=<span>1D4CA</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x76;</mtext></math>=<span>1D4CB</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x77;</mtext></math>=<span>1D4CC</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x78;</mtext></math>=<span>1D4CD</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="script">&#x79;</mtext></math>=<span>1D4CE</span></span>
+  <span><math class="testfont"><mtext mathvariant="script">&#x7A;</mtext></math>=<span>1D4CF</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched-ref.html
index 1450e19edf0a..8ad8f7b9bb6d 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,28 +23,28 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1EE7E;</mtext></math>=<span>1EE7E</span></span>
-  <span><math><mtext>&#x1EE61;</mtext></math>=<span>1EE61</span></span>
-  <span><math><mtext>&#x1EE75;</mtext></math>=<span>1EE75</span></span>
-  <span><math><mtext>&#x1EE76;</mtext></math>=<span>1EE76</span></span>
-  <span><math><mtext>&#x1EE62;</mtext></math>=<span>1EE62</span></span>
-  <span><math><mtext>&#x1EE67;</mtext></math>=<span>1EE67</span></span>
-  <span><math><mtext>&#x1EE77;</mtext></math>=<span>1EE77</span></span>
-  <span><math><mtext>&#x1EE6E;</mtext></math>=<span>1EE6E</span></span>
-  <span><math><mtext>&#x1EE74;</mtext></math>=<span>1EE74</span></span>
-  <span><math><mtext>&#x1EE71;</mtext></math>=<span>1EE71</span></span><br/>
-  <span><math><mtext>&#x1EE79;</mtext></math>=<span>1EE79</span></span>
-  <span><math><mtext>&#x1EE68;</mtext></math>=<span>1EE68</span></span>
-  <span><math><mtext>&#x1EE7A;</mtext></math>=<span>1EE7A</span></span>
-  <span><math><mtext>&#x1EE6F;</mtext></math>=<span>1EE6F</span></span>
-  <span><math><mtext>&#x1EE7B;</mtext></math>=<span>1EE7B</span></span>
-  <span><math><mtext>&#x1EE70;</mtext></math>=<span>1EE70</span></span>
-  <span><math><mtext>&#x1EE72;</mtext></math>=<span>1EE72</span></span>
-  <span><math><mtext>&#x1EE6A;</mtext></math>=<span>1EE6A</span></span>
-  <span><math><mtext>&#x1EE6C;</mtext></math>=<span>1EE6C</span></span>
-  <span><math><mtext>&#x1EE6D;</mtext></math>=<span>1EE6D</span></span><br/>
-  <span><math><mtext>&#x1EE64;</mtext></math>=<span>1EE64</span></span>
-  <span><math><mtext>&#x1EE69;</mtext></math>=<span>1EE69</span></span>
-  <span><math><mtext>&#x1EE7C;</mtext></math>=<span>1EE7C</span></span>
+  <span><math class="testfont"><mtext>&#x1EE7E;</mtext></math>=<span>1EE7E</span></span>
+  <span><math class="testfont"><mtext>&#x1EE61;</mtext></math>=<span>1EE61</span></span>
+  <span><math class="testfont"><mtext>&#x1EE75;</mtext></math>=<span>1EE75</span></span>
+  <span><math class="testfont"><mtext>&#x1EE76;</mtext></math>=<span>1EE76</span></span>
+  <span><math class="testfont"><mtext>&#x1EE62;</mtext></math>=<span>1EE62</span></span>
+  <span><math class="testfont"><mtext>&#x1EE67;</mtext></math>=<span>1EE67</span></span>
+  <span><math class="testfont"><mtext>&#x1EE77;</mtext></math>=<span>1EE77</span></span>
+  <span><math class="testfont"><mtext>&#x1EE6E;</mtext></math>=<span>1EE6E</span></span>
+  <span><math class="testfont"><mtext>&#x1EE74;</mtext></math>=<span>1EE74</span></span>
+  <span><math class="testfont"><mtext>&#x1EE71;</mtext></math>=<span>1EE71</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE79;</mtext></math>=<span>1EE79</span></span>
+  <span><math class="testfont"><mtext>&#x1EE68;</mtext></math>=<span>1EE68</span></span>
+  <span><math class="testfont"><mtext>&#x1EE7A;</mtext></math>=<span>1EE7A</span></span>
+  <span><math class="testfont"><mtext>&#x1EE6F;</mtext></math>=<span>1EE6F</span></span>
+  <span><math class="testfont"><mtext>&#x1EE7B;</mtext></math>=<span>1EE7B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE70;</mtext></math>=<span>1EE70</span></span>
+  <span><math class="testfont"><mtext>&#x1EE72;</mtext></math>=<span>1EE72</span></span>
+  <span><math class="testfont"><mtext>&#x1EE6A;</mtext></math>=<span>1EE6A</span></span>
+  <span><math class="testfont"><mtext>&#x1EE6C;</mtext></math>=<span>1EE6C</span></span>
+  <span><math class="testfont"><mtext>&#x1EE6D;</mtext></math>=<span>1EE6D</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE64;</mtext></math>=<span>1EE64</span></span>
+  <span><math class="testfont"><mtext>&#x1EE69;</mtext></math>=<span>1EE69</span></span>
+  <span><math class="testfont"><mtext>&#x1EE7C;</mtext></math>=<span>1EE7C</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched.html
index 20c5a39a83a7..e2c828615a28 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-stretched.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant stretched</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-stretched-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a stretched mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,28 +28,28 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="stretched">&#x6A1;</mtext></math>=<span>1EE7E</span></span>
-  <span><math><mtext mathvariant="stretched">&#x628;</mtext></math>=<span>1EE61</span></span>
-  <span><math><mtext mathvariant="stretched">&#x62A;</mtext></math>=<span>1EE75</span></span>
-  <span><math><mtext mathvariant="stretched">&#x62B;</mtext></math>=<span>1EE76</span></span>
-  <span><math><mtext mathvariant="stretched">&#x62C;</mtext></math>=<span>1EE62</span></span>
-  <span><math><mtext mathvariant="stretched">&#x62D;</mtext></math>=<span>1EE67</span></span>
-  <span><math><mtext mathvariant="stretched">&#x62E;</mtext></math>=<span>1EE77</span></span>
-  <span><math><mtext mathvariant="stretched">&#x633;</mtext></math>=<span>1EE6E</span></span>
-  <span><math><mtext mathvariant="stretched">&#x634;</mtext></math>=<span>1EE74</span></span>
-  <span><math><mtext mathvariant="stretched">&#x635;</mtext></math>=<span>1EE71</span></span><br/>
-  <span><math><mtext mathvariant="stretched">&#x636;</mtext></math>=<span>1EE79</span></span>
-  <span><math><mtext mathvariant="stretched">&#x637;</mtext></math>=<span>1EE68</span></span>
-  <span><math><mtext mathvariant="stretched">&#x638;</mtext></math>=<span>1EE7A</span></span>
-  <span><math><mtext mathvariant="stretched">&#x639;</mtext></math>=<span>1EE6F</span></span>
-  <span><math><mtext mathvariant="stretched">&#x63A;</mtext></math>=<span>1EE7B</span></span>
-  <span><math><mtext mathvariant="stretched">&#x641;</mtext></math>=<span>1EE70</span></span>
-  <span><math><mtext mathvariant="stretched">&#x642;</mtext></math>=<span>1EE72</span></span>
-  <span><math><mtext mathvariant="stretched">&#x643;</mtext></math>=<span>1EE6A</span></span>
-  <span><math><mtext mathvariant="stretched">&#x645;</mtext></math>=<span>1EE6C</span></span>
-  <span><math><mtext mathvariant="stretched">&#x646;</mtext></math>=<span>1EE6D</span></span><br/>
-  <span><math><mtext mathvariant="stretched">&#x647;</mtext></math>=<span>1EE64</span></span>
-  <span><math><mtext mathvariant="stretched">&#x64A;</mtext></math>=<span>1EE69</span></span>
-  <span><math><mtext mathvariant="stretched">&#x66E;</mtext></math>=<span>1EE7C</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x6A1;</mtext></math>=<span>1EE7E</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x628;</mtext></math>=<span>1EE61</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x62A;</mtext></math>=<span>1EE75</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x62B;</mtext></math>=<span>1EE76</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x62C;</mtext></math>=<span>1EE62</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x62D;</mtext></math>=<span>1EE67</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x62E;</mtext></math>=<span>1EE77</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x633;</mtext></math>=<span>1EE6E</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x634;</mtext></math>=<span>1EE74</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x635;</mtext></math>=<span>1EE71</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x636;</mtext></math>=<span>1EE79</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x637;</mtext></math>=<span>1EE68</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x638;</mtext></math>=<span>1EE7A</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x639;</mtext></math>=<span>1EE6F</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x63A;</mtext></math>=<span>1EE7B</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x641;</mtext></math>=<span>1EE70</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x642;</mtext></math>=<span>1EE72</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x643;</mtext></math>=<span>1EE6A</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x645;</mtext></math>=<span>1EE6C</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x646;</mtext></math>=<span>1EE6D</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x647;</mtext></math>=<span>1EE64</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x64A;</mtext></math>=<span>1EE69</span></span>
+  <span><math class="testfont"><mtext mathvariant="stretched">&#x66E;</mtext></math>=<span>1EE7C</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed-ref.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed-ref.html
index b8e6160fea52..5273a28e6bf5 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed-ref.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed-ref.html
@@ -15,7 +15,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -23,20 +23,20 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext>&#x1EE52;</mtext></math>=<span>1EE52</span></span>
-  <span><math><mtext>&#x1EE4B;</mtext></math>=<span>1EE4B</span></span>
-  <span><math><mtext>&#x1EE4D;</mtext></math>=<span>1EE4D</span></span>
-  <span><math><mtext>&#x1EE49;</mtext></math>=<span>1EE49</span></span>
-  <span><math><mtext>&#x1EE42;</mtext></math>=<span>1EE42</span></span>
-  <span><math><mtext>&#x1EE47;</mtext></math>=<span>1EE47</span></span>
-  <span><math><mtext>&#x1EE57;</mtext></math>=<span>1EE57</span></span>
-  <span><math><mtext>&#x1EE5F;</mtext></math>=<span>1EE5F</span></span>
-  <span><math><mtext>&#x1EE4E;</mtext></math>=<span>1EE4E</span></span>
-  <span><math><mtext>&#x1EE54;</mtext></math>=<span>1EE54</span></span><br/>
-  <span><math><mtext>&#x1EE51;</mtext></math>=<span>1EE51</span></span>
-  <span><math><mtext>&#x1EE59;</mtext></math>=<span>1EE59</span></span>
-  <span><math><mtext>&#x1EE4F;</mtext></math>=<span>1EE4F</span></span>
-  <span><math><mtext>&#x1EE5B;</mtext></math>=<span>1EE5B</span></span>
-  <span><math><mtext>&#x1EE5D;</mtext></math>=<span>1EE5D</span></span>
+  <span><math class="testfont"><mtext>&#x1EE52;</mtext></math>=<span>1EE52</span></span>
+  <span><math class="testfont"><mtext>&#x1EE4B;</mtext></math>=<span>1EE4B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE4D;</mtext></math>=<span>1EE4D</span></span>
+  <span><math class="testfont"><mtext>&#x1EE49;</mtext></math>=<span>1EE49</span></span>
+  <span><math class="testfont"><mtext>&#x1EE42;</mtext></math>=<span>1EE42</span></span>
+  <span><math class="testfont"><mtext>&#x1EE47;</mtext></math>=<span>1EE47</span></span>
+  <span><math class="testfont"><mtext>&#x1EE57;</mtext></math>=<span>1EE57</span></span>
+  <span><math class="testfont"><mtext>&#x1EE5F;</mtext></math>=<span>1EE5F</span></span>
+  <span><math class="testfont"><mtext>&#x1EE4E;</mtext></math>=<span>1EE4E</span></span>
+  <span><math class="testfont"><mtext>&#x1EE54;</mtext></math>=<span>1EE54</span></span><br/>
+  <span><math class="testfont"><mtext>&#x1EE51;</mtext></math>=<span>1EE51</span></span>
+  <span><math class="testfont"><mtext>&#x1EE59;</mtext></math>=<span>1EE59</span></span>
+  <span><math class="testfont"><mtext>&#x1EE4F;</mtext></math>=<span>1EE4F</span></span>
+  <span><math class="testfont"><mtext>&#x1EE5B;</mtext></math>=<span>1EE5B</span></span>
+  <span><math class="testfont"><mtext>&#x1EE5D;</mtext></math>=<span>1EE5D</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed.html
index c88d433ce5f4..fa8bea41f470 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/mathvariant-tailed.html
@@ -3,7 +3,9 @@
 <head>
 <meta charset="utf-8"/>
 <title>mathvariant tailed</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">
 <link rel="match" href="mathvariant-tailed-ref.html"/>
 <meta name="assert" content="Verify that a single-char <mtext> with a tailed mathvariant is equivalent to an <mtext> with the transformed unicode character.">
 <style>
@@ -18,7 +20,7 @@
     font-family: monospace;
     font-size: 10px;
   }
-  math {
+  .testfont {
     font-family: TestFont;
     font-size: 10px;
   }
@@ -26,20 +28,20 @@
 <body>
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->
   <p>Test passes if all the equalities below are true.</p>
-  <span><math><mtext mathvariant="tailed">&#x642;</mtext></math>=<span>1EE52</span></span>
-  <span><math><mtext mathvariant="tailed">&#x644;</mtext></math>=<span>1EE4B</span></span>
-  <span><math><mtext mathvariant="tailed">&#x646;</mtext></math>=<span>1EE4D</span></span>
-  <span><math><mtext mathvariant="tailed">&#x64A;</mtext></math>=<span>1EE49</span></span>
-  <span><math><mtext mathvariant="tailed">&#x62C;</mtext></math>=<span>1EE42</span></span>
-  <span><math><mtext mathvariant="tailed">&#x62D;</mtext></math>=<span>1EE47</span></span>
-  <span><math><mtext mathvariant="tailed">&#x62E;</mtext></math>=<span>1EE57</span></span>
-  <span><math><mtext mathvariant="tailed">&#x66F;</mtext></math>=<span>1EE5F</span></span>
-  <span><math><mtext mathvariant="tailed">&#x633;</mtext></math>=<span>1EE4E</span></span>
-  <span><math><mtext mathvariant="tailed">&#x634;</mtext></math>=<span>1EE54</span></span><br/>
-  <span><math><mtext mathvariant="tailed">&#x635;</mtext></math>=<span>1EE51</span></span>
-  <span><math><mtext mathvariant="tailed">&#x636;</mtext></math>=<span>1EE59</span></span>
-  <span><math><mtext mathvariant="tailed">&#x639;</mtext></math>=<span>1EE4F</span></span>
-  <span><math><mtext mathvariant="tailed">&#x63A;</mtext></math>=<span>1EE5B</span></span>
-  <span><math><mtext mathvariant="tailed">&#x6BA;</mtext></math>=<span>1EE5D</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x642;</mtext></math>=<span>1EE52</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x644;</mtext></math>=<span>1EE4B</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x646;</mtext></math>=<span>1EE4D</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x64A;</mtext></math>=<span>1EE49</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x62C;</mtext></math>=<span>1EE42</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x62D;</mtext></math>=<span>1EE47</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x62E;</mtext></math>=<span>1EE57</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x66F;</mtext></math>=<span>1EE5F</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x633;</mtext></math>=<span>1EE4E</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x634;</mtext></math>=<span>1EE54</span></span><br/>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x635;</mtext></math>=<span>1EE51</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x636;</mtext></math>=<span>1EE59</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x639;</mtext></math>=<span>1EE4F</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x63A;</mtext></math>=<span>1EE5B</span></span>
+  <span><math class="testfont"><mtext mathvariant="tailed">&#x6BA;</mtext></math>=<span>1EE5D</span></span>
 </body>
 </html>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/css-styling/visibility-1.html b/tests/wpt/web-platform-tests/mathml/relations/css-styling/visibility-1.html
index c84f97aeeb84..7083ef70fb3c 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/css-styling/visibility-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/css-styling/visibility-1.html
@@ -3,7 +3,11 @@
 <head>
 <meta charset="utf-8">
 <title>visibility</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssstyling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-mtext">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fraction-with-nonzero-line-thickness">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radical-symbol">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
 <link rel="match" href="visibility-1-ref.html"/>
 <meta name="assert" content="Verify that visibility=hidden is used for text and graphical elements.">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-1.html
index ee4b4b50d3f4..a1efbd218462 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-1.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8"/>
 <title>Class</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
 <link rel="match" href="class-1-ref.html"/>
 <meta name="assert" content="Verify that the class attribute affects CSS selectors.">
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-2.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-2.html
index 4e1ae6b70740..8d6515af9f97 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-2.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/class-2.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8">
 <title>Class</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <meta name="assert" content="Verify whether the getElementsByClassName() works for MathML elements.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/color-attributes-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/color-attributes-1.html
index 6f9f93721a2a..585aebaf393d 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/color-attributes-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/color-attributes-1.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8"/>
 <title>Color Attributes</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#legacy-mathml-style-attributes">
 <meta name="assert" content="Verify that the mathcolor and mathbackground attributes are supported on the math element.">
 <link rel="match" href="color-attributes-1-ref.html"/>
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/display-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/display-1.html
index 77038ee223c5..3a180f5d42bc 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/display-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/display-1.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8"/>
 <title>MathML display attribute</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
 <meta name="assert" content="Verify that the display attribute on the math element is supported and impacts centering and line breaking with surrounding content.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/dynamic-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/dynamic-1.html
index 48fdd2591559..b4d603a9aa6b 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/dynamic-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/dynamic-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <title>Dynamic MathML DOM</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript"/>
 <link rel="match" href="dynamic-1-ref.html"/>
 <meta name="assert" content="Verify that the MathML DOM tree can be modified via javascript and that the rendering is correctly updated.">
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-1.html
index dd6b7990a3c1..bf902b5e8f6e 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-1.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8"/>
 <title>href click</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <link rel="match" href="href-click-1-ref.html"/>
 <meta name="assert" content="Verify that a click on a link moves to the target.">
 <script type="text/javascript">
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-2.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-2.html
index 4c5253df1596..c23d87c2358c 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-2.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-2.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8"/>
 <title>href click</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <link rel="match" href="href-click-2-ref.html"/>
 <meta name="assert" content="Verify that a click on an element bubbles to an ancestor link.">
 <script type="text/javascript">
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-3.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-3.html
index f2863febc1f1..a8475ea3ff80 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-3.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/href-click-3.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8">
 <title>href click</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/resources/testdriver.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-1.html
index 3221a67503bc..4d10af86c72a 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <title>MathML inside foreignObject</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#html-and-svg">
 <link rel="match" href="integration-point-1-ref.html"/>
 <meta name="assert" content="Verify that MathML can be used inside a foreignObject element.">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-2.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-2.html
index d42eeb03ed21..20d499d3f89f 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-2.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <title>MathML as a phrasing content</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#html-and-svg">
 <link rel="match" href="integration-point-2-ref.html"/>
 <meta name="assert" content="Verify that MathML can be used at positions where phrasing content is accepted.">
 <style type="text/css">
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-3.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-3.html
index 1feb8317ff12..1f62d8e630a1 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-3.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/integration-point-3.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <title>phrasing content inside mtext</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#html-and-svg">
 <link rel="match" href="integration-point-3-ref.html"/>
 <meta name="assert" content="Verify that <mtext> can contain phrasing content">
 <style type="text/css">
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/required-extensions-2.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/required-extensions-2.html
index 1d7af04d9edc..e1d7a853704c 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/required-extensions-2.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/required-extensions-2.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <title>SVG requiredExtensions</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#html-and-svg">
 <link rel="match" href="required-extensions-2-ref.html"/>
 <meta name="assert" content="Verify that a foreignObject with MathML used as a requiredExtensions value is selected for display in a SVG switch element.">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-1.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-1.html
index 42a547ac218f..e2315f149936 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-1.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8"/>
 <title>Unique identifier</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
 <link rel="match" href="unique-identifier-1-ref.html"/>
 <meta name="assert" content="Verify that the id on a MathML element can be used as a fragment identifier in order to force initial scrolling.">
 </head>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html
index 421ad7a86d03..2c3190c51e25 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8">
 <title>Unique Identifier</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#dom-and-javascript">
 <meta name="assert" content="Verify whether the getElementById() works for MathML elements.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-3.html b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-3.html
index c58e5026cfad..7cfac89e85b4 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-3.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/html5-tree/unique-identifier-3.html
@@ -3,7 +3,8 @@
 <head>
 <meta charset="utf-8"/>
 <title>Unique Identifier</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#mathmltree"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
 <link rel="match" href="unique-identifier-3-ref.html"/>
 <meta name="assert" content="Verify that the id attribute affects CSS selectors.">
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/relations/text-and-math/use-typo-metrics-1.html b/tests/wpt/web-platform-tests/mathml/relations/text-and-math/use-typo-metrics-1.html
index 3797aef5fc0f..4e92a846461b 100644
--- a/tests/wpt/web-platform-tests/mathml/relations/text-and-math/use-typo-metrics-1.html
+++ b/tests/wpt/web-platform-tests/mathml/relations/text-and-math/use-typo-metrics-1.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <meta charset="utf-8"/>
 <title>Open Font Format: USE_TYPO_METRICS</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#openfontformat"/>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-layout"/>
 <link rel="match" href="use-typo-metrics-1-ref.html"/>
 <meta name="assert" content="Verify that the USE_TYPO_METRICS flag from the OS/2 table is taken into account to calculate line height.">
 <style>
diff --git a/tests/wpt/web-platform-tests/mathml/tools/mathvariant-transforms.py b/tests/wpt/web-platform-tests/mathml/tools/mathvariant-transforms.py
index ba99b595f0aa..cb863398f6ec 100644
--- a/tests/wpt/web-platform-tests/mathml/tools/mathvariant-transforms.py
+++ b/tests/wpt/web-platform-tests/mathml/tools/mathvariant-transforms.py
@@ -57,6 +57,10 @@ def parseCodePoint(aHexaString):
 # There is no "isolated" mathvariant.
 del mathvariantTransforms["isolated"]
 
+# Automatic mathvariant uses the same transform as italic.
+# It is handled specially (see below).
+mathvariantTransforms["auto"] = mathvariantTransforms["italic"]
+
 # Create a WOFF font for each mathvariant.
 for mathvariant in mathvariantTransforms:
     font = mathfont.create("mathvariant-%s" % mathvariant)
@@ -67,29 +71,49 @@ def parseCodePoint(aHexaString):
         mathfont.createGlyphFromValue(font, transformedChar)
     mathfont.save(font)
 
-# Create a test font for each mathvariant.
+# Create a MathML and CSS test for each mathvariant.
 for mathvariant in mathvariantTransforms:
-    print("Generating test for %s..." % mathvariant, end="")
+    print("Generating tests for %s..." % mathvariant, end="")
     reftest = open("../relations/css-styling/mathvariant-%s.html" % mathvariant, "w")
     reftestReference = open("../relations/css-styling/mathvariant-%s-ref.html" % mathvariant, "w")
+    CSSreftest = open("../../css/css-text/text-transform/math/text-transform-math-%s-001.tentative.html" % mathvariant, "w")
+    CSSreftestReference = open("../../css/css-text/text-transform/math/text-transform-math-%s-001.tentative-ref.html" % mathvariant, "w")
     source = '\
 <!DOCTYPE html>\n\
 <html>\n\
 <head>\n\
 <meta charset="utf-8"/>\n\
-<title>mathvariant %s</title>\n'
-    reftest.write(source % mathvariant)
-    reftestReference.write(source % ("%s (reference)" % mathvariant))
+<title>%s</title>\n'
+    reftest.write(source % ("mathvariant %s" % mathvariant))
+    reftestReference.write(source % ("mathvariant %s (reference)" % mathvariant))
+    CSSreftest.write(source % ("text-transform math-%s" % mathvariant))
+    CSSreftestReference.write(source % ("text-transform math-%s (reference)" % mathvariant))
+    if mathvariant == "auto":
+        mathAssert = "Verify that a single-char <mi> is equivalent to an <mi> with the transformed italic unicode character."
+    else:
+        mathAssert = "Verify that a single-char <mtext> with a %s mathvariant is equivalent to an <mtext> with the transformed unicode character." % mathvariant
     source ='\
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#cssproperties"/>\n\
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">\n\
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-mathvariant-attribute">\n\
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">\n\
 <link rel="match" href="mathvariant-%s-ref.html"/>\n\
-<meta name="assert" content="Verify that a single-char <mtext> with a %s mathvariant is equivalent to an <mtext> with the transformed unicode character.">\n'
-    reftest.write(source % (mathvariant, mathvariant))
+<meta name="assert" content="%s">\n'
+    reftest.write(source % (mathvariant, mathAssert))
+    source = '\
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3745"/>\n\
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#new-text-transform-values">\n\
+<link rel="match" href="text-transform-math-%s-001.tentative-ref.html"/>\n\
+<meta name="assert" content="Verify that a character with \'text-transform: math-%s\' renders the same as the transformed unicode character.">\n'
+    CSSreftest.write(source % (mathvariant, mathvariant))
+    if mathvariant == "auto":
+        WOFFfont = "mathvariant-italic.woff"
+    else:
+        WOFFfont = "mathvariant-%s.woff" % mathvariant
     source = '\
 <style>\n\
   @font-face {\n\
     font-family: TestFont;\n\
-    src: url("/fonts/math/mathvariant-%s.woff");\n\
+    src: url("/fonts/math/%s");\n\
   }\n\
   body > span {\n\
     padding: 10px;\n\
@@ -98,30 +122,48 @@ def parseCodePoint(aHexaString):
     font-family: monospace;\n\
     font-size: 10px;\n\
   }\n\
-  math {\n\
+  .testfont {\n\
     font-family: TestFont;\n\
     font-size: 10px;\n\
   }\n\
 </style>\n\
 <body>\n\
   <!-- Generated by mathml/tools/mathvariant.py; DO NOT EDIT. -->\n\
-  <p>Test passes if all the equalities below are true.</p>\n' % mathvariant
+  <p>Test passes if all the equalities below are true.</p>\n' % WOFFfont
     reftest.write(source)
     reftestReference.write(source)
+    CSSreftest.write(source)
+    CSSreftestReference.write(source)
     charIndex = 0
     for baseChar in mathvariantTransforms[mathvariant]:
         transformedChar = mathvariantTransforms[mathvariant][baseChar]
-        reftest.write('  <span><math><mtext mathvariant="%s">&#x%0X;</mtext></math>=<span>%05X</span></span>' % (mathvariant, baseChar, transformedChar))
-        reftestReference.write('  <span><math><mtext>&#x%0X;</mtext></math>=<span>%05X</span></span>' % (transformedChar, transformedChar))
+        if mathvariant == "auto":
+            tokenTag = '<mi>&#x%0X;</mi>' % baseChar
+            tokenTagRef = '<mi>&#x%0X;</mi>' % transformedChar
+        else:
+            tokenTag = '<mtext mathvariant="%s">&#x%0X;</mtext>' % (mathvariant, baseChar)
+            tokenTagRef = '<mtext>&#x%0X;</mtext>' % transformedChar
+        reftest.write('  <span><math class="testfont">%s</math>=<span>%05X</span></span>' % (tokenTag, transformedChar))
+        reftestReference.write('  <span><math class="testfont">%s</math>=<span>%05X</span></span>' % (tokenTagRef, transformedChar))
+        CSSreftest.write('  <span><span class="testfont" style="text-transform: math-%s">&#x%0X;</span>=<span>%05X</span></span>' % (mathvariant, baseChar, transformedChar))
+        CSSreftestReference.write('  <span><span class="testfont">&#x%0X;</span>=<span>%05X</span></span>' % (transformedChar, transformedChar))
         charIndex += 1
         if charIndex % 10 == 0:
             reftest.write('<br/>')
             reftestReference.write('<br/>')
+            CSSreftest.write('<br/>')
+            CSSreftestReference.write('<br/>')
         reftest.write('\n')
         reftestReference.write('\n')
+        CSSreftest.write('\n')
+        CSSreftestReference.write('\n')
     source = '</body>\n</html>\n'
     reftest.write(source)
     reftestReference.write(source)
+    CSSreftest.write(source)
+    CSSreftestReference.write(source)
     reftest.close()
     reftestReference.close()
+    CSSreftest.close()
+    CSSreftestReference.close()
     print(" done.")
diff --git a/tests/wpt/web-platform-tests/pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html b/tests/wpt/web-platform-tests/pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html
deleted file mode 100644
index 524d19eecebf..000000000000
--- a/tests/wpt/web-platform-tests/pointerevents/pointerevent_mouse_pointercapture_inactivate_pointer.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!doctype html>
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/resources/testdriver.js"></script>
-<script src="/resources/testdriver-vendor.js"></script>
-<script src="/resources/testdriver-actions.js"></script>
-<style>
-    iframe {
-      width: 300px;
-      height: 300px;
-      top: 100px;
-      left: 50px;
-      border: 0;
-      position: absolute;
-      background: green;
-    }
-    #outerFrame {
-      width: 500px;
-      height: 500px;
-      background: blue;
-    }
-</style>
-<body onload="run()">
-    <div id='outerFrame'>
-        <iframe id='innerFrameElement' src="resources/pointerevent_mouse_pointercapture_inactivate_pointer-iframe.html"></iframe>
-    </div>
-</body>
-
-<script type="text/javascript">
-    var test_pointerEvent = async_test("setPointerCapture: outer frame capture pointer active in inner frame");
-
-    document.addEventListener("gotpointercapture", function(){
-        test_pointerEvent.step(function() {
-            assert_unreached("It should not be possible to capture mouse pointer when it's activate in inner frame");
-        });
-    })
-
-    function captureMousePointer(event) {
-        outerFrame.setPointerCapture(event.pointerId);
-    }
-
-    function finishTest() {
-        test_pointerEvent.done();
-    }
-
-    function run() {
-        new test_driver.Actions()
-            .pointerMove(200, 200)
-            .pointerDown()
-            .pointerMove(250, 250)
-            .pointerUp()
-            .send();
-    }
-</script>
-</html>
diff --git a/tests/wpt/web-platform-tests/pointerevents/resources/pointerevent_mouse_pointercapture_inactivate_pointer-iframe.html b/tests/wpt/web-platform-tests/pointerevents/resources/pointerevent_mouse_pointercapture_inactivate_pointer-iframe.html
deleted file mode 100644
index d4b4af1fba1d..000000000000
--- a/tests/wpt/web-platform-tests/pointerevents/resources/pointerevent_mouse_pointercapture_inactivate_pointer-iframe.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<body id='innerFrame' style='height:500px; width: 500px; padding: 0; margin: 0;'>
-  <script>
-      document.addEventListener('pointerdown', function(event) {
-          top.captureMousePointer(event);
-      });
-      document.addEventListener('pointerup', function(event) {
-          top.finishTest();
-      });
-  </script>
-</body>
diff --git a/tests/wpt/web-platform-tests/portals/portal-non-http-navigation.html b/tests/wpt/web-platform-tests/portals/portal-non-http-navigation.html
new file mode 100644
index 000000000000..3b79df3c230e
--- /dev/null
+++ b/tests/wpt/web-platform-tests/portals/portal-non-http-navigation.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<title>Tests that portal don't navigate to non-http schemes.</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+<script>
+async_test(t => {
+  var portal = document.createElement("portal");
+  portal.src = "data:text/html,empty portal";
+  portal.onload = t.unreached_func("Portal loaded data URL.");
+  document.body.appendChild(portal);
+  t.step_timeout(() => { portal.remove(); t.done(); }, 3000);
+}, "Tests that a portal can't navigate to a data URL.");
+
+async_test(t => {
+  var portal = document.createElement("portal");
+  portal.src = "about:blank";
+  portal.onload = t.unreached_func("Portal loaded about:blank.");
+  document.body.appendChild(portal);
+  t.step_timeout(() => { portal.remove(); t.done(); }, 3000);
+}, "Tests that a portal can't navigate to about:blank.");
+
+async_test(t => {
+  var portal = document.createElement("portal");
+  portal.src = "resources/simple-portal.html";
+  portal.onload = t.step_func(() => {
+    portal.onmessage = t.unreached_func("Portal execute javascript.");
+    portal.src = "javascript:window.portalHost.postMessage('executed', '*')";
+    t.step_timeout(() => { portal.remove(); t.done(); }, 3000);
+  });
+  document.body.appendChild(portal);
+}, "Tests that a portal can't navigate to javascript URLs.");
+</script>
+</body>
diff --git a/tests/wpt/web-platform-tests/printing/print-microtask-after-navigate.html b/tests/wpt/web-platform-tests/printing/print-microtask-after-navigate.html
new file mode 100644
index 000000000000..b3f7f769daf2
--- /dev/null
+++ b/tests/wpt/web-platform-tests/printing/print-microtask-after-navigate.html
@@ -0,0 +1,22 @@
+<!doctype HTML>
+<meta charset=utf-8>
+<title>Printing in microtask after navigation</title>
+<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#printing">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+Passes if it does not crash.
+<script>
+  let print_promise = new Promise(function(resolve, reject) {
+    resolve();
+  });
+
+  // Call print in a microtask. This will execute after the navigation click
+  // has happened, which will cause the document to become neutered and
+  // ineligible for the print command.
+  print_promise.then(() => print());
+</script>
+ <a href="resources/destination.html">
+<script>
+  document.getElementsByTagName("a")[0].click();
+</script>
diff --git a/tests/wpt/web-platform-tests/printing/resources/destination.html b/tests/wpt/web-platform-tests/printing/resources/destination.html
new file mode 100644
index 000000000000..00e89594b253
--- /dev/null
+++ b/tests/wpt/web-platform-tests/printing/resources/destination.html
@@ -0,0 +1,8 @@
+<!doctype HTML>
+<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
+Passes if it does not crash.
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+  test(()=> {}, "Did not crash");
+</script>
diff --git a/tests/wpt/web-platform-tests/resize-observer/observe.html b/tests/wpt/web-platform-tests/resize-observer/observe.html
index ab7521cf72b6..7360264e6baf 100644
--- a/tests/wpt/web-platform-tests/resize-observer/observe.html
+++ b/tests/wpt/web-platform-tests/resize-observer/observe.html
@@ -125,12 +125,12 @@
 }
 
 function test5() {
-  let img = createAndAppendElement("img");
+  const img = new Image();
   img.style.width = "15px";
   img.style.height = "15px";
   img.src = "resources/image.png";
 
-  var helper = new ResizeTestHelper("test5: observe img",[
+  let helper = new ResizeTestHelper("test5: observe img",[
     {
       setup: observer => {
         observer.observe(img);
@@ -148,8 +148,15 @@
       }
     }
   ]);
-  return new Promise((resolve, reject) => {
-    img.onload = () => resolve();
+  return img.decode().then(() => {
+    return new Promise(resolve => {
+      requestAnimationFrame(() => {
+        document.body.appendChild(img);
+        resolve();
+      });
+    });
+  }).catch(error => {
+    assert_unreached("decode image failed");
   }).then(() => {
     return helper.start(() => img.remove());
   });
diff --git a/tests/wpt/web-platform-tests/resources/chromium/webxr-test.js b/tests/wpt/web-platform-tests/resources/chromium/webxr-test.js
index 5ed96b8fc93f..e584ea37cb37 100644
--- a/tests/wpt/web-platform-tests/resources/chromium/webxr-test.js
+++ b/tests/wpt/web-platform-tests/resources/chromium/webxr-test.js
@@ -12,8 +12,9 @@ class ChromeXRTest {
     return Promise.resolve(this.mockVRService_.addRuntime(init_params));
   }
 
-  simulateDeviceDisconnection(device) {
-    this.mockVRService_.removeRuntime(device);
+  disconnectAllDevices() {
+    this.mockVRService_.removeAllRuntimes(device);
+    return Promise.resolve();
   }
 
   simulateUserActivation(callback) {
@@ -60,11 +61,11 @@ class MockVRService {
     return runtime;
   }
 
-  removeRuntime(runtime) {
-    // We have no way of distinguishing between devices, so just clear the
-    // entire list for now.
-    // TODO(http://crbug.com/873409) We also have no way right now to disconnect
-    // devices.
+  removeAllRuntimes() {
+    if (this.client_) {
+      this.client_.onDeviceChanged();
+    }
+
     this.runtimes_ = [];
   }
 
@@ -97,12 +98,22 @@ class MockVRService {
       // Find and return the first successful result.
       for (let i = 0; i < results.length; i++) {
         if (results[i].session) {
-          return results[i];
+          return {
+            result: {
+              session : results[i].session,
+              $tag :  0
+            }
+          };
         }
       }
 
       // If there were no successful results, returns a null session.
-      return {session: null};
+      return {
+        result: {
+          failureReason : device.mojom.RequestSessionResult.NO_RUNTIME_FOUND,
+          $tag :  1
+        }
+      };
     });
   }
 
@@ -141,6 +152,8 @@ class MockRuntime {
 
     this.framesOfReference = {};
 
+    // Initialize DisplayInfo first to set the defaults, then override with
+    // anything from the deviceInit
     if (fakeDeviceInit.supportsImmersive) {
       this.displayInfo_ = this.getImmersiveDisplayInfo();
     } else {
@@ -150,16 +163,16 @@ class MockRuntime {
     if (fakeDeviceInit.supportsEnvironmentIntegration) {
       this.displayInfo_.capabilities.canProvideEnvironmentIntegration = true;
     }
-  }
 
-  // Test methods.
-  setXRPresentationFrameData(poseMatrix, views) {
-    if (poseMatrix == null) {
-      this.pose_ = null;
-    } else {
-      this.setPoseFromMatrix(poseMatrix);
+    if (fakeDeviceInit.viewerOrigin != null) {
+      this.setViewerOrigin(fakeDeviceInit.viewerOrigin);
     }
 
+    this.setViews(fakeDeviceInit.views);
+  }
+
+  // Test API methods.
+  setViews(views) {
     if (views) {
       let changed = false;
       for (let i = 0; i < views.length; i++) {
@@ -172,17 +185,18 @@ class MockRuntime {
         }
       }
 
-      if (changed) {
+      if (changed && this.sessionClient_.ptr.isBound()) {
         this.sessionClient_.onChanged(this.displayInfo_);
       }
     }
   }
 
-
-  setPoseFromMatrix(poseMatrix) {
+  setViewerOrigin(origin, emulatedPosition = false) {
+    let p = origin.position;
+    let q = origin.orientation;
     this.pose_ = {
-      orientation: null,
-      position: null,
+      orientation: { x: q[0], y: q[1], z: q[2], w: q[3] },
+      position: { x: p[0], y: p[1], z: p[2] },
       angularVelocity: null,
       linearVelocity: null,
       angularAcceleration: null,
@@ -190,37 +204,13 @@ class MockRuntime {
       inputState: null,
       poseIndex: 0
     };
-
-    let pose = this.poseFromMatrix(poseMatrix);
-    for (let field in pose) {
-      if (this.pose_.hasOwnProperty(field)) {
-        this.pose_[field] = pose[field];
-      }
-    }
   }
 
-  poseFromMatrix(m) {
-    let m00 = m[0];
-    let m11 = m[5];
-    let m22 = m[10];
-
-    // The max( 0, ... ) is just a safeguard against rounding error.
-    let orientation = new gfx.mojom.Quaternion();
-    orientation.w = Math.sqrt(Math.max(0, 1 + m00 + m11 + m22)) / 2;
-    orientation.x = Math.sqrt(Math.max(0, 1 + m00 - m11 - m22)) / 2;
-    orientation.y = Math.sqrt(Math.max(0, 1 - m00 + m11 - m22)) / 2;
-    orientation.z = Math.sqrt(Math.max(0, 1 - m00 - m11 + m22)) / 2;
-
-    let position = new gfx.mojom.Point3F();
-    position.x = m[12];
-    position.y = m[13];
-    position.z = m[14];
-
-    return {
-      orientation, position
-    }
+  clearViewerOrigin() {
+    this.pose_ = null;
   }
 
+  // Helper methods
   getNonImmersiveDisplayInfo() {
     let displayInfo = this.getImmersiveDisplayInfo();
 
@@ -249,7 +239,7 @@ class MockRuntime {
           leftDegrees: 50.899,
           rightDegrees: 35.197
         },
-        offset: new gfx.mojom.Vector3dF(-0.032, 0, 0),
+        offset: { x: -0.032, y: 0, z: 0 },
         renderWidth: 20,
         renderHeight: 20
       },
@@ -260,7 +250,7 @@ class MockRuntime {
           leftDegrees: 50.899,
           rightDegrees: 35.197
         },
-        offset: new gfx.mojom.Vector3dF(0.032, 0, 0),
+        offset: { x: 0.032, y: 0, z: 0 },
         renderWidth: 20,
         renderHeight: 20
       },
@@ -286,6 +276,8 @@ class MockRuntime {
     let upTan = (1 + m[9]) / m[5];
     let downTan = (1 - m[9]) / m[5];
 
+    let offset = fakeXRViewInit.viewOffset.position;
+
     return {
       fieldOfView: {
         upDegrees: toDegrees(upTan),
@@ -293,9 +285,9 @@ class MockRuntime {
         leftDegrees: toDegrees(leftTan),
         rightDegrees: toDegrees(rightTan)
       },
-      offset: new gfx.mojom.Vector3dF(0, 0, 0),
-      renderWidth: 20,
-      renderHeight: 20
+      offset: { x: offset[0], y: offset[1], z: offset[2] },
+      renderWidth: fakeXRViewInit.resolution.width,
+      renderHeight: fakeXRViewInit.resolution.height
     };
   }
 
@@ -395,6 +387,7 @@ class MockRuntime {
   };
 }
 
+// Mojo helper classes
 class MockXRPresentationProvider {
   constructor() {
     this.binding_ = new mojo.Binding(device.mojom.XRPresentationProvider, this);
@@ -438,4 +431,21 @@ class MockXRPresentationProvider {
   }
 }
 
+// This is a temporary workaround for the fact that spinning up webxr before
+// the mojo interceptors are created will cause the interceptors to not get
+// registered, so we have to create this before we query xr;
 let XRTest = new ChromeXRTest();
+
+// This test API is also used to run Chrome's internal legacy VR tests; however,
+// those fail if navigator.xr has been used. Those tests will set a bool telling
+// us not to try to check navigator.xr
+if ((typeof legacy_vr_test === 'undefined') || !legacy_vr_test) {
+  // Some tests may run in the http context where navigator.xr isn't exposed
+  // This should just be to test that it isn't exposed, but don't try to set up
+  // the test framework in this case.
+  if (navigator.xr) {
+    navigator.xr.test = XRTest;
+  }
+} else {
+  navigator.vr = { test: XRTest };
+}
diff --git a/tests/wpt/web-platform-tests/resources/test/tests/functional/api-tests-1.html b/tests/wpt/web-platform-tests/resources/test/tests/functional/api-tests-1.html
index 1c108c5a638b..02009f856f6a 100644
--- a/tests/wpt/web-platform-tests/resources/test/tests/functional/api-tests-1.html
+++ b/tests/wpt/web-platform-tests/resources/test/tests/functional/api-tests-1.html
@@ -167,12 +167,24 @@ <h1>Sample HTML5 API Tests</h1>
         assert_throws("NOT_FOUND_ERR", function () {a.appendChild(b)});
     }, "Test throw DOM exception expected to fail")
 
+    test(function()
+    {
+        var e = {code:0, name:"TEST_ERR", TEST_ERR:0}
+        assert_throws(0, function() {throw e});
+    }, "Test assert_throws with ambiguous DOM-exception expected to Fail");
+
     test(function()
     {
         var e = {code:0, name:"TEST_ERR", TEST_ERR:0}
         assert_throws("TEST_ERR", function() {throw e});
     }, "Test assert_throws with non-DOM-exception expected to Fail");
 
+    test(function()
+    {
+        var e = {code: DOMException.SYNTAX_ERR, name:"SyntaxError"}
+        assert_throws(DOMException.SYNTAX_ERR, function() {throw e});
+    }, "Test assert_throws with number code value expected to Pass");
+
     var t = async_test("Test step_func")
     setTimeout(
       t.step_func(
@@ -217,12 +229,24 @@ <h1>Sample HTML5 API Tests</h1>
       "message": null,
       "properties": {}
     },
+    {
+      "status_string": "FAIL",
+      "name": "Test assert_throws with ambiguous DOM-exception expected to Fail",
+      "message": "Test bug: ambiguous DOMException code 0 passed to assert_throws()",
+      "properties": {}
+    },
     {
       "status_string": "FAIL",
       "name": "Test assert_throws with non-DOM-exception expected to Fail",
       "message": "Test bug: unrecognized DOMException code \"TEST_ERR\" passed to assert_throws()",
       "properties": {}
     },
+    {
+      "status_string": "PASS",
+      "name": "Test assert_throws with number code value expected to Pass",
+      "message": null,
+      "properties": {}
+    },
     {
       "status_string": "PASS",
       "name": "Test async test with callback",
diff --git a/tests/wpt/web-platform-tests/resources/testharness.js b/tests/wpt/web-platform-tests/resources/testharness.js
index bffdf022b332..21d5fcc9417f 100644
--- a/tests/wpt/web-platform-tests/resources/testharness.js
+++ b/tests/wpt/web-platform-tests/resources/testharness.js
@@ -1436,11 +1436,28 @@ policies and contribution forms [3].
                 NotAllowedError: 0
             };
 
-            if (!(name in name_code_map)) {
-                throw new AssertionError('Test bug: unrecognized DOMException code "' + code + '" passed to assert_throws()');
+            var code_name_map = {};
+            for (var key in name_code_map) {
+                if (name_code_map[key] > 0) {
+                    code_name_map[name_code_map[key]] = key;
+                }
             }
 
-            var required_props = { code: name_code_map[name] };
+            var required_props = { code: code };
+
+            if (typeof code === "number") {
+                if (code === 0) {
+                    throw new AssertionError('Test bug: ambiguous DOMException code 0 passed to assert_throws()');
+                } else if (!(code in code_name_map)) {
+                    throw new AssertionError('Test bug: unrecognized DOMException code "' + code + '" passed to assert_throws()');
+                }
+                name = code_name_map[code];
+            } else if (typeof code === "string") {
+                if (!(name in name_code_map)) {
+                    throw new AssertionError('Test bug: unrecognized DOMException code "' + code + '" passed to assert_throws()');
+                }
+                required_props.code = name_code_map[name];
+            }
 
             if (required_props.code === 0 ||
                ("name" in e &&
diff --git a/tests/wpt/web-platform-tests/sms/sms_provider.js b/tests/wpt/web-platform-tests/sms/sms_provider.js
index eaa31ebea311..e0689bbd82c6 100644
--- a/tests/wpt/web-platform-tests/sms/sms_provider.js
+++ b/tests/wpt/web-platform-tests/sms/sms_provider.js
@@ -61,7 +61,7 @@ function intercept() {
       blink.mojom.SmsReceiver.$interfaceName);
   interceptor.oninterfacerequest = (e) => {
     let impl = new blink.mojom.SmsReceiver(provider);
-    impl.bindHandle(e.handle);
+    impl.$.bindHandle(e.handle);
   }
 
   interceptor.start();
diff --git a/tests/wpt/web-platform-tests/trusted-types/block-eval.tentative.html b/tests/wpt/web-platform-tests/trusted-types/block-eval.tentative.html
new file mode 100644
index 000000000000..e1a6a69accd1
--- /dev/null
+++ b/tests/wpt/web-platform-tests/trusted-types/block-eval.tentative.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script nonce="abc" src="/resources/testharness.js"></script>
+  <script nonce="abc" src="/resources/testharnessreport.js"></script>
+  <script nonce="abc" src="support/helper.sub.js"></script>
+
+  <!-- Note: Trusted Types enforcement, and a CSP that does not blanket-allow eval. -->
+  <meta http-equiv="Content-Security-Policy" content="script-src 'nonce-abc'; trusted-types *">
+</head>
+<body>
+<script nonce="abc">
+  let p = createScript_policy(window, 1);
+  test(t => {
+    assert_throws(new EvalError(), _ => {
+      eval('"hello there"') });
+  }, "eval with plain string throws.");
+
+  test(t => {
+    let s = eval(p.createScript('"Hello transformed string"'));
+    assert_equals(s, "Hello a cat string");
+  }, "eval with TrustedScript works.");
+
+  TrustedTypes.createPolicy("default", { createScript: createScriptJS }, true);
+  test(t => {
+    let s = eval('"Hello transformed untrusted string"');
+    assert_equals(s, "Hello a cat untrusted string");
+  }, "eval obeys default policy.");
+</script>
+
diff --git a/tests/wpt/web-platform-tests/trusted-types/eval-with-permissive-csp.tentative.html b/tests/wpt/web-platform-tests/trusted-types/eval-with-permissive-csp.tentative.html
new file mode 100644
index 000000000000..68d119a52012
--- /dev/null
+++ b/tests/wpt/web-platform-tests/trusted-types/eval-with-permissive-csp.tentative.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script nonce="abc" src="/resources/testharness.js"></script>
+  <script nonce="abc" src="/resources/testharnessreport.js"></script>
+  <script nonce="abc" src="support/helper.sub.js"></script>
+
+  <!-- Note: Trusted Types enforcement, and a CSP that allows all eval. -->
+  <meta http-equiv="Content-Security-Policy"
+        content="script-src 'nonce-abc' 'unsafe-eval'; trusted-types *">
+</head>
+<body>
+<script nonce="abc">
+  let p = createScript_policy(window, 1);
+  test(t => {
+    let s = eval('"hello there"');
+    assert_equals(s, "hello there");
+  }, "eval with plain string with Trusted Types and permissive CSP works.");
+
+  test(t => {
+    let s = eval(p.createScript('"Hello transformed string"'));
+    assert_equals("" + s, "Hello a cat string");
+  }, "eval with TrustedScript and permissive CSP works.");
+
+  TrustedTypes.createPolicy("default", { createScript: createScriptJS }, true);
+  test(t => {
+    let s = eval('"Hello transformed untrusted string"');
+    assert_equals(s, "Hello a cat untrusted string");
+  }, "eval with default policy and permissive CSP still obeys default policy.");
+</script>
+
diff --git a/tests/wpt/web-platform-tests/web-nfc/NFCWriter_push.https.html b/tests/wpt/web-platform-tests/web-nfc/NFCWriter_push.https.html
index f5bbfcd6194d..5a14b4090afe 100644
--- a/tests/wpt/web-platform-tests/web-nfc/NFCWriter_push.https.html
+++ b/tests/wpt/web-platform-tests/web-nfc/NFCWriter_push.https.html
@@ -184,7 +184,7 @@
                         if (message.data === "Ready") {
                           const onSuccess = () => { parent.postMessage("Failure", "*"); };
                           const onError = error => {
-                            if (error.name == "SecurityError") {
+                            if (error.name == "NotAllowedError") {
                               parent.postMessage("Success", "*");
                             } else {
                               parent.postMessage("Failure", "*");
diff --git a/tests/wpt/web-platform-tests/webauthn/idlharness-manual.https.window.js b/tests/wpt/web-platform-tests/webauthn/idlharness-manual.https.window.js
new file mode 100644
index 000000000000..884702753d84
--- /dev/null
+++ b/tests/wpt/web-platform-tests/webauthn/idlharness-manual.https.window.js
@@ -0,0 +1,53 @@
+// META: timeout=long
+// META: script=/resources/WebIDLParser.js
+// META: script=/resources/idlharness.js
+// META: script=helpers.js
+
+// https://w3c.github.io/webauthn/
+
+'use strict';
+
+idl_test(
+  ['webauthn'],
+  ['credential-management'],
+  async idlArray => {
+    idlArray.add_untested_idls("[Exposed=(Window,Worker)] interface ArrayBuffer {};");
+
+    idlArray.add_objects({
+      PublicKeyCredential: ['cred', 'assertion'],
+      AuthenticatorAttestationResponse: ['cred.response'],
+      AuthenticatorAssertionResponse: ['assertion.response']
+    });
+
+    const challengeBytes = new Uint8Array(16);
+    window.crypto.getRandomValues(challengeBytes);
+
+    self.cred = await Promise.race([
+      new Promise((_, reject) => window.setTimeout(() => {
+        reject('Timed out waiting for user to touch security key')
+      }, 3000)),
+      createCredential({
+        options: {
+          publicKey: {
+            timeout: 3000,
+            user: {
+              id: new Uint8Array(16),
+            },
+          }
+        }
+      }),
+    ]);
+
+    self.assertion = await navigator.credentials.get({
+      publicKey: {
+        timeout: 3000,
+        allowCredentials: [{
+          id: cred.rawId,
+          transports: ["usb", "nfc", "ble"],
+          type: "public-key"
+        }],
+        challenge: challengeBytes,
+      }
+    });
+  }
+);
diff --git a/tests/wpt/web-platform-tests/webauthn/idlharness.https.window.js b/tests/wpt/web-platform-tests/webauthn/idlharness.https.window.js
index fa5e812eeee1..ff0efcb656a7 100644
--- a/tests/wpt/web-platform-tests/webauthn/idlharness.https.window.js
+++ b/tests/wpt/web-platform-tests/webauthn/idlharness.https.window.js
@@ -11,38 +11,11 @@ idl_test(
   ['webauthn'],
   ['credential-management'],
   async idlArray => {
-    idlArray.add_untested_idls("[Exposed=(Window,Worker)] interface ArrayBuffer {};");
-    idlArray.add_objects({
-      WebAuthentication: ['navigator.authentication'],
-      PublicKeyCredential: ['cred', 'assertion'],
-      AuthenticatorAttestationResponse: ['cred.response'],
-      AuthenticatorAssertionResponse: ['assertion.response']
-    });
-
-    const challengeBytes = new Uint8Array(16);
-    window.crypto.getRandomValues(challengeBytes);
-
-    self.cred = await createCredential({
-      options: {
-        publicKey: {
-          timeout: 3000,
-          user: {
-            id: new Uint8Array(16),
-          },
-        }
-      }
-    });
-
-    self.assertion = await navigator.credentials.get({
-      publicKey: {
-        timeout: 3000,
-        allowCredentials: [{
-          id: cred.rawId,
-          transports: ["usb", "nfc", "ble"],
-          type: "public-key"
-        }],
-        challenge: challengeBytes,
-      }
-    });
+    // NOTE: The following are tested in idlharness-manual.https.window.js:
+    // idlArray.add_objects({
+    //   PublicKeyCredential: ['cred', 'assertion'],
+    //   AuthenticatorAttestationResponse: ['cred.response'],
+    //   AuthenticatorAssertionResponse: ['assertion.response']
+    // });
   }
 );
diff --git a/tests/wpt/web-platform-tests/webxr/resources/test-constants.js b/tests/wpt/web-platform-tests/webxr/resources/test-constants.js
deleted file mode 100644
index aab0417aed0b..000000000000
--- a/tests/wpt/web-platform-tests/webxr/resources/test-constants.js
+++ /dev/null
@@ -1,32 +0,0 @@
-// assert_equals can fail when comparing floats due to precision errors, so
-// use assert_approx_equals with this constant instead
-const FLOAT_EPSILON = 0.001;
-
-// Identity matrix
-const IDENTITY_MATRIX = [1, 0, 0, 0,
-                         0, 1, 0, 0,
-                         0, 0, 1, 0,
-                         0, 0, 0, 1];
-
-// A valid pose matrix for  when we don't care about specific values
-const VALID_POSE_MATRIX = [0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 1, 1, 1, 1];
-
-const VALID_PROJECTION_MATRIX =
-    [1, 0, 0, 0, 0, 1, 0, 0, 3, 2, -1, -1, 0, 0, -0.2, 0];
-
-const VALID_VIEW_MATRIX = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 2, 1];
-
-// A valid VRPose for when we want the HMD to report being at the origin
-const ORIGIN_POSE = IDENTITY_MATRIX;
-
-// A valid input grip matrix for  when we don't care about specific values
-const VALID_GRIP = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 2, 1];
-
-// A valid input pointer offset for  when we don't care about specific values
-const VALID_POINTER_OFFSET = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 1];
-
-const VALID_GRIP_WITH_POINTER_OFFSET =
-    [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 3, 1];
-
-const VALID_STAGE_TRANSFORM =
-    [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.0, 1.65, -1.0, 1];
diff --git a/tests/wpt/web-platform-tests/webxr/resources/webxr_test_constants.js b/tests/wpt/web-platform-tests/webxr/resources/webxr_test_constants.js
index c38c012ba846..a846f1da75fe 100644
--- a/tests/wpt/web-platform-tests/webxr/resources/webxr_test_constants.js
+++ b/tests/wpt/web-platform-tests/webxr/resources/webxr_test_constants.js
@@ -8,16 +8,25 @@ const IDENTITY_MATRIX = [1, 0, 0, 0,
                          0, 0, 1, 0,
                          0, 0, 0, 1];
 
-// A valid pose matrix for  when we don't care about specific values
-const VALID_POSE_MATRIX = [0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 1, 1, 1, 1];
+const IDENTITY_TRANSFORM = {
+    position: [0, 0, 0],
+    orientation: [0, 0, 0, 1],
+};
 
-const VALID_PROJECTION_MATRIX =
-    [1, 0, 0, 0, 0, 1, 0, 0, 3, 2, -1, -1, 0, 0, -0.2, 0];
+// A valid pose matrix/transform for  when we don't care about specific values
+// Note that these two should be identical, just different representations
+const VALID_POSE_MATRIX = [0, 1, 0, 0,
+                           0, 0, 1, 0,
+                           1, 0, 0, 0,
+                           1, 1, 1, 1];
 
-const VALID_VIEW_MATRIX = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 2, 1];
+const VALID_POSE_TRANSFORM = {
+    position: [1, 1, 1],
+    orientation: [0.5, 0.5, 0.5, 0.5]
+};
 
-// A valid VRPose for when we want the HMD to report being at the origin
-const ORIGIN_POSE = IDENTITY_MATRIX;
+const VALID_PROJECTION_MATRIX =
+    [1, 0, 0, 0, 0, 1, 0, 0, 3, 2, -1, -1, 0, 0, -0.2, 0];
 
 // A valid input grip matrix for  when we don't care about specific values
 const VALID_GRIP = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 2, 1];
@@ -39,3 +48,51 @@ const VALID_BOUNDS = [
     { x: -3.5, y: 0, z: 0.0 },
     { x: -3.0, y: 0, z: -2.0 }
 ];
+
+const VALID_RESOLUTION = {
+    width: 20,
+    height: 20
+};
+
+const LEFT_OFFSET = {
+    position: [-0.1, 0, 0],
+    orientation: [0, 0, 0, 1]
+};
+
+const RIGHT_OFFSET = {
+    position: [0.1, 0, 0],
+    orientation: [0, 0, 0, 1]
+};
+
+const VALID_VIEWS = [{
+        eye:"left",
+        projectionMatrix: VALID_PROJECTION_MATRIX,
+        viewOffset: LEFT_OFFSET,
+        resolution: VALID_RESOLUTION
+    }, {
+        eye:"right",
+        projectionMatrix: VALID_PROJECTION_MATRIX,
+        viewOffset: RIGHT_OFFSET,
+        resolution: VALID_RESOLUTION
+    },
+];
+
+const NON_IMMERSIVE_VIEWS = [{
+        eye: "none",
+        projectionMatrix: VALID_PROJECTION_MATRIX,
+        viewOffset: IDENTITY_TRANSFORM,
+        resolution: VALID_RESOLUTION,
+    }
+];
+
+const TRACKED_IMMERSIVE_DEVICE = {
+    supportsImmersive: true,
+    views: VALID_VIEWS,
+    viewerOrigin: IDENTITY_TRANSFORM
+};
+
+const VALID_NON_IMMERSIVE_DEVICE = {
+    supportsImmersive: false,
+    views: NON_IMMERSIVE_VIEWS,
+    viewerOrigin: IDENTITY_TRANSFORM
+};
diff --git a/tests/wpt/web-platform-tests/webxr/resources/webxr_util.js b/tests/wpt/web-platform-tests/webxr/resources/webxr_util.js
index 860d363f2c96..54a91c85c86a 100644
--- a/tests/wpt/web-platform-tests/webxr/resources/webxr_util.js
+++ b/tests/wpt/web-platform-tests/webxr/resources/webxr_util.js
@@ -39,15 +39,15 @@ function xr_session_promise_test(
 
   xr_promise_test(
       name,
-      (t) =>
-          XRTest.simulateDeviceConnection(fakeDeviceInit)
+      (t) =>{
+          return navigator.xr.test.simulateDeviceConnection(fakeDeviceInit)
               .then((controller) => {
                 testDeviceController = controller;
                 return gl.makeXRCompatible();
               })
               .then(() => new Promise((resolve, reject) => {
                       // Perform the session request in a user gesture.
-                      XRTest.simulateUserActivation(() => {
+                      navigator.xr.test.simulateUserActivation(() => {
                         navigator.xr.requestSession(sessionMode)
                             .then((session) => {
                               testSession = session;
@@ -75,8 +75,9 @@ function xr_session_promise_test(
               .then(() => {
                 // Cleanup system state.
                 testSession.end().catch(() => {});
-                XRTest.simulateDeviceDisconnection();
-              }),
+                return navigator.xr.test.disconnectAllDevices();
+              })
+            },
       properties);
 }
 
@@ -138,4 +139,4 @@ let loadChromiumResources = Promise.resolve().then(() => {
   });
 
   return chain;
-});
\ No newline at end of file
+});
diff --git a/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_create_xrcompatible.https.html b/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_create_xrcompatible.https.html
index 8b2f196fa76e..b83b9601aed1 100644
--- a/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_create_xrcompatible.https.html
+++ b/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_create_xrcompatible.https.html
@@ -3,11 +3,12 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas id="webgl-canvas"></canvas>
   <script>
     xr_promise_test("An XR-compatible webglCanvasContext can be created",
       (t) => {
-        return XRTest.simulateDeviceConnection({ supportsImmersive:true })
+        return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
           .then( (controller) => {
             webglCanvas = document.getElementById('webgl-canvas');
             gl = webglCanvas.getContext('webgl', {xrCompatible: true});
diff --git a/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_makecompatible_contextlost.https.html b/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_makecompatible_contextlost.https.html
index 3102008c57db..0e3dbfc97f98 100644
--- a/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_makecompatible_contextlost.https.html
+++ b/tests/wpt/web-platform-tests/webxr/webGLCanvasContext_makecompatible_contextlost.https.html
@@ -3,13 +3,14 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas id="webgl-canvas"></canvas>
   <script>
 
     xr_promise_test(
       "A lost webglCanvasContext should not be able to set xr compatibility",
      (t) => {
-      return XRTest.simulateDeviceConnection({ supportsImmersive:true })
+      return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
         .then( (controller) => {
           webglCanvas = document.getElementById('webgl-canvas');
           gl = webglCanvas.getContext('webgl', {xrCompatible: true});
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive.https.html
index 50a9d344541c..a397d1a89f6e 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive.https.html
@@ -3,12 +3,13 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
   <script>
     xr_session_promise_test(
       "Tests requestSession resolves when supported",
       (session) => {
         assert_not_equals(session, null);
-      }, { supportsImmersive:true }, 'immersive-vr');
+      }, TRACKED_IMMERSIVE_DEVICE, 'immersive-vr');
   </script>
-</body>
\ No newline at end of file
+</body>
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_no_gesture.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_no_gesture.https.html
index eb5a4fda0bdf..10e15b63244d 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_no_gesture.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_no_gesture.https.html
@@ -3,11 +3,12 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "Requesting immersive session outside of a user gesture rejects",
       (t) => {
-        return XRTest.simulateDeviceConnection({ supportsImmersive:true })
+        return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
           .then( (controller) => promise_rejects(
             t, 'SecurityError', navigator.xr.requestSession('immersive-vr')));
       });
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_unsupported.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_unsupported.https.html
index 2592f3a4a0d4..6c0e6284a420 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_unsupported.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_immersive_unsupported.https.html
@@ -3,13 +3,14 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "Requesting an immersive session when unsupported rejects",
       (t) => {
-        return XRTest.simulateDeviceConnection({ supportsImmersive:false })
+        return navigator.xr.test.simulateDeviceConnection(VALID_NON_IMMERSIVE_DEVICE)
           .then( (controller) => new Promise((resolve) => {
-            XRTest.simulateUserActivation( () => {
+            navigator.xr.test.simulateUserActivation( () => {
               resolve(promise_rejects(
                 t,
                 "NotSupportedError",
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_no_mode.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_no_mode.https.html
index c4ac3f6b6d77..de77b38c868e 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_no_mode.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_no_mode.https.html
@@ -3,13 +3,14 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "Requesting a session with no mode rejects",
       (t) => {
-        return XRTest.simulateDeviceConnection({ supportsImmersive:false })
+        return navigator.xr.test.simulateDeviceConnection(VALID_NON_IMMERSIVE_DEVICE)
           .then( (controller) => new Promise((resolve) => {
-            XRTest.simulateUserActivation( () => {
+            navigator.xr.test.simulateUserActivation( () => {
               resolve(promise_rejects(
                 t,
                 new TypeError(),
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_non_immersive_no_gesture.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_non_immersive_no_gesture.https.html
index 40e6f4928b3f..599505925585 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_non_immersive_no_gesture.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_requestSession_non_immersive_no_gesture.https.html
@@ -3,11 +3,12 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "Requesting non-immersive session outside of a user gesture succeeds",
       (t) => {
-        return XRTest.simulateDeviceConnection({ supportsImmersive:false })
+        return navigator.xr.test.simulateDeviceConnection(VALID_NON_IMMERSIVE_DEVICE)
           .then( (controller) => navigator.xr.requestSession('inline'))
           .then( (session) => { assert_not_equals(session, null); });
       });
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive.https.html
index 53dd41e3d27d..fd0827a526ef 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive.https.html
@@ -3,11 +3,12 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "supportsSession resolves when immersive options supported",
       () => {
-        return XRTest.simulateDeviceConnection({ supportsImmersive:true })
+        return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
           .then( (controller) => navigator.xr.supportsSession('immersive-vr'));
       });
   </script>
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive_unsupported.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive_unsupported.https.html
index 0fb44a895d1f..1d63a2b1c3a2 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive_unsupported.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_immersive_unsupported.https.html
@@ -3,11 +3,12 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "supportsSession rejects when options not supported",
       (t) => {
-      return XRTest.simulateDeviceConnection({ supportsImmersive:false })
+      return navigator.xr.test.simulateDeviceConnection(VALID_NON_IMMERSIVE_DEVICE)
         .then( (controller) => {
           return promise_rejects(
             t,
diff --git a/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_non_immersive.https.html b/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_non_immersive.https.html
index d5191400c449..b376495d7651 100644
--- a/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_non_immersive.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrDevice_supportsSession_non_immersive.https.html
@@ -3,11 +3,12 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <script>
     xr_promise_test(
       "supportsSession resolves when inline options supported",
       (t) => {
-      return XRTest.simulateDeviceConnection({ supportsImmersive:true })
+      return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
         .then( (controller) => {
           // Inline sessions should be supported.
           return navigator.xr.supportsSession('inline');
diff --git a/tests/wpt/web-platform-tests/webxr/xrFrame_getPose.https.html b/tests/wpt/web-platform-tests/webxr/xrFrame_getPose.https.html
index 243fb8cd6661..50e8abf145b9 100644
--- a/tests/wpt/web-platform-tests/webxr/xrFrame_getPose.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrFrame_getPose.https.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
-<script src="resources/test-constants.js"></script>
+<script src="resources/webxr_test_constants.js"></script>
 <script src="resources/webxr_util.js"></script>
 <script src="resources/xr-test-asserts.js"></script>
 <canvas></canvas>
@@ -11,20 +11,9 @@
 let immersiveTestName = "XRFrame.getPose works for immersive sessions";
 let nonImmersiveTestName = "XRFrame.getPose works for non-immersive sessions";
 
-let fakeDeviceInitParams = { supportsImmersive:true };
+let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
 let testFunction = function(session, fakeDeviceController, t) {
-  // Need to have a valid pose or input events don't process.
-  fakeDeviceController.setXRPresentationFrameData(VALID_POSE_MATRIX, [{
-      eye:"left",
-      projectionMatrix: VALID_PROJECTION_MATRIX,
-      viewMatrix: VALID_VIEW_MATRIX
-    }, {
-      eye:"right",
-      projectionMatrix: VALID_PROJECTION_MATRIX,
-      viewMatrix: VALID_VIEW_MATRIX
-    }]);
-
   return Promise.all([
     session.requestReferenceSpace('local'),
     session.requestReferenceSpace('local')
diff --git a/tests/wpt/web-platform-tests/webxr/xrFrame_lifetime.https.html b/tests/wpt/web-platform-tests/webxr/xrFrame_lifetime.https.html
index 27ef02de3374..c7af792c7bb4 100644
--- a/tests/wpt/web-platform-tests/webxr/xrFrame_lifetime.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrFrame_lifetime.https.html
@@ -3,6 +3,7 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
@@ -11,7 +12,7 @@
     let nonImmersiveTestName = "XRFrame methods throw exceptions outside of the " +
       "requestAnimationFrame callback for non-immersive sessions";
 
-    let fakeDeviceInitParams = { supportsImmersive:true };
+    let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = (testSession, testController, t) => new Promise((resolve) => {
       let staleFrame = null;
@@ -54,4 +55,4 @@
       fakeDeviceInitParams, 'inline');
 
   </script>
-</body>
\ No newline at end of file
+</body>
diff --git a/tests/wpt/web-platform-tests/webxr/xrRay_constructor.https.html b/tests/wpt/web-platform-tests/webxr/xrRay_constructor.https.html
index ebf88845b0cd..b955db4509c2 100644
--- a/tests/wpt/web-platform-tests/webxr/xrRay_constructor.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrRay_constructor.https.html
@@ -3,7 +3,6 @@
 <script src="/resources/testharnessreport.js"></script>
 <script src="resources/webxr_test_constants.js"></script>
 <script src="resources/webxr_test_asserts.js"></script>
-
 <script>
 
 let constructor_test_name = "XRRay constructors work";
diff --git a/tests/wpt/web-platform-tests/webxr/xrRay_matrix.https.html b/tests/wpt/web-platform-tests/webxr/xrRay_matrix.https.html
index 85d7bffb87b7..83a1050d6b16 100644
--- a/tests/wpt/web-platform-tests/webxr/xrRay_matrix.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrRay_matrix.https.html
@@ -4,7 +4,6 @@
 <script src="resources/webxr_test_constants.js"></script>
 <script src="resources/webxr_test_asserts.js"></script>
 <script src="resources/webxr_math_utils.js"></script>
-
 <script>
 
 let matrix_tests_name = "XRRay matrix works";
diff --git a/tests/wpt/web-platform-tests/webxr/xrRigidTransform_constructor.https.html b/tests/wpt/web-platform-tests/webxr/xrRigidTransform_constructor.https.html
index 15666973473a..6a54fff808d9 100644
--- a/tests/wpt/web-platform-tests/webxr/xrRigidTransform_constructor.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrRigidTransform_constructor.https.html
@@ -4,11 +4,10 @@
 <script src="resources/webxr_util.js"></script>
 <script src="resources/webxr_test_constants.js"></script>
 <canvas id="webgl-canvas"></canvas>
-
 <script>
 
 let testName = "XRRigidTransform constructor works";
-let fakeDeviceInitParams = { supportsImmersive: true };
+let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
 let testFunction =
   (session, fakeDeviceController, t) => new Promise((resolve, reject) => {
diff --git a/tests/wpt/web-platform-tests/webxr/xrRigidTransform_inverse.https.html b/tests/wpt/web-platform-tests/webxr/xrRigidTransform_inverse.https.html
index 706f72102ad3..a314f6b55a21 100644
--- a/tests/wpt/web-platform-tests/webxr/xrRigidTransform_inverse.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrRigidTransform_inverse.https.html
@@ -4,11 +4,10 @@
 <script src="resources/webxr_util.js"></script>
 <script src="resources/webxr_test_constants.js"></script>
 <canvas id="webgl-canvas"></canvas>
-
 <script>
 
 let testName = "XRRigidTransform inverse works";
-let fakeDeviceInitParams = { supportsImmersive: true };
+let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
 let testFunction =
   (session, fakeDeviceController, t) => new Promise((resolve, reject) => {
diff --git a/tests/wpt/web-platform-tests/webxr/xrRigidTransform_matrix.https.html b/tests/wpt/web-platform-tests/webxr/xrRigidTransform_matrix.https.html
index 21236c732461..df804193ffe9 100644
--- a/tests/wpt/web-platform-tests/webxr/xrRigidTransform_matrix.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrRigidTransform_matrix.https.html
@@ -4,7 +4,6 @@
 <script src="resources/webxr_test_constants.js"></script>
 <script src="resources/webxr_test_asserts.js"></script>
 <script src="resources/webxr_math_utils.js"></script>
-
 <script>
 
 let matrix_tests_name = "XRRigidTransform matrix works";
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame.https.html
index d45349ad2446..6a294f21f06d 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame.https.html
@@ -3,6 +3,7 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
@@ -11,7 +12,7 @@
     let nonImmersiveTestName = "XRSession requestAnimationFrame callbacks can be "
       + "unregistered with cancelAnimationFrame for non-immersive sessions";
 
-    let fakeDeviceInitParams = { supportsImmersive:true };
+    let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = (session) => new Promise((resolve, reject) => {
 
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame_invalidhandle.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame_invalidhandle.https.html
index b93f4e27909e..51a639b956c8 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame_invalidhandle.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_cancelAnimationFrame_invalidhandle.https.html
@@ -3,6 +3,7 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
   <script>
     let immersiveTestName = "XRSession cancelAnimationFrame does not have unexpected "
@@ -10,7 +11,7 @@
     let nonImmersiveTestName = "XRSession cancelAnimationFrame does not have unexpected "
       + "behavior when given invalid handles on non-immersive testSession";
 
-    let fakeDeviceInitParams = { supportsImmersive:true };
+    let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = (testSession) => new Promise((resolve) => {
       let counter = 0;
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_end.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_end.https.html
index 26b6b47d2bfe..b91a5b977cab 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_end.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_end.https.html
@@ -3,13 +3,14 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
     const immersivetestName = "end event fires when immersive session ends";
     const nonimmersiveTestName = "end event fires when non-immersive session ends";
     let watcherDone = new Event("watcherdone");
-    const fakeDeviceInitParams = { supportsImmersive:true };
+    const fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = function(session, testDeviceController, t) {
       let eventWatcher = new EventWatcher(t, session, ["end", "watcherdone"]);
@@ -32,4 +33,4 @@
     xr_session_promise_test(nonimmersiveTestName, testFunction,
       fakeDeviceInitParams, 'inline');
   </script>
-</body>
\ No newline at end of file
+</body>
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_prevent_multiple_exclusive.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_prevent_multiple_exclusive.https.html
index e61bd392718a..cd1407037849 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_prevent_multiple_exclusive.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_prevent_multiple_exclusive.https.html
@@ -3,18 +3,19 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
     xr_promise_test(
       "Test prevention of multiple simultaneous immersive sessions",
       (t) => {
-      return XRTest.simulateDeviceConnection({ supportsImmersive:true })
+      return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
         .then( (controller) => new Promise((resolve) => {
-          XRTest.simulateUserActivation( () => {
+          navigator.xr.test.simulateUserActivation( () => {
             resolve(navigator.xr.requestSession('immersive-vr')
               .then( (session) => new Promise((resolve) => {
-                XRTest.simulateUserActivation( () => {
+                navigator.xr.test.simulateUserActivation( () => {
                   // Requesting a second immersive session when another immersive
                   // session is active should fail. Immersive sessions
                   // should take up the users entire view, and therefore it should
@@ -27,7 +28,7 @@
                       // End the immersive session and try again. Now the immersive
                       // session creation should succeed.
                       return session.end().then( () => new Promise((resolve) => {
-                        XRTest.simulateUserActivation( () => {
+                        navigator.xr.test.simulateUserActivation( () => {
                           resolve(navigator.xr.requestSession('immersive-vr'));
                         });
                       }));
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_callback_calls.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_callback_calls.https.html
index 2ed468bc3a5a..98231c8e9e70 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_callback_calls.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_callback_calls.https.html
@@ -3,6 +3,7 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
@@ -11,7 +12,7 @@
     let nonImmersiveTestName = "XRSession requestAnimationFrame calls the " +
       "provided callback a non-immersive session";
 
-    let fakeDeviceInitParams = { supportsImmersive:true };
+    let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = (testSession) => new Promise((resolve) => {
       function onFrame(time, xrFrame) {
@@ -29,4 +30,4 @@
       fakeDeviceInitParams, 'inline');
 
   </script>
-</body>
\ No newline at end of file
+</body>
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_data_valid.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_data_valid.https.html
index c5108e4eccf9..760ff3dd657f 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_data_valid.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_data_valid.https.html
@@ -3,31 +3,13 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
     const testName = "RequestAnimationFrame resolves with good data";
 
-    const identityMatrix = new Float32Array([
-      1, 0, 0, 0,
-      0, 1, 0, 0,
-      0, 0, 1, 0,
-      0, 0, 0, 1
-    ]);
-
-    const rightFakeXRViewInit = {
-      eye:"right",
-      projectionMatrix: identityMatrix,
-      viewMatrix: identityMatrix
-    };
-
-    const leftFakeXRViewInit = {
-      eye:"left",
-      projectionMatrix: identityMatrix,
-      viewMatrix: identityMatrix
-    };
-
-    const fakeDeviceInitOptions = { supportsImmersive:true };
+    const fakeDeviceInitOptions = TRACKED_IMMERSIVE_DEVICE;
 
     let testSession;
 
@@ -52,8 +34,8 @@
             let viewerPose = xrFrame.getViewerPose(referenceSpace);
 
             assert_not_equals(viewerPose, null);
-            for(let i = 0; i < identityMatrix.length; i++) {
-              assert_equals(viewerPose.transform.matrix[i], identityMatrix[i]);
+            for(let i = 0; i < IDENTITY_MATRIX.length; i++) {
+              assert_equals(viewerPose.transform.matrix[i], IDENTITY_MATRIX[i]);
             }
 
             assert_not_equals(viewerPose.views, null);
@@ -65,11 +47,6 @@
             resolve();
           }
 
-          testDeviceController.setXRPresentationFrameData(
-            identityMatrix,
-            [rightFakeXRViewInit, leftFakeXRViewInit]
-          );
-
           testSession.requestAnimationFrame(onFrame);
         })
       );
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_getViewerPose.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_getViewerPose.https.html
index 95d9e7810594..f8587796a229 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_getViewerPose.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_requestAnimationFrame_getViewerPose.https.html
@@ -3,6 +3,8 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
+  <script src="resources/xr-test-asserts.js"></script>
   <canvas></canvas>
 
   <script>
@@ -12,12 +14,22 @@
     let nonImmersiveTestName =
       "XRFrame getViewerPose updates on the next frame for non-immersive sessions";
 
-    let fakeDeviceInitParams = { supportsImmersive: true };
+    let fakeDeviceInitParams = {
+      supportsImmersive: true,
+      views: VALID_VIEWS
+    };
+
+    // A valid pose matrix/transform for  when we don't care about specific values
+    // Note that these two should be identical, just different representations
+    const expectedPoseMatrix = [0, 1, 0, 0,
+                                0, 0, 1, 0,
+                                1, 0, 0, 0,
+                                1, 1, 1, 1];
 
-    // Valid matrices for  when we don't care about specific values
-    const validPoseMatrix = [0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 1, 1, 1, 1];
-    const validProjectionMatrix = [1, 0, 0, 0, 0, 1, 0, 0, 3, 2, -1, -1, 0, 0, -0.2, 0];
-    const validViewMatrix = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 2, 1];
+    const poseTransform = {
+        position: [1, 1, 1],
+        orientation: [0.5, 0.5, 0.5, 0.5]
+    };
 
     let testFunction = function(session, fakeDeviceController, t) {
       return session.requestReferenceSpace('local')
@@ -30,16 +42,7 @@
                 // Expecting to not get a pose since none has been supplied
                 assert_equals(vrFrame.getViewerPose(referenceSpace), null);
 
-                fakeDeviceController.setXRPresentationFrameData(
-                  validPoseMatrix, [{
-                    eye:"left",
-                    projectionMatrix: validProjectionMatrix,
-                    viewMatrix: validViewMatrix
-                  }, {
-                    eye:"right",
-                    projectionMatrix: validProjectionMatrix,
-                    viewMatrix: validViewMatrix
-                  }]);
+                fakeDeviceController.setViewerOrigin(poseTransform);
 
                 // Check that pose does not update pose within the same frame.
                 assert_equals(vrFrame.getViewerPose(referenceSpace), null);
@@ -51,10 +54,7 @@
 
                 let poseMatrix = pose.transform.matrix;
                 assert_not_equals(poseMatrix, null);
-
-                for(let i = 0; i < poseMatrix.length; i++) {
-                  assert_equals(poseMatrix[i], validPoseMatrix[i]);
-                }
+                assert_matrix_approx_equals(poseMatrix, expectedPoseMatrix, FLOAT_EPSILON);
               });
 
               // Finished.
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_requestReferenceSpace.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_requestReferenceSpace.https.html
index 2fbf9b977ca1..c90d6ce5a545 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_requestReferenceSpace.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_requestReferenceSpace.https.html
@@ -3,6 +3,7 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
   <script>
 
@@ -11,7 +12,7 @@
     let nonImmersiveTestName =
       "Non-immersive XRSession requestReferenceSpace returns expected objects";
 
-    let fakeDeviceInitParams = { supportsImmersive: true };
+    let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = function(session, fakeDeviceController, t) {
       return promise_rejects(t, new TypeError(), session.requestReferenceSpace('foo'))
@@ -61,4 +62,4 @@
       nonImmersiveTestName, testFunction, fakeDeviceInitParams, 'inline');
 
   </script>
-</body>
\ No newline at end of file
+</body>
diff --git a/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html b/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html
index 85e5e87f8266..fd6082bc3468 100644
--- a/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrSession_viewer_referenceSpace.https.html
@@ -3,6 +3,7 @@
   <script src=/resources/testharness.js></script>
   <script src=/resources/testharnessreport.js></script>
   <script src="resources/webxr_util.js"></script>
+  <script src="resources/webxr_test_constants.js"></script>
   <canvas></canvas>
 
   <script>
@@ -12,14 +13,7 @@
     let inlineTestName =
       "Identity reference space provides correct poses for inline sessions";
 
-    let fakeDeviceInitParams = { supportsImmersive: true };
-
-    const identityMatrix = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
-
-    // Valid matrices for  when we don't care about specific values
-    const validPoseMatrix = [0, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 1, 1, 1, 1];
-    const validProjectionMatrix = [1, 0, 0, 0, 0, 1, 0, 0, 3, 2, -1, -1, 0, 0, -0.2, 0];
-    const validViewMatrix = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4, 3, 2, 1];
+    let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
     let testFunction = function(session, fakeDeviceController, t) {
       return session.requestReferenceSpace('viewer')
@@ -37,19 +31,10 @@
                 assert_not_equals(poseMatrix, null);
 
                 for(let i = 0; i < poseMatrix.length; i++) {
-                  assert_equals(poseMatrix[i], identityMatrix[i]);
+                  assert_equals(poseMatrix[i], IDENTITY_MATRIX[i]);
                 }
 
-                fakeDeviceController.setXRPresentationFrameData(
-                  validPoseMatrix, [{
-                    eye:"left",
-                    projectionMatrix: validProjectionMatrix,
-                    viewMatrix: validViewMatrix
-                  }, {
-                    eye:"right",
-                    projectionMatrix: validProjectionMatrix,
-                    viewMatrix: validViewMatrix
-                  }]);
+                fakeDeviceController.setViewerOrigin(VALID_POSE_TRANSFORM);
               });
             } else {
               t.step( () => {
@@ -62,7 +47,7 @@
                 assert_not_equals(poseMatrix, null);
 
                 for(let i = 0; i < poseMatrix.length; i++) {
-                  assert_equals(poseMatrix[i], identityMatrix[i]);
+                  assert_equals(poseMatrix[i], IDENTITY_MATRIX[i]);
                 }
               });
 
diff --git a/tests/wpt/web-platform-tests/webxr/xrView_eyes.https.html b/tests/wpt/web-platform-tests/webxr/xrView_eyes.https.html
index 8090bcebadb3..4ff22ff618d9 100644
--- a/tests/wpt/web-platform-tests/webxr/xrView_eyes.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrView_eyes.https.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
-<script src="resources/test-constants.js"></script>
+<script src="resources/webxr_test_constants.js"></script>
 <script src="resources/webxr_util.js"></script>
 <script src="resources/xr-test-asserts.js"></script>
 <canvas></canvas>
@@ -11,20 +11,9 @@
 let immersiveTestName = "XRView.eye is correct for immersive sessions";
 let nonImmersiveTestName = "XRView.eye is correct for non-immersive sessions";
 
-let fakeDeviceInitParams = { supportsImmersive:true };
+let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
 let testFunction = function(session, fakeDeviceController, t) {
-  // Need to have a valid pose or input events don't process.
-  fakeDeviceController.setXRPresentationFrameData(VALID_POSE_MATRIX, [{
-      eye:"left",
-      projectionMatrix: VALID_PROJECTION_MATRIX,
-      viewMatrix: VALID_VIEW_MATRIX
-    }, {
-      eye:"right",
-      projectionMatrix: VALID_PROJECTION_MATRIX,
-      viewMatrix: VALID_VIEW_MATRIX
-    }]);
-
   return session.requestReferenceSpace('viewer')
       .then((space) => new Promise((resolve) => {
     function onFrame(time, xrFrame) {
diff --git a/tests/wpt/web-platform-tests/webxr/xrWebGLLayer_viewports.https.html b/tests/wpt/web-platform-tests/webxr/xrWebGLLayer_viewports.https.html
index f789e4733548..247e3b779d61 100644
--- a/tests/wpt/web-platform-tests/webxr/xrWebGLLayer_viewports.https.html
+++ b/tests/wpt/web-platform-tests/webxr/xrWebGLLayer_viewports.https.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
-<script src="resources/test-constants.js"></script>
+<script src="resources/webxr_test_constants.js"></script>
 <script src="resources/webxr_util.js"></script>
 <script src="resources/xr-test-asserts.js"></script>
 <canvas></canvas>
@@ -11,20 +11,9 @@
 let immersiveTestName = "XRWebGLLayer reports a valid viewports for immersive sessions";
 let inlineTestName = "XRWebGLLayer reports a valid viewports for inline sessions";
 
-let fakeDeviceInitParams = { supportsImmersive:true };
+let fakeDeviceInitParams = TRACKED_IMMERSIVE_DEVICE;
 
 let testFunction = function(session, fakeDeviceController, t) {
-  // Need to have a valid pose.
-  fakeDeviceController.setXRPresentationFrameData(VALID_POSE_MATRIX, [{
-      eye:"left",
-      projectionMatrix: VALID_PROJECTION_MATRIX,
-      viewMatrix: VALID_VIEW_MATRIX
-    }, {
-      eye:"right",
-      projectionMatrix: VALID_PROJECTION_MATRIX,
-      viewMatrix: VALID_VIEW_MATRIX
-    }]);
-
   return session.requestReferenceSpace('viewer')
       .then((space) => new Promise((resolve) => {
     function onFrame(time, xrFrame) {