Attachment 362744 Details for Bug 194436 – Patch

[patch] Patch

bug-194436-20190222212400.patch (text/plain), 224.75 KB, created by Frédéric Wang (:fredw) on 2019-02-22 12:24:03 PST

(hide)

Description:

Filename:

MIME Type:

Creator: Frédéric Wang (:fredw)

Created: 2019-02-22 12:24:03 PST

Size: 224.75 KB

patch

obsolete

>Subversion Revision: 241949
>diff --git a/LayoutTests/ChangeLog b/LayoutTests/ChangeLog
>index 929b955bd70916303fbb84ffdf147e0c04531505..feb282a5f3ac977dcd4691f7c7595f950824a571 100644
>--- a/LayoutTests/ChangeLog
>+++ b/LayoutTests/ChangeLog
>@@ -1,3 +1,41 @@
>+2019-02-22  Frederic Wang  <fwang@igalia.com>
>+
>+        Export MathML fraction tests to WPT
>+        https://bugs.webkit.org/show_bug.cgi?id=194436
>+
>+        We removed some fraction tests that have equivalent WPT tests.
>+        We also move tests for crashs/asserts/hangs to the top mathml/ directory.
>+
>+        Reviewed by NOBODY (OOPS!).
>+
>+        * mathml/fractions-invalid-expected.html: Moved to parent directory.
>+        * mathml/fractions-invalid.html: Ditto.
>+        * mathml/mfrac-nested-expected.txt: Ditto.
>+        * mathml/mfrac-nested.html:  Ditto.
>+        * mathml/presentation/fractions-box-expected.html: Removed. This is better tested by WPT
>+        tests frac-parameters-1.html, frac-parameters-2.html, frac-1.html.
>+        * mathml/presentation/fractions-box.html: Removed. Ditto.
>+        * mathml/presentation/fractions-color-expected-mismatch.html: Removed. This is exported as
>+        frac-color-001.html.
>+        * mathml/presentation/fractions-color.html: Removed. Ditto.
>+        * mathml/presentation/fractions-linethickness-expected.html: Removed. Covered by WPT tests
>+        frac-linethickness-*.html.
>+        * mathml/presentation/fractions-linethickness.html: Removed. Ditto.
>+        * mathml/presentation/mfrac-linethickness1-expected-mismatch.html: Removed. Ditto.
>+        * mathml/presentation/mfrac-linethickness1.html: Removed. Ditto.
>+        * mathml/presentation/mfrac-linethickness2-expected.html: Removed. Ditto.
>+        * mathml/presentation/mfrac-linethickness2.html: Removed. Ditto.
>+        * mathml/presentation/mfrac-linethickness3-expected-mismatch.html: Removed. Ditto.
>+        * mathml/presentation/mfrac-linethickness3.html: Removed. Ditto.
>+        * mathml/presentation/fractions-mrow-expected.html: Removed. Exported as frac-mrow-001.html.
>+        * mathml/presentation/fractions-mrow.html: Removed. Ditto.
>+        * mathml/presentation/fractions-numalign-denomalign-expected.html: Removed. Exported as
>+        frac-numalign-denomalign-001.html.
>+        * mathml/presentation/fractions-numalign-denomalign.html: Removed. Ditto.
>+        * mathml/presentation/fractions-vertical-alignment-expected.html: Removed. This is better
>+        tests by WPT tests frac-parameters-1.html, frac-parameters-2.html, frac-1.html.
>+        * mathml/presentation/fractions-vertical-alignment.html: Removed. Ditto.
>+
> 2019-02-22  Wenson Hsieh  <wenson_hsieh@apple.com>
> 
>         Input type "formatSetInlineTextDirection" is dispatched when changing paragraph-level text direction
>diff --git a/LayoutTests/imported/w3c/ChangeLog b/LayoutTests/imported/w3c/ChangeLog
>index 9113e1e54cd1b496144187ff0a7ec312fb44e189..90597db47d3eec47f0a847a1d75c2c59c1b2b0be 100644
>--- a/LayoutTests/imported/w3c/ChangeLog
>+++ b/LayoutTests/imported/w3c/ChangeLog
>@@ -1,3 +1,92 @@
>+2019-02-22  Frederic Wang  <fwang@igalia.com>
>+
>+        Export MathML fraction tests to WPT
>+        https://bugs.webkit.org/show_bug.cgi?id=194436
>+
>+        This is just an import of the current MathML WPT tests. It includes fraction tests from
>+        WebKit. Some test results have whitespace change, due to
>+        https://github.com/web-platform-tests/wpt/commit/e2dd57c3f273468b3c6a087978c531dcd00933de
>+
>+        * resources/resource-files.json:
>+        * web-platform-tests/mathml/META.yml: Added.
>+        * web-platform-tests/mathml/OWNERS: Removed.
>+        * web-platform-tests/mathml/README.md:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-1.html:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-notref.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-color-002-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-notref.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html:
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001-expected.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html: Added.
>+        * web-platform-tests/mathml/presentation-markup/fractions/w3c-import.log:
>+        * web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html:
>+        * web-platform-tests/mathml/presentation-markup/operators/w3c-import.log:
>+        * web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html:
>+        * web-platform-tests/mathml/presentation-markup/radicals/w3c-import.log:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-1.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html:
>+        * web-platform-tests/mathml/presentation-markup/scripts/w3c-import.log:
>+        * web-platform-tests/mathml/presentation-markup/spaces/space-1-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/spaces/space-1.html:
>+        * web-platform-tests/mathml/presentation-markup/spaces/space-2.html:
>+        * web-platform-tests/mathml/presentation-markup/spaces/w3c-import.log:
>+        * web-platform-tests/mathml/presentation-markup/tables/table-axis-height-expected.txt:
>+        * web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html:
>+        * web-platform-tests/mathml/presentation-markup/tables/w3c-import.log:
>+        * web-platform-tests/mathml/relations/css-styling/display-1.html:
>+        * web-platform-tests/mathml/relations/css-styling/displaystyle-1-expected.txt:
>+        * web-platform-tests/mathml/relations/css-styling/displaystyle-1.html:
>+        * web-platform-tests/mathml/relations/css-styling/lengths-3-expected.txt:
>+        * web-platform-tests/mathml/relations/css-styling/lengths-3.html:
>+        * web-platform-tests/mathml/relations/css-styling/w3c-import.log:
>+        * web-platform-tests/mathml/relations/html5-tree/class-2.html:
>+        * web-platform-tests/mathml/relations/html5-tree/display-1-expected.txt:
>+        * web-platform-tests/mathml/relations/html5-tree/display-1.html:
>+        * web-platform-tests/mathml/relations/html5-tree/href-click-1.html:
>+        * web-platform-tests/mathml/relations/html5-tree/href-click-2.html:
>+        * web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html:
>+        * web-platform-tests/mathml/relations/html5-tree/w3c-import.log:
>+        * web-platform-tests/mathml/relations/text-and-math/w3c-import.log:
>+        * web-platform-tests/mathml/tools/utils/w3c-import.log:
>+        * web-platform-tests/mathml/tools/w3c-import.log:
>+        * web-platform-tests/mathml/w3c-import.log:
>+
> 2019-02-21  Rob Buis  <rbuis@igalia.com>
> 
>         Update MIME type parser
>diff --git a/LayoutTests/TestExpectations b/LayoutTests/TestExpectations
>index 29817deb360d9236e2deaa323320dd1eb60ed353..760c6cd6830db719054bca4d8c5814e1377c002d 100644
>--- a/LayoutTests/TestExpectations
>+++ b/LayoutTests/TestExpectations
>@@ -720,6 +720,9 @@ imported/w3c/web-platform-tests/html/browsers/windows/targeting-cross-origin-nes
> 
> # These MathML WPT tests fail.
> webkit.org/b/180013 imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-2.html [ ImageOnlyFailure ]
>+webkit.org/b/194952 imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html [ ImageOnlyFailure ]
>+webkit.org/b/194952 imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html  [ ImageOnlyFailure ]
>+webkit.org/b/194952 imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html [ ImageOnlyFailure ]
> 
> # These webmessaging WPT tests time out.
> webkit.org/b/187034 imported/w3c/web-platform-tests/webmessaging/MessageEvent_onmessage_postMessage_infinite_loop.html [ Skip ]
>diff --git a/LayoutTests/imported/w3c/resources/resource-files.json b/LayoutTests/imported/w3c/resources/resource-files.json
>index 232467142d5013381c373f941a1c3693a6609579..100829a8af0381760cfd9624fdd6ada2f5b4804d 100644
>--- a/LayoutTests/imported/w3c/resources/resource-files.json
>+++ b/LayoutTests/imported/w3c/resources/resource-files.json
>@@ -1110,6 +1110,8 @@
>         "web-platform-tests/infrastructure/assumptions/ahem-notref.html",
>         "web-platform-tests/infrastructure/reftest/red.html",
>         "web-platform-tests/intersection-observer/observer-in-iframe.html",
>+        "web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-notref.html",
>+        "web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-notref.html",
>         "web-platform-tests/mathml/relations/html5-tree/unique-identifier-1-iframe-1.html",
>         "web-platform-tests/mathml/relations/html5-tree/unique-identifier-1-iframe-2.html",
>         "web-platform-tests/payment-request/allowpaymentrequest/echo-PaymentRequest.html",
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/META.yml b/LayoutTests/imported/w3c/web-platform-tests/mathml/META.yml
>new file mode 100644
>index 0000000000000000000000000000000000000000..5aea9088d744bfa835ca91217c9a6d9f60253e3e
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/META.yml
>@@ -0,0 +1,3 @@
>+spec: https://mathml-refresh.github.io/mathml-core/
>+suggested_reviewers:
>+  - fred-wang
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/OWNERS b/LayoutTests/imported/w3c/web-platform-tests/mathml/OWNERS
>deleted file mode 100644
>index d3895d17a0732098501b64e3c0198971b05e60be..0000000000000000000000000000000000000000
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/OWNERS
>+++ /dev/null
>@@ -1 +0,0 @@
>-@fred-wang
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/README.md b/LayoutTests/imported/w3c/web-platform-tests/mathml/README.md
>index bab35474dd5726d8310f22c826da0e6cff86ab7e..175c1813deeb7b784925cbb87e7990fb3f056fce 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/README.md
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/README.md
>@@ -1,13 +1,7 @@
>-# MathML: Tests for the MathML in HTML5 implementation note
>+# MathML: Tests for the MathML Core specification
> 
> This directory contains tests for the
>-[MathML in HTML5 implementation note](http://www.mathml-association.org/MathMLinHTML5/)
>-which is itself based on the
>-[HTML5 W3C recommendation](https://www.w3.org/TR/html5/),
>-on the [MathML3 W3C recommendation](https://www.w3.org/TR/MathML3/)
>-and on the
>-[Open Font Format 3](http://www.iso.org/iso/home/store/catalogue_ics/catalogue_detail_ics.htm?csnumber=66391) standard.
>-
>+[MathML Core specification](https://mathml-refresh.github.io/mathml-core/).
> Many of the tests verify OpenType features and require specific Web fonts for
> that purpose. WOFF fonts are generated by scripts in the `tools/` folder using
> the Python API of
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1-expected.txt
>index 1a6a228b6e8e4ca2f328a458b4e1128b46d42eec..c4713b85cf24b24e67f332212c5936a03c378dcf 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1-expected.txt
>@@ -1,8 +1,7 @@
>-â
>-
> 
> PASS Fraction axis is aligned on the math axis 
> PASS Vertical positions of numerator and denominator 
> PASS Horizontal alignments of numerator and denominator 
> PASS Dimension of mfrac elements 
>+â
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
>index fc650eb4c4a65cc49031e870229f463b3422b609..848eb5b144cef3740b794475f699229243c1287e 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
>@@ -79,51 +79,51 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>       <mo id="axis">â</mo>
>       <mfrac id="frac0">
>-        <mspace id="frac0num" width="15px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac0den" width="15px" height="15px" mathbackground="green"/>
>+        <mspace id="frac0num" width="15px" height="15px" style="background: blue"/>
>+        <mspace id="frac0den" width="15px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac1">
>-        <mspace id="frac1num" width="30px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac1den" width="15px" height="15px" mathbackground="green"/>
>+        <mspace id="frac1num" width="30px" height="15px" style="background: blue"/>
>+        <mspace id="frac1den" width="15px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac2">
>-        <mspace id="frac2num" width="15px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac2den" width="30px" height="15px" mathbackground="green"/>
>+        <mspace id="frac2num" width="15px" height="15px" style="background: blue"/>
>+        <mspace id="frac2den" width="30px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac3">
>-        <mspace id="frac3num" width="15px" height="30px" mathbackground="blue"/>
>-        <mspace id="frac3den" width="15px" height="15px" mathbackground="green"/>
>+        <mspace id="frac3num" width="15px" height="30px" style="background: blue"/>
>+        <mspace id="frac3den" width="15px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac4">
>-        <mspace id="frac4num" width="15px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac4den" width="15px" height="30px" mathbackground="green"/>
>+        <mspace id="frac4num" width="15px" height="15px" style="background: blue"/>
>+        <mspace id="frac4den" width="15px" height="30px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac5" linethickness="0px">
>-        <mspace id="frac5num" width="15px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac5den" width="15px" height="15px" mathbackground="green"/>
>+        <mspace id="frac5num" width="15px" height="15px" style="background: blue"/>
>+        <mspace id="frac5den" width="15px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac6" linethickness="0px">
>-        <mspace id="frac6num" width="30px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac6den" width="15px" height="15px" mathbackground="green"/>
>+        <mspace id="frac6num" width="30px" height="15px" style="background: blue"/>
>+        <mspace id="frac6den" width="15px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac7" linethickness="0px">
>-        <mspace id="frac7num" width="15px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac7den" width="30px" height="15px" mathbackground="green"/>
>+        <mspace id="frac7num" width="15px" height="15px" style="background: blue"/>
>+        <mspace id="frac7den" width="30px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac8" linethickness="0px">
>-        <mspace id="frac8num" width="15px" height="30px" mathbackground="blue"/>
>-        <mspace id="frac8den" width="15px" height="15px" mathbackground="green"/>
>+        <mspace id="frac8num" width="15px" height="30px" style="background: blue"/>
>+        <mspace id="frac8den" width="15px" height="15px" style="background: green"/>
>       </mfrac>
>       <mfrac id="frac9" linethickness="0px">
>-        <mspace id="frac9num" width="15px" height="15px" mathbackground="blue"/>
>-        <mspace id="frac9den" width="15px" height="30px" mathbackground="green"/>
>+        <mspace id="frac9num" width="15px" height="15px" style="background: blue"/>
>+        <mspace id="frac9den" width="15px" height="30px" style="background: green"/>
>       </mfrac>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..5b7a8dff47e90cf2b0dc02688dd478deaf0a13fc
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001-expected.html
>@@ -0,0 +1,21 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions bar</title>
>+    <style type="text/css">
>+      #container {
>+          position: absolute;
>+          left: 10px;
>+          top: 50px;
>+          width: 150px;
>+          height: 150px;
>+          background: green;
>+      }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square.</p>
>+    <div id="container"></div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6688a587b1f25e2523ef5fd2535227381a1c263d
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html
>@@ -0,0 +1,55 @@
>+<!DOCTYPE html>
>+<html class="reftest-wait">
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions bar</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <meta name="assert" content="Verifies painting of the fraction bar">
>+    <link rel="match" href="frac-bar-001-ref.html">
>+    <style type="text/css">
>+      @font-face {
>+        font-family: TestFont;
>+        src: url("/fonts/math/fraction-rulethickness10000.woff");
>+      }
>+      math {
>+        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>+        /* The gap / shift / axisheight parameters are set to 0. */
>+        font-family: "TestFont";
>+        font-size: 1px;
>+      }
>+      #container {
>+          position: absolute;
>+          left: 0;
>+          top: 0;
>+      }
>+    </style>
>+    <script src="/common/reftest-wait.js"></script>
>+    <script>
>+      window.addEventListener("load", () => {
>+        // Delay the check to workaround WebKit's bug https://webkit.org/b/174030.
>+        requestAnimationFrame(() => { document.fonts.ready.then(adjustPositionOfFraction); });
>+      });
>+      function adjustPositionOfFraction()
>+      {
>+        requestAnimationFrame(() => {
>+          var container = document.getElementById("container");
>+          var numeratorBox = document.getElementById("numerator").getBoundingClientRect();
>+          container.style.left = (10 - numeratorBox.left) + "px";
>+          container.style.top = (50 - numeratorBox.top) + "px";
>+          requestAnimationFrame(takeScreenshot);
>+        });
>+      }
>+    </script>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square.</p>
>+    <div id="container">
>+      <math>
>+        <mfrac style="color: green; font-size: 15em">
>+          <mspace id="numerator" width="150px"></mspace>
>+          <mspace></mspace>
>+        </mfrac>
>+      </math>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..498d6277a3258c70882e7b2ec92e82e974bf9ab0
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-expected.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction bar color</title>
>+  </head>
>+  <body style="font-size: 20pt;">
>+    <p>This test passes if you see a fraction with a blue fraction bar.</p>
>+    <math>
>+      <mfrac>
>+        <mspace width="200px" height="20px" style="background: black"></mspace>
>+        <mspace width="200px" height="20px" style="background: black"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-notref.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-notref.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..498d6277a3258c70882e7b2ec92e82e974bf9ab0
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-notref.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction bar color</title>
>+  </head>
>+  <body style="font-size: 20pt;">
>+    <p>This test passes if you see a fraction with a blue fraction bar.</p>
>+    <math>
>+      <mfrac>
>+        <mspace width="200px" height="20px" style="background: black"></mspace>
>+        <mspace width="200px" height="20px" style="background: black"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..bc61dbf51ffe487122859f189223b2ef43f88bb1
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction bar color</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <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>
>+  <body style="font-size: 20pt;">
>+    <p>This test passes if you see a fraction with a blue fraction bar.</p>
>+    <math>
>+      <mfrac style="color: blue;">
>+        <mspace width="200px" height="20px" style="background: black"></mspace>
>+        <mspace width="200px" height="20px" style="background: black"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..fe2f4fa7b1899e5d1114e3a89b14dc96843ef070
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002-expected.html
>@@ -0,0 +1,14 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions color</title>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square and a blue square.</p>
>+    <div style="background: green; width: 200px; height: 200px;">
>+    </div>
>+    <div style="background: blue; width: 200px; height: 200px;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..d7cc88cb21bd9ed62d9a269e1029f113f9a27d13
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html
>@@ -0,0 +1,31 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions color</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <meta name="assert" content="Verifies the color attribute affects the fraction bar">
>+    <link rel="match" href="frac-color-002-ref.html">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square and a blue square.</p>
>+    <div style="background: green; width: 200px; height: 200px;">
>+      <math>
>+        <mspace width="10px"></mspace>
>+        <mfrac style="color: green">
>+          <mspace width="150px" height="20px"></mspace>
>+          <mspace width="150px" height="20px"></mspace>
>+        </mfrac>
>+      </math>
>+    </div>
>+    <div style="background: blue; width: 200px; height: 200px;">
>+      <math>
>+        <mspace width="10px"></mspace>
>+        <mfrac style="color: blue">
>+          <mspace width="150px" height="20px"></mspace>
>+          <mspace width="150px" height="20px"></mspace>
>+        </mfrac>
>+      </math>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..c703edb764fe883e05e47e26464149aa64af1070
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001-expected.html
>@@ -0,0 +1,39 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+    <style type="text/css">
>+      @font-face {
>+        font-family: TestFont;
>+        src: url("/fonts/math/fraction-rulethickness10000.woff");
>+      }
>+      math {
>+        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>+        font-family: "TestFont";
>+        font-size: 1px;
>+      }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see fractions with line thickness equal to the height of their blue numerator and cyan denominator.</p>
>+    <math>
>+      <mfrac linethickness="5px">
>+        <mspace width="20px" height="5px" style="background: blue"></mspace>
>+        <mspace width="20px" height="5px" style="background: cyan"></mspace>
>+      </mfrac>
>+      <mfrac linethickness="10px">
>+        <mspace width="20px" height="10px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+      <mfrac linethickness="20px">
>+        <mspace width="20px" height="20px" style="background: blue"></mspace>
>+        <mspace width="20px" height="20px" style="background: cyan"></mspace>
>+      </mfrac>
>+      <mfrac linethickness="50px">
>+        <mspace width="20px" height="50px" style="background: blue"></mspace>
>+        <mspace width="20px" height="50px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..94111174c6aa3ecf1fff4982bfc9ecbf4a10c2ee
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html
>@@ -0,0 +1,42 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <meta name="assert" content="Verifies 'thin', 'medium', 'thick' and unitless values for the linethickness attribute of the mfrac element">
>+    <link rel="match" href="frac-linethickness-001-ref.html">
>+    <style type="text/css">
>+      @font-face {
>+        font-family: TestFont;
>+        src: url("/fonts/math/fraction-rulethickness10000.woff");
>+      }
>+      math {
>+        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>+        font-family: "TestFont";
>+        font-size: 1px;
>+      }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see fractions with line thickness equal to the height of their blue numerator and cyan denominator.</p>
>+    <math>
>+      <mfrac linethickness="thin">
>+        <mspace width="20px" height="5px" style="background: blue"></mspace>
>+        <mspace width="20px" height="5px" style="background: cyan"></mspace>
>+      </mfrac>
>+      <mfrac linethickness="medium">
>+        <mspace width="20px" height="10px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+      <mfrac linethickness="thick">
>+        <mspace width="20px" height="20px" style="background: blue"></mspace>
>+        <mspace width="20px" height="20px" style="background: cyan"></mspace>
>+      </mfrac>
>+      <mfrac linethickness="5">
>+        <mspace width="20px" height="50px" style="background: blue"></mspace>
>+        <mspace width="20px" height="50px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..69663938c1951a34a1e1134d549b610ea00c15e8
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002-expected.html
>@@ -0,0 +1,40 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+    <style type="text/css">
>+      @font-face {
>+        font-family: TestFont;
>+        src: url("/fonts/math/fraction-rulethickness10000.woff");
>+      }
>+      math {
>+        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>+        font-family: "TestFont";
>+        font-size: 1px;
>+      }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see fraction with a cyan denominator and
>+      a blue numerator as tall as its black bar.</p>
>+    <math>
>+      <mfrac linethickness="0px">
>+        <mspace width="20px" height="0px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+    <math>
>+      <mfrac linethickness="50px">
>+        <mspace width="20px" height="50px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+    <math style="font-size: 180px">
>+      <mfrac linethickness="0.3888888888888889em">
>+        <mspace width="20px" height="70px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..5bb0d6bfb9d6113a04b9d3160ccc9db80aceaaa6
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html
>@@ -0,0 +1,43 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <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">
>+      @font-face {
>+        font-family: TestFont;
>+        src: url("/fonts/math/fraction-rulethickness10000.woff");
>+      }
>+      math {
>+        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>+        font-family: "TestFont";
>+        font-size: 1px;
>+      }
>+    </style>
>+  </head>
>+  <body>
>+    <p>This test passes if you see fraction with a cyan denominator and
>+      a blue numerator as tall as its black bar.</p>
>+    <math>
>+      <mfrac linethickness="-1.23em">
>+        <mspace width="20px" height="0px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+    <math>
>+      <mfrac linethickness="500%">
>+        <mspace width="20px" height="50px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+    <math style="font-size: 180px">
>+      <mfrac linethickness="veryverythickmathspace">
>+        <mspace width="20px" height="70px" style="background: blue"></mspace>
>+        <mspace width="20px" height="10px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..934d66633397313175e98c4bda871bb0a95e5db0
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-expected.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a fraction without fraction bar.</p>
>+    <math>
>+      <mfrac>
>+        <mspace width="20px" height="5px" style="background: blue"></mspace>
>+        <mspace width="20px" height="5px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-notref.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-notref.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..934d66633397313175e98c4bda871bb0a95e5db0
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-notref.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a fraction without fraction bar.</p>
>+    <math>
>+      <mfrac>
>+        <mspace width="20px" height="5px" style="background: blue"></mspace>
>+        <mspace width="20px" height="5px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..e535e703b52c75800155b5b25995730b2a236287
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html
>@@ -0,0 +1,19 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>fractions linethickness</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <meta name="assert" content="Verifies fraction with 0px bar.">
>+    <link rel="mismatch" href="frac-linethickness-003-notref.html">
>+  </head>
>+  <body>
>+    <p>This test passes if you see a fraction without fraction bar.</p>
>+    <math>
>+      <mfrac linethickness="0px">
>+        <mspace width="20px" height="5px" style="background: blue"></mspace>
>+        <mspace width="20px" height="5px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..e42cb96fe8383959bef2d778cfb29d0638f1de03
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001-expected.html
>@@ -0,0 +1,16 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction mrow</title>
>+  </head>
>+  <body style="font-size: 20pt;">
>+    <p>This test passes if you see a fraction with a blue square as numerator and a cyan square as denominator.</p>
>+    <math>
>+      <mfrac>
>+        <mspace width="60px" height="60px" style="background: blue"></mspace>
>+        <mspace width="60px" height="60px" style="background: cyan"></mspace>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..e5c6f52529443e881b8235a67f3e8cc7aa10fb51
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html
>@@ -0,0 +1,25 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction mrow</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <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>
>+  <body style="font-size: 20pt;">
>+    <p>This test passes if you see a fraction with a blue square as numerator and a cyan square as denominator.</p>
>+    <math>
>+      <mfrac>
>+        <mrow>
>+          <mspace width="30px" height="60px" style="background: blue"></mspace>
>+          <mspace width="30px" height="60px" style="background: blue "></mspace>
>+        </mrow>
>+        <mrow>
>+          <mspace width="30px" height="60px" style="background: cyan"></mspace>
>+          <mspace width="30px" height="60px" style="background: cyan "></mspace>
>+        </mrow>
>+      </mfrac>
>+    </math>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..2fa978624dc206c834f70d4cf620b565f8f3ac12
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001-expected.html
>@@ -0,0 +1,73 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction numalign denomalign</title>
>+  </head>
>+  <body>
>+    <p>This test passes if you see 3 fractions with a numerator respectively
>+      aligned left/center/right with respect to the denominator ;
>+      followed by 3 fractions with a denominator respectively aligned
>+      left/center/right with respect to the numerator.</p>
>+    <p>
>+      <math>
>+        <mfrac>
>+          <mrow>
>+            <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+            <mspace width="20px" height="20px"></mspace>
>+          </mrow>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac>
>+          <mrow>
>+            <mspace width="10px" height="20px"></mspace>
>+            <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+            <mspace width="10px" height="20px"></mspace>
>+          </mrow>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac>
>+          <mrow>
>+            <mspace width="20px" height="20px"></mspace>
>+            <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+          </mrow>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+        </mfrac>
>+      </math>
>+    </p>
>+    <p>
>+      <math>
>+        <mfrac>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+          <mrow>
>+            <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+            <mspace width="20px" height="20px"></mspace>
>+          </mrow>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+          <mrow>
>+            <mspace width="10px" height="20px"></mspace>
>+            <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+            <mspace width="10px" height="20px"></mspace>
>+          </mrow>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+          <mrow>
>+            <mspace width="20px" height="20px"></mspace>
>+            <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+          </mrow>
>+        </mfrac>
>+      </math>
>+    </p>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..61f49e2ff5381c9684e5b36d03a51daf7f8f3e74
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html
>@@ -0,0 +1,56 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction numalign denomalign</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <meta name="assert" content="This fraction alignment with the numalign/denomalign attributes.">
>+    <link rel="match" href="frac-numalign-denomalign-001-ref.html">
>+  </head>
>+  <body>
>+    <p>This test passes if you see 3 fractions with a numerator respectively
>+      aligned left/center/right with respect to the denominator ;
>+      followed by 3 fractions with a denominator respectively aligned
>+      left/center/right with respect to the numerator.</p>
>+    <p>
>+      <math>
>+        <mfrac numalign="left">
>+          <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac numalign="center">
>+          <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac numalign="right">
>+          <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+        </mfrac>
>+      </math>
>+    </p>
>+    <p>
>+      <math>
>+        <mfrac denomalign="left">
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+          <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac denomalign="center">
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+          <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+        </mfrac>
>+      </math>
>+      <math>
>+        <mfrac denomalign="right">
>+          <mspace width="30px" height="20px" style="background: cyan;"></mspace>
>+          <mspace width="10px" height="20px" style="background: blue;"></mspace>
>+        </mfrac>
>+      </math>
>+    </p>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1-expected.txt
>index 9ddfd1b3d7a6dc3097ae8734e546857407af1420..7e5e53cdb622764c1450902ac484a50df834e3ab 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1-expected.txt
>@@ -10,3 +10,12 @@ PASS NumeratorGapMin
> PASS NumeratorShiftDown 
> PASS FractionRuleThickness 
> 
>+
>+
>+
>+
>+
>+
>+
>+
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
>index a047a30873c7765dafa5678fc99072bbe2f017e4..543017e19006377cac0c1a434bd43400467fac3b 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
>@@ -133,11 +133,12 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math style="font-family: axisheight7000-rulethickness1000;">
>-      <mspace id="ref0001" depth="1em" width="3em" mathbackground="green"/>
>+      <mspace id="ref0001" depth="1em" width="3em" style="background: green"/>
>       <mfrac>
>-        <mspace width="3em" height="1em" id="num0001" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="num0001" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -146,20 +147,20 @@
>   <p>
>     <math display="block" style="font-family: denominatordisplaystylegapmin5000-rulethickness1000;">
>       <mspace id="ref0002" width="3em"
>-              height=".5em" depth=".5em" mathbackground="green"/>
>+              height=".5em" depth=".5em" style="background: green"/>
>       <mfrac>
>         <mspace width="3em"/>
>-        <mspace width="3em" height="1em" id="den0002" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="den0002" style="background: blue"/>
>       </mfrac>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math display="block" style="font-family: denominatordisplaystyleshiftdown6000-rulethickness1000;">
>-      <mspace id="ref0003" width="3em" height="1em" mathbackground="green"/>
>+      <mspace id="ref0003" width="3em" height="1em" style="background: green"/>
>       <mfrac>
>         <mspace width="3em"/>
>-        <mspace width="3em" depth="1em" id="den0003" mathbackground="blue"/>
>+        <mspace width="3em" depth="1em" id="den0003" style="background: blue"/>
>       </mfrac>
>     </math>
>   </p>
>@@ -167,20 +168,20 @@
>   <p>
>     <math style="font-family: denominatorgapmin4000-rulethickness1000;">
>       <mspace id="ref0004" width="3em"
>-              height=".5em" depth=".5em" mathbackground="green"/>
>+              height=".5em" depth=".5em" style="background: green"/>
>       <mfrac>
>         <mspace width="3em"/>
>-        <mspace width="3em" height="1em" id="den0004" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="den0004" style="background: blue"/>
>       </mfrac>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math style="font-family: denominatorshiftdown3000-rulethickness1000;">
>-      <mspace id="ref0005" width="3em" height="1em" mathbackground="green"/>
>+      <mspace id="ref0005" width="3em" height="1em" style="background: green"/>
>       <mfrac>
>         <mspace width="3em"/>
>-        <mspace width="3em" depth="1em" id="den0005" mathbackground="blue"/>
>+        <mspace width="3em" depth="1em" id="den0005" style="background: blue"/>
>       </mfrac>
>     </math>
>   </p>
>@@ -188,9 +189,9 @@
>   <p>
>     <math display="block" style="font-family: numeratordisplaystylegapmin8000-rulethickness1000;">
>       <mspace id="ref0006" width="3em"
>-              height=".5em" depth=".5em" mathbackground="green"/>
>+              height=".5em" depth=".5em" style="background: green"/>
>       <mfrac>
>-        <mspace width="3em" depth="1em" id="num0006" mathbackground="blue"/>
>+        <mspace width="3em" depth="1em" id="num0006" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -199,9 +200,9 @@
>   <p>
>     <math display="block" style="font-family: numeratordisplaystyleshiftup2000-rulethickness1000;">
>       <mspace id="ref0007" width="3em"
>-              depth="1em" mathbackground="green"/>
>+              depth="1em" style="background: green"/>
>       <mfrac>
>-        <mspace width="3em" height="1em" id="num0007" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="num0007" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -210,9 +211,9 @@
>   <p>
>     <math style="font-family: numeratorgapmin9000-rulethickness1000;">
>       <mspace id="ref0008" width="3em"
>-              height=".5em" depth=".5em" mathbackground="green"/>
>+              height=".5em" depth=".5em" style="background: green"/>
>       <mfrac>
>-        <mspace width="3em" depth="1em" id="num0008" mathbackground="blue"/>
>+        <mspace width="3em" depth="1em" id="num0008" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -221,9 +222,9 @@
>   <p>
>     <math style="font-family: numeratorshiftup11000-rulethickness1000;">
>       <mspace id="ref0009" width="3em"
>-              depth="1em" mathbackground="green"/>
>+              depth="1em" style="background: green"/>
>       <mfrac>
>-        <mspace width="3em" height="1em" id="num0009" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="num0009" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -232,11 +233,10 @@
>   <p>
>     <math style="font-family: rulethickness10000">
>       <mfrac>
>-        <mspace width="3em" height="1em" id="num0010" mathbackground="blue"/>
>-        <mspace width="3em" depth="1em" id="den0010" mathbackground="green"/>
>+        <mspace width="3em" height="1em" id="num0010" style="background: blue"/>
>+        <mspace width="3em" depth="1em" id="den0010" style="background: green"/>
>       </mfrac>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2-expected.txt
>index cd9d234a2fafc12228a1f63410b07bdab558d86d..b72acf06a996e83c2f16aeac62adb32f1f1fa589 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2-expected.txt
>@@ -7,3 +7,9 @@ PASS GapMin
> PASS TopDisplayStyleShiftUp 
> PASS ToShiftUp 
> 
>+
>+
>+
>+
>+
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
>index 544511388685a3ed79eaa2e80875205c19e7a62f..75074875c9e6b1fa205fe76b85c4a0b36fadf274 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
>@@ -102,11 +102,12 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math style="font-family: axisheight7000;">
>-      <mspace id="ref0001" depth="1em" width="3em" mathbackground="green"/>
>+      <mspace id="ref0001" depth="1em" width="3em" style="background: green"/>
>       <mfrac linethickness="0px">
>-        <mspace width="3em" height="1em" id="num0001" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="num0001" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -114,20 +115,20 @@
>   <hr/>
>   <p>
>     <math display="block" style="font-family: bottomdisplaystyleshiftdown5000;">
>-      <mspace id="ref0002" width="3em" height="1em" mathbackground="green"/>
>+      <mspace id="ref0002" width="3em" height="1em" style="background: green"/>
>       <mfrac linethickness="0px">
>         <mspace width="3em"/>
>-        <mspace width="3em" depth="1em" id="den0002" mathbackground="blue"/>
>+        <mspace width="3em" depth="1em" id="den0002" style="background: blue"/>
>       </mfrac>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math style="font-family: bottomshiftdown6000;">
>-      <mspace id="ref0003" width="3em" height="1em" mathbackground="green"/>
>+      <mspace id="ref0003" width="3em" height="1em" style="background: green"/>
>       <mfrac linethickness="0px">
>         <mspace width="3em"/>
>-        <mspace width="3em" depth="1em" id="den0003" mathbackground="blue"/>
>+        <mspace width="3em" depth="1em" id="den0003" style="background: blue"/>
>       </mfrac>
>     </math>
>   </p>
>@@ -135,8 +136,8 @@
>   <p>
>     <math display="block" style="font-family: displaystylegapmin4000;">
>       <mfrac linethickness="0px">
>-        <mspace width="3em" height="1em" id="num0004" mathbackground="blue"/>
>-        <mspace width="3em" depth="1em" id="den0004" mathbackground="green"/>
>+        <mspace width="3em" height="1em" id="num0004" style="background: blue"/>
>+        <mspace width="3em" depth="1em" id="den0004" style="background: green"/>
>       </mfrac>
>     </math>
>   </p>
>@@ -144,17 +145,17 @@
>   <p>
>     <math style="font-family: gapmin8000;">
>       <mfrac linethickness="0px">
>-        <mspace width="3em" height="1em" id="num0005" mathbackground="blue"/>
>-        <mspace width="3em" depth="1em" id="den0005" mathbackground="green"/>
>+        <mspace width="3em" height="1em" id="num0005" style="background: blue"/>
>+        <mspace width="3em" depth="1em" id="den0005" style="background: green"/>
>       </mfrac>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math display="block" style="font-family: topdisplaystyleshiftup3000;">
>-      <mspace id="ref0006" width="3em" depth="1em" mathbackground="green"/>
>+      <mspace id="ref0006" width="3em" depth="1em" style="background: green"/>
>       <mfrac linethickness="0px">
>-        <mspace width="3em" height="1em" id="num0006" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="num0006" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>@@ -162,13 +163,12 @@
>   <hr/>
>   <p>
>     <math style="font-family: topshiftup9000;">
>-      <mspace id="ref0007" width="3em" depth="1em" mathbackground="green"/>
>+      <mspace id="ref0007" width="3em" depth="1em" style="background: green"/>
>       <mfrac linethickness="0px">
>-        <mspace width="3em" height="1em" id="num0007" mathbackground="blue"/>
>+        <mspace width="3em" height="1em" id="num0007" style="background: blue"/>
>         <mspace width="3em"/>
>       </mfrac>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001-expected.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..41a262d511197edebb913cb68eb688eddf763ff2
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001-expected.html
>@@ -0,0 +1,12 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction bar visibility</title>
>+  </head>
>+  <body>
>+    <p>This test passes if you see a green square and no red.</p>
>+    <div style="background: green; width: 200px; height: 200px;">
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..b98f68d2a585d340804b27120a89d8e71e4c9e51
>--- /dev/null
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html
>@@ -0,0 +1,21 @@
>+<!DOCTYPE html>
>+<html>
>+  <head>
>+    <meta charset="utf-8">
>+    <title>Fraction bar visibility</title>
>+    <link rel="help" href="http://www.mathml-association.org/MathMLinHTML5/S3.html#SS3.SSS2">
>+    <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>
>+  <body>
>+    <p>This test passes if you see a green square and no red.</p>
>+    <div style="background: green; width: 200px; height: 200px;">
>+      <math>
>+        <mfrac style="visibility: hidden; color: red">
>+          <mspace width="200px" height="20px"></mspace>
>+          <mspace width="200px" height="20px"></mspace>
>+        </mfrac>
>+      </math>
>+    </div>
>+  </body>
>+</html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/w3c-import.log
>index ed836702d404b030a8715bc460cc3908e3b2ab54..2775ae93c4d0dafd34f1fc9c6aedb50c68114df1 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>@@ -15,5 +15,25 @@ None
> ------------------------------------------------------------------------
> List of files:
> /LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-1.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-bar-001.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001-notref.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-001.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-color-002.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-001.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-002.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003-notref.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-linethickness-003.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-mrow-001.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-numalign-denomalign-001.html
> /LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-1.html
> /LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-parameters-2.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001-expected.html
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/fractions/frac-visibility-001.html
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1-expected.txt
>index c5ca3a1af39d5e22ea12ecbb5e4da8eccb92c523..81edd4b1058c9615de29c247c728ab9f41c29e8c 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1-expected.txt
>@@ -1,8 +1,7 @@
>-â¨
>- 
>-â¨
>-
> 
> PASS AxisHeight (size variant) 
> PASS AxisHeight (glyph assembly) 
>+â¨
>+ 
>+â¨
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html
>index 327a72e30b53a6b0a619ef2b33f21bfeb7fd4a63..7b0031ac1ed63219130b69113ebbfdc28eec10d6 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/mo-axis-height-1.html
>@@ -55,23 +55,23 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math style="font-family: axisheight5000-verticalarrow14000;">
>       <mrow>
>-        <mspace id="baseline1" mathbackground="blue" width="50px" height="1px"/>
>-        <mpadded voffset="50px"><mspace mathbackground="cyan" width="50px" height="1px"/></mpadded>
>-        <mo id="mo1" symmetric="true" mathcolor="green">&#x21A8;</mo>
>-        <mspace mathbackground="gray" width="10px" height="50px"/>
>+        <mspace id="baseline1" style="background: blue" width="50px" height="1px"/>
>+        <mpadded voffset="50px"><mspace style="background: cyan" width="50px" height="1px"/></mpadded>
>+        <mo id="mo1" symmetric="true" style="color: green">&#x21A8;</mo>
>+        <mspace style="background: gray" width="10px" height="50px"/>
>       </mrow>
>     </math>
>     <math style="font-family: axisheight5000-verticalarrow14000;">
>       <mrow>
>-        <mspace id="baseline2" mathbackground="blue" width="50px" height="1px"/>
>-        <mpadded voffset="50px"><mspace mathbackground="cyan" width="50px" height="1px"/></mpadded>
>-        <mo id="mo2" symmetric="true" mathcolor="green">&#x21A8;</mo>
>-        <mspace id="target2" mathbackground="gray" width="10px" height="200px"/>
>+        <mspace id="baseline2" style="background: blue" width="50px" height="1px"/>
>+        <mpadded voffset="50px"><mspace style="background: cyan" width="50px" height="1px"/></mpadded>
>+        <mo id="mo2" symmetric="true" style="color: green">&#x21A8;</mo>
>+        <mspace id="target2" style="background: gray" width="10px" height="200px"/>
>       </mrow>
>     </math>
>-  </p>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/w3c-import.log
>index 71678ce839f7320e26c898a42f419e64ec310c49..c314ff50f0e2e139ef2f9e5d4aed7740bf55f008 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/operators/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1-expected.txt
>index 856bb3b39388c547d840a2ae75bf258c651f80d9..38ad70fe800525f29210143dbc211c29de87a6e9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1-expected.txt
>@@ -7,3 +7,9 @@ PASS RadicalKernBeforeDegree
> PASS RadicalRuleThickness 
> PASS RadicalVerticalGap 
> 
>+
>+
>+
>+
>+
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html
>index 67a4613813421ed55a7fb44622b52f2c1f0f2b0f..8ffcbe4a22d1225e4494d91437200ca8361a27bf 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/root-parameters-1.html
>@@ -129,12 +129,13 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math style="font-family: degreebottomraisepercent25-rulethickness1000;">
>-      <mspace id="ref001" width="3em" depth="1em" mathbackground="green"/>
>+      <mspace id="ref001" width="3em" depth="1em" style="background: green"/>
>       <mroot>
>-        <mspace id="base001" width="3em" height="10em" mathbackground="green"/>
>-        <mspace id="index001" width="3em" height="1em" mathbackground="blue"/>
>+        <mspace id="base001" width="3em" height="10em" style="background: green"/>
>+        <mspace id="index001" width="3em" height="1em" style="background: blue"/>
>       </mroot>
>     </math>
>   </p>
>@@ -142,24 +143,24 @@
>   <p>
>     <math display="block"
>           style="font-family: displaystyleverticalgap7000-rulethickness1000;">
>-      <msqrt mathbackground="green" id="radical0021">
>-        <mspace id="base0021" width="3em" height="1em" mathbackground="blue"/>
>+      <msqrt style="background: green" id="radical0021">
>+        <mspace id="base0021" width="3em" height="1em" style="background: blue"/>
>       </msqrt>
>-      <mroot mathbackground="green" id="radical0022">
>-        <mspace id="base0022" width="3em" height="1em" mathbackground="blue"/>
>-        <mspace width="3em" height="1em" mathbackground="black"/>
>+      <mroot style="background: green" id="radical0022">
>+        <mspace id="base0022" width="3em" height="1em" style="background: blue"/>
>+        <mspace width="3em" height="1em" style="background: black"/>
>       </mroot>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math style="font-family: extraascender3000-rulethickness1000;">
>-      <msqrt mathbackground="green" id="radical0031">
>-        <mspace id="base0031" width="3em" height="1em" mathbackground="blue"/>
>+      <msqrt style="background: green" id="radical0031">
>+        <mspace id="base0031" width="3em" height="1em" style="background: blue"/>
>       </msqrt>
>-      <mroot mathbackground="green" id="radical0032">
>-        <mspace id="base0032" width="3em" height="1em" mathbackground="blue"/>
>-        <mspace width="3em" height="1em" mathbackground="black"/>
>+      <mroot style="background: green" id="radical0032">
>+        <mspace id="base0032" width="3em" height="1em" style="background: blue"/>
>+        <mspace width="3em" height="1em" style="background: black"/>
>       </mroot>
>     </math>
>   </p>
>@@ -167,43 +168,42 @@
>   <p>
>     <math style="font-family: kernafterdegreeminus5000-rulethickness1000;">
>       <mroot>
>-        <mspace id="base004" width="3em" height="2em"  mathbackground="blue"/>
>-        <mspace id="index004" width="7em" height="1em" mathbackground="green"/>
>+        <mspace id="base004" width="3em" height="2em"  style="background: blue"/>
>+        <mspace id="index004" width="7em" height="1em" style="background: green"/>
>       </mroot>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math style="font-family: kernbeforedegree4000-rulethickness1000;">
>-      <mroot id="radical005" mathbackground="blue">
>+      <mroot id="radical005" style="background: blue">
>         <mspace width="3em" height="1em"/>
>-        <mspace id="index005" width="3em" height="1em" mathbackground="green"/>
>+        <mspace id="index005" width="3em" height="1em" style="background: green"/>
>       </mroot>
>     </math>
>   </p>
>   <hr/>
>   <p>
>     <math style="font-family: rulethickness8000;">
>-      <msqrt mathbackground="green" id="radical0061">
>-        <mspace id="base0061" width="3em" height="1em" mathbackground="blue"/>
>+      <msqrt style="background: green" id="radical0061">
>+        <mspace id="base0061" width="3em" height="1em" style="background: blue"/>
>       </msqrt>
>-      <mroot mathbackground="green" id="radical0062">
>-        <mspace id="base0062" width="3em" height="1em" mathbackground="blue"/>
>-        <mspace width="3em" height="1em" mathbackground="black"/>
>+      <mroot style="background: green" id="radical0062">
>+        <mspace id="base0062" width="3em" height="1em" style="background: blue"/>
>+        <mspace width="3em" height="1em" style="background: black"/>
>       </mroot>
>     </math>
>   </p>
>   <p>
>     <math style="font-family: verticalgap6000-rulethickness1000;">
>-      <msqrt mathbackground="green" id="radical0071">
>-        <mspace id="base0071" width="3em" height="1em" mathbackground="blue"/>
>+      <msqrt style="background: green" id="radical0071">
>+        <mspace id="base0071" width="3em" height="1em" style="background: blue"/>
>       </msqrt>
>-      <mroot mathbackground="green" id="radical0072">
>-        <mspace id="base0072" width="3em" height="1em" mathbackground="blue"/>
>-        <mspace width="3em" height="1em" mathbackground="black"/>
>+      <mroot style="background: green" id="radical0072">
>+        <mspace id="base0072" width="3em" height="1em" style="background: blue"/>
>+        <mspace width="3em" height="1em" style="background: black"/>
>       </mroot>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/w3c-import.log
>index a6d62555e9fb88188d41ffb50a31773f169b9793..8f53bafe6c030fa24daf5b1a10a17d50c79e811b 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/radicals/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html
>index 2ff14a694c99461f4474af1d9b283ed3082f7b8b..39768315e72d13b5952e3bc743617a8d29b223ca 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-1.html
>@@ -81,24 +81,24 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>-      <mspace id="baseline" width="30px" height="2px" depth="0px" mathbackground="blue"/>
>-      <msub id="msub" mathbackground="green">
>-        <mspace id="msubBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msubSub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
>+      <msub id="msub" style="background: green">
>+        <mspace id="msubBase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msubSub" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msub>
>-      <msup id="msup" mathbackground="blue">
>-        <mspace id="msupBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msupSup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <msup id="msup" style="background: blue">
>+        <mspace id="msupBase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msupSup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msup>
>-      <msubsup id="msubsup" mathbackground="green">
>-        <mspace id="msubsupBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msubsupSub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="msubsupSup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <msubsup id="msubsup" style="background: green">
>+        <mspace id="msubsupBase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msubsupSub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="msubsupSup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msubsup>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html
>index abef28d12df64ffac355fd627fe2493ae7b43ff9..26fa5de780b086a777fb6494cfb6f163b7813e02 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-2.html
>@@ -120,44 +120,44 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>-      <mspace id="baseline" width="30px" height="2px" depth="0px" mathbackground="blue"/>
>-      <mmultiscripts id="msub" mathbackground="green">
>-        <mspace id="msubBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msubSub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
>+      <mmultiscripts id="msub" style="background: green">
>+        <mspace id="msubBase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msubSub" width="10px" height="5px" depth="5px" style="background: black"/>
>         <none/>
>       </mmultiscripts>
>-      <mmultiscripts id="msup" mathbackground="green">
>-        <mspace id="msupBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>+      <mmultiscripts id="msup" style="background: green">
>+        <mspace id="msupBase" width="30px" height="15px" depth="15px" style="background: black"/>
>         <none/>
>-        <mspace id="msupSup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msupSup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="msubsup" mathbackground="green">
>-        <mspace id="msubsupBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msubsupSub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="msubsupSup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mmultiscripts id="msubsup" style="background: green">
>+        <mspace id="msubsupBase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msubsupSub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="msubsupSup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="premsub" mathbackground="green">
>-        <mspace id="premsubBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>+      <mmultiscripts id="premsub" style="background: green">
>+        <mspace id="premsubBase" width="30px" height="15px" depth="15px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="premsubSub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="premsubSub" width="10px" height="5px" depth="5px" style="background: black"/>
>         <none/>
>       </mmultiscripts>
>-      <mmultiscripts id="premsup" mathbackground="green">
>-        <mspace id="premsupBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>+      <mmultiscripts id="premsup" style="background: green">
>+        <mspace id="premsupBase" width="30px" height="15px" depth="15px" style="background: black"/>
>         <mprescripts/>
>         <none/>
>-        <mspace id="premsupSup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="premsupSup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="premsubsup" mathbackground="green">
>-        <mspace id="premsubsupBase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>+      <mmultiscripts id="premsubsup" style="background: green">
>+        <mspace id="premsubsupBase" width="30px" height="15px" depth="15px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="premsubsupSub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="premsubsupSup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="premsubsupSub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="premsubsupSup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html
>index c49718979c30b9fa782fda0dc49686e7f7f362bb..231f65ab4f46bbe64a20a7db170ffb42deef460f 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-3.html
>@@ -107,74 +107,74 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>-      <mspace id="baseline" width="30px" height="2px" depth="0px" mathbackground="blue"/>
>-      <mmultiscripts id="multi0" mathbackground="green">
>-        <mspace id="multi0base" width="30px" height="15px" depth="15px" mathbackground="black"/>
>+      <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
>+      <mmultiscripts id="multi0" style="background: green">
>+        <mspace id="multi0base" width="30px" height="15px" depth="15px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="multi1" mathbackground="green">
>-        <mspace id="multi1base" width="30px" height="15px" depth="15px" mathbackground="black"/>
>+      <mmultiscripts id="multi1" style="background: green">
>+        <mspace id="multi1base" width="30px" height="15px" depth="15px" style="background: black"/>
>         <mprescripts/>
>       </mmultiscripts>
>-      <mmultiscripts id="multi2" mathbackground="green">
>-        <mspace id="multi2base" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="multi2postsub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi2postsup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mmultiscripts id="multi2" style="background: green">
>+        <mspace id="multi2base" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="multi2postsub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi2postsup1" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi2presub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi2presup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi2presub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi2presup1" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="multi3" mathbackground="green">
>-        <mspace id="multi3base" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="multi3postsub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi3postsup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi3postsub2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi3postsup2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mmultiscripts id="multi3" style="background: green">
>+        <mspace id="multi3base" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="multi3postsub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi3postsup1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi3postsub2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi3postsup2" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi3presub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi3presup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi3presub2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi3presup2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi3presub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi3presup1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi3presub2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi3presup2" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="multi4" mathbackground="green">
>-        <mspace id="multi4base" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="multi4postsub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4postsup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4postsub2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4postsup2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4postsub3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4postsup3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mmultiscripts id="multi4" style="background: green">
>+        <mspace id="multi4base" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="multi4postsub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4postsup1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4postsub2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4postsup2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4postsub3" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4postsup3" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi4presub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4presup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4presub2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4presup2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4presub3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi4presup3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi4presub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4presup1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4presub2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4presup2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4presub3" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi4presup3" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>-      <mmultiscripts id="multi5" mathbackground="green">
>-        <mspace id="multi5base" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="multi5postsub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsub2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsup2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsub3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsup3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsub4" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5postsup4" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+      <mmultiscripts id="multi5" style="background: green">
>+        <mspace id="multi5base" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="multi5postsub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsup1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsub2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsup2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsub3" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsup3" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsub4" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5postsup4" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi5presub1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presup1" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presub2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presup2" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presub3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presup3" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presub4" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi5presup4" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi5presub1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presup1" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presub2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presup2" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presub3" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presup3" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presub4" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi5presup4" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html
>index 2acc7746c4fb1e754f7c3abbc2d424b244ce9876..c4bf4382f8ed51849d396cd313ff851fe70248e4 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-4.html
>@@ -51,74 +51,74 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>-      <mspace id="baseline" width="30px" height="2px" depth="0px" mathbackground="blue"/>
>+      <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
>       <msub id="msub50">
>-        <mspace id="msub50base" width="30px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="msub50sub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msub50base" width="30px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="msub50sub" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msub>
>       <msup id="msup50">
>-        <mspace id="msup50base" width="30px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="msup50sup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msup50base" width="30px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="msup50sup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msup>
>       <msubsup id="msubsup50">
>-        <mspace id="msubsup50base" width="30px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="msubsup50sub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="msubsup50sup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msubsup50base" width="30px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="msubsup50sub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="msubsup50sup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msubsup>
>       <mmultiscripts id="multi50">
>-        <mspace id="multi50base" width="30px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="multi50postsub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi50postsup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi50base" width="30px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="multi50postsub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi50postsup" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi50presub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi50presup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi50presub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi50presup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>       <msub id="msub75">
>-        <mspace id="msub75base" width="30px" height="75px" depth="75px" mathbackground="black"/>
>-        <mspace id="msub75sub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msub75base" width="30px" height="75px" depth="75px" style="background: black"/>
>+        <mspace id="msub75sub" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msub>
>       <msup id="msup75">
>-        <mspace id="msup75base" width="30px" height="75px" depth="75px" mathbackground="black"/>
>-        <mspace id="msup75sup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msup75base" width="30px" height="75px" depth="75px" style="background: black"/>
>+        <mspace id="msup75sup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msup>
>       <msubsup id="msubsup75">
>-        <mspace id="msubsup75base" width="30px" height="75px" depth="75px" mathbackground="black"/>
>-        <mspace id="msubsup75sub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="msubsup75sup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msubsup75base" width="30px" height="75px" depth="75px" style="background: black"/>
>+        <mspace id="msubsup75sub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="msubsup75sup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msubsup>
>       <mmultiscripts id="multi75">
>-        <mspace id="multi75base" width="30px" height="75px" depth="75px" mathbackground="black"/>
>-        <mspace id="multi75postsub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi75postsup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi75base" width="30px" height="75px" depth="75px" style="background: black"/>
>+        <mspace id="multi75postsub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi75postsup" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi75presub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi75presub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi75presub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi75presub" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>       <msub id="msub100">
>-        <mspace id="msub100base" width="30px" height="100px" depth="100px" mathbackground="black"/>
>-        <mspace id="msub100sub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msub100base" width="30px" height="100px" depth="100px" style="background: black"/>
>+        <mspace id="msub100sub" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msub>
>       <msup id="msup100">
>-        <mspace id="msup100base" width="30px" height="100px" depth="100px" mathbackground="black"/>
>-        <mspace id="msup100sup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msup100base" width="30px" height="100px" depth="100px" style="background: black"/>
>+        <mspace id="msup100sup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msup>
>       <msubsup id="msubsup100">
>-        <mspace id="msubsup100base" width="30px" height="100px" depth="100px" mathbackground="black"/>
>-        <mspace id="msubsup100sub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="msubsup100sup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="msubsup100base" width="30px" height="100px" depth="100px" style="background: black"/>
>+        <mspace id="msubsup100sub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="msubsup100sup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </msubsup>
>       <mmultiscripts id="multi100">
>-        <mspace id="multi100base" width="30px" height="100px" depth="100px" mathbackground="black"/>
>-        <mspace id="multi100postsub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi100postsup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi100base" width="30px" height="100px" depth="100px" style="background: black"/>
>+        <mspace id="multi100postsub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi100postsup" width="10px" height="5px" depth="5px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multi100presub" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="multi100presup" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="multi100presub" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="multi100presup" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mmultiscripts>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html
>index 19b6eee66747795b00776768aa1738006725e3c0..005ceea4019918f47606e25a91654a841b1e437a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-5.html
>@@ -59,32 +59,32 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>-      <mspace id="baseline" width="30px" height="2px" depth="0px" mathbackground="blue"/>
>+      <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
>       <msub id="msub">
>-        <mspace id="msubbase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msubsub" width="10px" height="50px" depth="50px" mathbackground="black"/>
>+        <mspace id="msubbase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msubsub" width="10px" height="50px" depth="50px" style="background: black"/>
>       </msub>
>       <msup id="msup">
>-        <mspace id="msupbase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msupsup" width="10px" height="75px" depth="75px" mathbackground="black"/>
>+        <mspace id="msupbase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msupsup" width="10px" height="75px" depth="75px" style="background: black"/>
>       </msup>
>       <msubsup id="msubsup">
>-        <mspace id="msubsupbase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="msubsupsub" width="10px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="msubsupsup" width="10px" height="75px" depth="75px" mathbackground="black"/>
>+        <mspace id="msubsupbase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="msubsupsub" width="10px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="msubsupsup" width="10px" height="75px" depth="75px" style="background: black"/>
>       </msubsup>
>       <mmultiscripts id="multi">
>-        <mspace id="multibase" width="30px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="multipostsub" width="10px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="multipostsup" width="10px" height="75px" depth="75px" mathbackground="black"/>
>+        <mspace id="multibase" width="30px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="multipostsub" width="10px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="multipostsup" width="10px" height="75px" depth="75px" style="background: black"/>
>         <mprescripts/>
>-        <mspace id="multipresub" width="10px" height="50px" depth="50px" mathbackground="black"/>
>-        <mspace id="multipresup" width="10px" height="75px" depth="75px" mathbackground="black"/>
>+        <mspace id="multipresub" width="10px" height="50px" depth="50px" style="background: black"/>
>+        <mspace id="multipresup" width="10px" height="75px" depth="75px" style="background: black"/>
>       </mmultiscripts>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1-expected.txt
>index 7376d69547ea4855a3e2d281020a6aa0dcdcfd5c..06926ed03e96e6a438c0bcad927f2c21533e9ac0 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1-expected.txt
>@@ -1,3 +1,14 @@
>+
>+PASS SpaceAfterScript 
>+PASS SuperscriptShiftUp 
>+FAIL SuperscriptShiftUpCramped assert_approx_equals: msup: Superscript shift expected 50 +/- 1 but got 20
>+PASS SubscriptShiftDown 
>+PASS SubSuperscriptGapMin 
>+PASS SuperscriptBottomMaxWithSubscript 
>+PASS SubscriptTopMax 
>+PASS SuperscriptBottomMin 
>+PASS SubscriptBaselineDrop 
>+PASS SuperscriptBaselineDrop 
>  
>  
>  
>@@ -11,15 +22,3 @@
> 
> 
> 
>-
>-PASS SpaceAfterScript 
>-PASS SuperscriptShiftUp 
>-FAIL SuperscriptShiftUpCramped assert_approx_equals: msup: Superscript shift expected 50 +/- 1 but got 20
>-PASS SubscriptShiftDown 
>-PASS SubSuperscriptGapMin 
>-PASS SuperscriptBottomMaxWithSubscript 
>-PASS SubscriptTopMax 
>-PASS SuperscriptBottomMin 
>-PASS SubscriptBaselineDrop 
>-PASS SuperscriptBaselineDrop 
>-
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
>index 9bc6bcbf277c1352d2d23c889048a2afc745ee9f..b0ebaceb4355b4ddafff11febb41e36a5afe854c 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-1.html
>@@ -143,63 +143,64 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>     <p>
>       <math style="font-family: spaceafterscript3000;">
>         <msub>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sub001" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sub001" height="1em" width="1em" style="background: red"/>
>         </msub>
>-        <mspace id="ref001" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref001" height="1em" width="1em" style="background: green"/>
>       </math>
>       <math style="font-family: spaceafterscript3000;">
>         <msup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sup002" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sup002" height="1em" width="1em" style="background: red"/>
>         </msup>
>-        <mspace id="ref002" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref002" height="1em" width="1em" style="background: green"/>
>       </math>
>       <math style="font-family: spaceafterscript3000;">
>         <msubsup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <mspace/>
>-          <mspace id="sup003" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup003" height="1em" width="1em" style="background: red"/>
>         </msubsup>
>-        <mspace id="ref003" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref003" height="1em" width="1em" style="background: green"/>
>       </math>
>       <math style="font-family: spaceafterscript3000;">
>         <mmultiscripts>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <none/>
>-          <mspace id="sup0041" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup0041" height="1em" width="1em" style="background: red"/>
>           <none/>
>-          <mspace id="sup0042" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup0042" height="1em" width="1em" style="background: red"/>
>           <none/>
>-          <mspace id="sup0043" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup0043" height="1em" width="1em" style="background: red"/>
>         </mmultiscripts>
>-        <mspace id="ref004" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref004" height="1em" width="1em" style="background: green"/>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: superscriptshiftup7000;">
>-        <mspace id="ref101" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref101" height="1em" width="1em" style="background: green"/>
>         <msup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sup102" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sup102" height="1em" width="1em" style="background: red"/>
>         </msup>
>         <msubsup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace height="1em" width="1em" mathbackground="red"/>
>-          <mspace id="sup103" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace height="1em" width="1em" style="background: red"/>
>+          <mspace id="sup103" height="1em" width="1em" style="background: red"/>
>         </msubsup>
>         <mmultiscripts>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <none/>
>-          <mspace id="sup1041" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup1041" height="1em" width="1em" style="background: red"/>
>           <none/>
>-          <mspace id="sup1042" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup1042" height="1em" width="1em" style="background: red"/>
>           <none/>
>-          <mspace id="sup1043" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sup1043" height="1em" width="1em" style="background: red"/>
>         </mmultiscripts>
>       </math>
>     </p>
>@@ -207,24 +208,24 @@
>     <p>
>       <math style="font-family: superscriptshiftupcramped5000;">
>         <msqrt>
>-          <mspace id="ref201" height="1em" width="1em" mathbackground="green"/>
>+          <mspace id="ref201" height="1em" width="1em" style="background: green"/>
>           <msup>
>-            <mspace height="2em" width="2em" mathbackground="blue"/>
>-            <mspace id="sup202" height="1em" width="1em" mathbackground="red"/>
>+            <mspace height="2em" width="2em" style="background: blue"/>
>+            <mspace id="sup202" height="1em" width="1em" style="background: red"/>
>           </msup>
>           <msubsup>
>-            <mspace height="2em" width="2em" mathbackground="blue"/>
>-            <mspace height="1em" width="1em" mathbackground="blue"/>
>-            <mspace id="sup203" height="1em" width="1em" mathbackground="red"/>
>+            <mspace height="2em" width="2em" style="background: blue"/>
>+            <mspace height="1em" width="1em" style="background: blue"/>
>+            <mspace id="sup203" height="1em" width="1em" style="background: red"/>
>           </msubsup>
>           <mmultiscripts>
>-            <mspace height="2em" width="2em" mathbackground="blue"/>
>+            <mspace height="2em" width="2em" style="background: blue"/>
>             <none/>
>-            <mspace id="sup2041" height="1em" width="1em" mathbackground="red"/>
>+            <mspace id="sup2041" height="1em" width="1em" style="background: red"/>
>             <none/>
>-            <mspace id="sup2042" height="1em" width="1em" mathbackground="red"/>
>+            <mspace id="sup2042" height="1em" width="1em" style="background: red"/>
>             <none/>
>-            <mspace id="sup2043" height="1em" width="1em" mathbackground="red"/>
>+            <mspace id="sup2043" height="1em" width="1em" style="background: red"/>
>           </mmultiscripts>
>         </msqrt>
>       </math>
>@@ -232,21 +233,21 @@
>     <hr/>
>     <p>
>       <math style="font-family: subscriptshiftdown6000;">
>-        <mspace id="ref300" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref300" height="1em" width="1em" style="background: green"/>
>         <msub>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sub301" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sub301" height="1em" width="1em" style="background: red"/>
>         </msub>
>         <msubsup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sub302" height="1em" width="1em" mathbackground="red"/>
>-          <mspace height="1em" width="1em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sub302" height="1em" width="1em" style="background: red"/>
>+          <mspace height="1em" width="1em" style="background: blue"/>
>         </msubsup>
>         <mmultiscripts>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sub303" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sub303" height="1em" width="1em" style="background: red"/>
>           <none/>
>-          <mspace id="sub304" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sub304" height="1em" width="1em" style="background: red"/>
>           <none/>
>         </mmultiscripts>
>       </math>
>@@ -255,34 +256,34 @@
>     <p>
>       <math style="font-family: subsuperscriptgapmin11000;">
>         <msubsup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sub4011" height="1em" width="1em" mathbackground="red"/>
>-          <mspace id="sup4012" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sub4011" height="1em" width="1em" style="background: red"/>
>+          <mspace id="sup4012" height="1em" width="1em" style="background: red"/>
>         </msubsup>
>         <mmultiscripts>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <none/>
>           <none/>
>-          <mspace id="sub4021" height="1em" width="1em" mathbackground="red"/>
>-          <mspace id="sup4022" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sub4021" height="1em" width="1em" style="background: red"/>
>+          <mspace id="sup4022" height="1em" width="1em" style="background: red"/>
>         </mmultiscripts>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: subsuperscriptgapmin11000superscriptbottommaxwithsubscript3000;">
>-        <mspace id="ref500" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="ref500" height="1em" width="1em" style="background: green"/>
>         <msubsup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>-          <mspace id="sub501" height="1em" width="1em" mathbackground="red"/>
>-          <mspace id="sup501" height="1em" width="1em" mathbackground="red"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>+          <mspace id="sub501" height="1em" width="1em" style="background: red"/>
>+          <mspace id="sup501" height="1em" width="1em" style="background: red"/>
>         </msubsup>
>         <mmultiscripts>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <none/>
>           <none/>
>-          <mspace id="sub502" height="1em" width="1em" mathbackground="red"/>
>-          <mspace id="sup502" height="1em" width="1em" mathbackground="red"/>
>+          <mspace id="sub502" height="1em" width="1em" style="background: red"/>
>+          <mspace id="sup502" height="1em" width="1em" style="background: red"/>
>         </mmultiscripts>
>       </math>
>     </p>
>@@ -290,11 +291,11 @@
>     <p>
>       <math style="font-family: subscripttopmax4000;">
>         <mspace id="ref600" height="1em"
>-                width="1em" mathbackground="green"/>
>+                width="1em" style="background: green"/>
>         <msub>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <mspace id="sub601" height="10em"
>-                  width="1em" mathbackground="red"/>
>+                  width="1em" style="background: red"/>
>         </msub>
>       </math>
>     </p>
>@@ -302,11 +303,11 @@
>     <p>
>       <math style="font-family: superscriptbottommin8000;">
>         <mspace id="ref700" height="1em"
>-                width="1em" mathbackground="green"/>
>+                width="1em" style="background: green"/>
>         <msup>
>-          <mspace height="2em" width="2em" mathbackground="blue"/>
>+          <mspace height="2em" width="2em" style="background: blue"/>
>           <mspace id="sub701" depth="1em"
>-                  width="1em" mathbackground="red"/>
>+                  width="1em" style="background: red"/>
>         </msup>
>       </math>
>     </p>
>@@ -314,9 +315,9 @@
>     <p>
>       <math style="font-family: subscriptbaselinedropmin9000;">
>         <msub>
>-          <mspace id="base801" height="2em" width="2em" mathbackground="blue"/>
>+          <mspace id="base801" height="2em" width="2em" style="background: blue"/>
>           <mspace id="sub801" height="1em"
>-                  width="1em" mathbackground="red"/>
>+                  width="1em" style="background: red"/>
>         </msub>
>       </math>
>     </p>
>@@ -324,12 +325,11 @@
>     <p>
>       <math style="font-family: superscriptbaselinedropmax10000;">
>         <msup>
>-          <mspace id="base901" height="15em" width="2em" mathbackground="blue"/>
>+          <mspace id="base901" height="15em" width="2em" style="background: blue"/>
>           <mspace id="sup901" height="1em"
>-                  width="1em" mathbackground="red"/>
>+                  width="1em" style="background: red"/>
>         </msup>
>       </math>
>     </p>
>-    <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html
>index eaa4f0ffab154aff2ca1072f306c115a8d0bcf13..5ba66b86c3dadf5b4e4d3ddfa4c27d6286e137f1 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/subsup-parameters-2.html
>@@ -69,30 +69,30 @@
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight5000;">
>       <msub>
>         <mo id="base001" lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sub001" height="1em" width="1em" mathbackground="blue"/>
>+        <mspace id="sub001" height="1em" width="1em" style="background: blue"/>
>       </msub>
>     </math>
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight5000;">
>       <msup>
>         <mo id="base002" lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sup002" height="1em" width="1em" mathbackground="blue"/>
>+        <mspace id="sup002" height="1em" width="1em" style="background: blue"/>
>       </msup>
>     </math>
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight5000;">
>       <msubsup>
>         <mo lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sub003" height="1em" width="1em" mathbackground="blue"/>
>-        <mspace id="sup003" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="sub003" height="1em" width="1em" style="background: blue"/>
>+        <mspace id="sup003" height="1em" width="1em" style="background: green"/>
>       </msubsup>
>     </math>
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight5000;">
>       <mmultiscripts>
>         <mo lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sub004" height="1em" width="1em" mathbackground="blue"/>
>-        <mspace id="sup004" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="sub004" height="1em" width="1em" style="background: blue"/>
>+        <mspace id="sup004" height="1em" width="1em" style="background: green"/>
>         <mprescripts/>
>-        <mspace id="sub005" height="1em" width="1em" mathbackground="magenta"/>
>-        <mspace id="sup005" height="1em" width="1em" mathbackground="cyan"/>
>+        <mspace id="sub005" height="1em" width="1em" style="background: magenta"/>
>+        <mspace id="sup005" height="1em" width="1em" style="background: cyan"/>
>       </mmultiscripts>
>     </math>
>   </p>
>@@ -101,30 +101,30 @@
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight2000-2AFF-italiccorrection3000;">
>       <msub>
>         <mo id="base011" lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sub011" height="1em" width="1em" mathbackground="blue"/>
>+        <mspace id="sub011" height="1em" width="1em" style="background: blue"/>
>       </msub>
>     </math>
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight2000-2AFF-italiccorrection3000;">
>       <msup>
>         <mo id="base012" lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sup012" height="1em" width="1em" mathbackground="blue"/>
>+        <mspace id="sup012" height="1em" width="1em" style="background: blue"/>
>       </msup>
>     </math>
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight2000-2AFF-italiccorrection3000;">
>       <msubsup>
>         <mo lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sub013" height="1em" width="1em" mathbackground="blue"/>
>-        <mspace id="sup013" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="sub013" height="1em" width="1em" style="background: blue"/>
>+        <mspace id="sup013" height="1em" width="1em" style="background: green"/>
>       </msubsup>
>     </math>
>     <math displaystyle="true" style="font-family: largeop-displayoperatorminheight2000-2AFF-italiccorrection3000;">
>       <mmultiscripts>
>         <mo lspace="0px" rspace="0px">&#x2AFF;</mo>
>-        <mspace id="sub014" height="1em" width="1em" mathbackground="blue"/>
>-        <mspace id="sup014" height="1em" width="1em" mathbackground="green"/>
>+        <mspace id="sub014" height="1em" width="1em" style="background: blue"/>
>+        <mspace id="sup014" height="1em" width="1em" style="background: green"/>
>         <mprescripts/>
>-        <mspace id="sub015" height="1em" width="1em" mathbackground="magenta"/>
>-        <mspace id="sup015" height="1em" width="1em" mathbackground="cyan"/>
>+        <mspace id="sub015" height="1em" width="1em" style="background: magenta"/>
>+        <mspace id="sup015" height="1em" width="1em" style="background: cyan"/>
>       </mmultiscripts>
>     </math>
>   </p>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html
>index 25e087971da3dccbc786b45944295b32bba3356e..6dcdbb7b388b6955e744f5d9eb9e1e27e9abef34 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-1.html
>@@ -74,7 +74,7 @@
>     }, "Width of scripted elements");
> 
>     test(function() {
>-      var e = 3;
>+      var e = 3.2;
>       for (var i = 0; i <= 3; i++) {
>         assert_approx_equals(getBox("under" + i).height, getBox("under" + i + "base").height + getBox("under" + i + "under").height + e, e, "munder " + i + ": height is determined by the sum of heights of base and script plus some spacing.");
>         assert_approx_equals(getBox("over" + i).height, getBox("over" + i + "base").height + getBox("over" + i + "over").height + e, e, "mover " + i + ": height is determined by the sum of heights of base and script plus some spacing.");
>@@ -89,73 +89,73 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>-      <mspace id="baseline" width="30px" height="2px" depth="0px" mathbackground="blue"/>
>+      <mspace id="baseline" width="30px" height="2px" depth="0px" style="background: blue"/>
>       <munder id="under0">
>-        <mspace id="under0base" width="30px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="under0under" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="under0base" width="30px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="under0under" width="10px" height="5px" depth="5px" style="background: black"/>
>       </munder>
>       <munder id="under1">
>-        <mspace id="under1base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="under1under" width="30px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="under1base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="under1under" width="30px" height="5px" depth="5px" style="background: black"/>
>       </munder>
>       <munder id="under2">
>-        <mspace id="under2base" width="10px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="under2under" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="under2base" width="10px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="under2under" width="10px" height="5px" depth="5px" style="background: black"/>
>       </munder>
>       <munder id="under3">
>-        <mspace id="under3base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="under3under" width="10px" height="15px" depth="15px" mathbackground="black"/>
>+        <mspace id="under3base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="under3under" width="10px" height="15px" depth="15px" style="background: black"/>
>       </munder>
>       <mover id="over0">
>-        <mspace id="over0base" width="30px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="over0over" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="over0base" width="30px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="over0over" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mover>
>       <mover id="over1">
>-        <mspace id="over1base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="over1over" width="30px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="over1base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="over1over" width="30px" height="5px" depth="5px" style="background: black"/>
>       </mover>
>       <mover id="over2">
>-        <mspace id="over2base" width="10px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="over2over" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="over2base" width="10px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="over2over" width="10px" height="5px" depth="5px" style="background: black"/>
>       </mover>
>       <mover id="over3">
>-        <mspace id="over3base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="over3over" width="10px" height="15px" depth="15px" mathbackground="black"/>
>+        <mspace id="over3base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="over3over" width="10px" height="15px" depth="15px" style="background: black"/>
>       </mover>
>       <munderover id="underover0">
>-        <mspace id="underover0base" width="30px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover0under" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover0over" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="underover0base" width="30px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover0under" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover0over" width="10px" height="5px" depth="5px" style="background: black"/>
>       </munderover>
>       <munderover id="underover1">
>-        <mspace id="underover1base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover1under" width="30px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover1over" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="underover1base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover1under" width="30px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover1over" width="10px" height="5px" depth="5px" style="background: black"/>
>       </munderover>
>       <munderover id="underover2">
>-        <mspace id="underover2base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover2under" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover2over" width="30px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="underover2base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover2under" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover2over" width="30px" height="5px" depth="5px" style="background: black"/>
>       </munderover>
>       <munderover id="underover3">
>-        <mspace id="underover3base" width="10px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="underover3under" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover3over" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="underover3base" width="10px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="underover3under" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover3over" width="10px" height="5px" depth="5px" style="background: black"/>
>       </munderover>
>       <munderover id="underover4">
>-        <mspace id="underover4base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover4under" width="10px" height="15px" depth="15px" mathbackground="black"/>
>-        <mspace id="underover4over" width="10px" height="5px" depth="5px" mathbackground="black"/>
>+        <mspace id="underover4base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover4under" width="10px" height="15px" depth="15px" style="background: black"/>
>+        <mspace id="underover4over" width="10px" height="5px" depth="5px" style="background: black"/>
>       </munderover>
>       <munderover id="underover5">
>-        <mspace id="underover5base" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover5under" width="10px" height="5px" depth="5px" mathbackground="black"/>
>-        <mspace id="underover5over" width="10px" height="15px" depth="15px" mathbackground="black"/>
>+        <mspace id="underover5base" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover5under" width="10px" height="5px" depth="5px" style="background: black"/>
>+        <mspace id="underover5over" width="10px" height="15px" depth="15px" style="background: black"/>
>       </munderover>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1-expected.txt
>index 1067d58edb7c0a5bc5bcc7e0744d343cd052edcc..2961d12066b46e637e264d760301f9ce7c01aa40 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1-expected.txt
>@@ -1,3 +1,8 @@
>+
>+PASS LowerLimitBaselineDropMin 
>+PASS LowerLimitGapMin 
>+PASS UpperLimitBaselineRiseMin 
>+PASS UpperLimitGapMin 
> â
> â
> 
>@@ -10,9 +15,3 @@
> â
> â
> 
>-
>-PASS LowerLimitBaselineDropMin 
>-PASS LowerLimitGapMin 
>-PASS UpperLimitBaselineRiseMin 
>-PASS UpperLimitGapMin 
>-
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html
>index 1e5a6606b03a19487b2394b95eac26bd4ac0cb4e..802293829fd8de194ae6a12b0aea458689770ae1 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-1.html
>@@ -80,65 +80,65 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>     <p>
>       <math style="font-family: lowerlimitbaselinedropmin3000;">
>-        <mspace id="ref0001" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0001" height="1em" width="3em" style="background: green"/>
>         <munder>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace id="under00011" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="under00011" depth="1em" width="3em" style="background: blue"/>
>         </munder>
>         <munderover>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace id="under00012" depth="1em" width="3em" mathbackground="blue"/>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>+          <mspace id="under00012" depth="1em" width="3em" style="background: blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: lowerlimitgapmin11000;">
>-        <mspace id="ref0002" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0002" height="1em" width="3em" style="background: green"/>
>         <munder>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace id="under00021" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="under00021" depth="1em" width="3em" style="background: blue"/>
>         </munder>
>         <munderover>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace id="under00022" depth="1em" width="3em" mathbackground="blue"/>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>+          <mspace id="under00022" depth="1em" width="3em" style="background: blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: upperlimitbaselinerisemin5000;">
>-        <mspace id="ref0003" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0003" height="1em" width="3em" style="background: green"/>
>         <mover>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace id="over00031" height="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="over00031" height="1em" width="3em" style="background: blue"/>
>         </mover>
>         <munderover>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>-          <mspace id="over00032" height="1em" width="3em" mathbackground="blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>+          <mspace id="over00032" height="1em" width="3em" style="background: blue"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: upperlimitgapmin7000;">
>-        <mspace id="ref0004" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0004" height="1em" width="3em" style="background: green"/>
>         <mover>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace id="over00041" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="over00041" depth="1em" width="3em" style="background: blue"/>
>         </mover>
>         <munderover>
>           <mo movablelimits="false">&#x2211;</mo>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>-          <mspace id="over00042" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>+          <mspace id="over00042" depth="1em" width="3em" style="background: blue"/>
>         </munderover>
>       </math>
>     </p>
>-    <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2-expected.txt
>index 1a02e2876b782cf05acf1134b2c0774eea89d7eb..e208f20a35cf7722dffb60b9d25916e0e40689db 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2-expected.txt
>@@ -1,3 +1,8 @@
>+
>+PASS StretchStackBottomShiftDown 
>+PASS StretchStackGapBelowMin 
>+PASS StretchStackTopShiftUp 
>+PASS StretchStackGapAboveMin 
> â
> â
> 
>@@ -10,9 +15,3 @@
> â
> â
> 
>-
>-PASS StretchStackBottomShiftDown 
>-PASS StretchStackGapBelowMin 
>-PASS StretchStackTopShiftUp 
>-PASS StretchStackGapAboveMin 
>-
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html
>index c28f29c99e69761ddd2e9205b4f942e65014afc8..e9d6af4901e16602dd7a54a7c74f3594e26402c9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-2.html
>@@ -80,65 +80,65 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>     <p>
>       <math style="font-family: bottomshiftdown3000;">
>-        <mspace id="ref0001" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0001" height="1em" width="3em" style="background: green"/>
>         <munder>
>           <mo>&#x2192;</mo>
>-          <mspace id="under00011" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="under00011" depth="1em" width="3em" style="background: blue"/>
>         </munder>
>         <munderover>
>           <mo>&#x2192;</mo>
>-          <mspace id="under00012" depth="1em" width="3em" mathbackground="blue"/>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>+          <mspace id="under00012" depth="1em" width="3em" style="background: blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: gapbelowmin11000;">
>-        <mspace id="ref0002" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0002" height="1em" width="3em" style="background: green"/>
>         <munder>
>           <mo>&#x2192;</mo>
>-          <mspace id="under00021" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="under00021" depth="1em" width="3em" style="background: blue"/>
>         </munder>
>         <munderover>
>           <mo>&#x2192;</mo>
>-          <mspace id="under00022" depth="1em" width="3em" mathbackground="blue"/>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>+          <mspace id="under00022" depth="1em" width="3em" style="background: blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: topshiftup5000;">
>-        <mspace id="ref0003" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0003" height="1em" width="3em" style="background: green"/>
>         <mover>
>           <mo>&#x2192;</mo>
>-          <mspace id="over00031" height="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="over00031" height="1em" width="3em" style="background: blue"/>
>         </mover>
>         <munderover>
>           <mo>&#x2192;</mo>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>-          <mspace id="over00032" height="1em" width="3em" mathbackground="blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>+          <mspace id="over00032" height="1em" width="3em" style="background: blue"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: gapabovemin7000;">
>-        <mspace id="ref0004" height="1em" width="3em" mathbackground="green"/>
>+        <mspace id="ref0004" height="1em" width="3em" style="background: green"/>
>         <mover>
>           <mo>&#x2192;</mo>
>-          <mspace id="over00041" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace id="over00041" depth="1em" width="3em" style="background: blue"/>
>         </mover>
>         <munderover>
>           <mo>&#x2192;</mo>
>-          <mspace height="1em" width="3em" mathbackground="black"/>
>-          <mspace id="over00042" depth="1em" width="3em" mathbackground="blue"/>
>+          <mspace height="1em" width="3em" style="background: black"/>
>+          <mspace id="over00042" depth="1em" width="3em" style="background: blue"/>
>         </munderover>
>       </math>
>     </p>
>-    <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3-expected.txt
>index 4871e56ecfac9183d663521e6e9976141ced2742..300677aa573c5868aee57e054bb30ce43937a3af 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3-expected.txt
>@@ -6,3 +6,6 @@ PASS AccentBaseHeight, UnderbarVerticalGap
> PASS AccentBaseHeight, OverbarExtraAscender 
> PASS AccentBaseHeight, OverbarVerticalGap 
> 
>+
>+
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html
>index 0172ff1c700924e3412e84cd2e1445a009e61b5e..373d6d4d06ecc0593dfda27164fe26a4d55dc1d1 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-3.html
>@@ -187,137 +187,137 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>     <p>
>       <math style="font-family: accentbaseheight4000underbarextradescender5000;">
>-        <mspace id="ref001" height="1em" width="3em" mathbackground="green"/>
>-        <munder mathbackground="cyan" id="el0011">
>-          <mspace id="base0011" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0011" height="1em" width="3em" mathbackground="blue"/>
>+        <mspace id="ref001" height="1em" width="3em" style="background: green"/>
>+        <munder style="background: cyan" id="el0011">
>+          <mspace id="base0011" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0011" height="1em" width="3em" style="background: blue"/>
>         </munder>
>-        <munder mathbackground="cyan" id="el0012" accentunder="true">
>-          <mspace id="base0012" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="under0012" height="1em" width="3em" mathbackground="blue"/>
>+        <munder style="background: cyan" id="el0012" accentunder="true">
>+          <mspace id="base0012" height="5em" width="1em" style="background: black"/>
>+          <mspace id="under0012" height="1em" width="3em" style="background: blue"/>
>         </munder>
>-        <munder mathbackground="cyan" id="el0013" accentunder="true">
>-          <mspace id="base0013" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0013" height="1em" width="3em" mathbackground="blue"/>
>+        <munder style="background: cyan" id="el0013" accentunder="true">
>+          <mspace id="base0013" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0013" height="1em" width="3em" style="background: blue"/>
>         </munder>
>-        <munderover mathbackground="cyan" id="el0014">
>-          <mspace id="base0014" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0014" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0014" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0014">
>+          <mspace id="base0014" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0014" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0014" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0015" accent="true">
>-          <mspace id="base0015" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="under0015" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0015" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0015" accent="true">
>+          <mspace id="base0015" height="5em" width="1em" style="background: black"/>
>+          <mspace id="under0015" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0015" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0016" accent="true">
>-          <mspace id="base0016" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0016" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0016" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0016" accent="true">
>+          <mspace id="base0016" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0016" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0016" height="1em" width="3em" style="background: red"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: accentbaseheight4000underbarverticalgap7000;">
>-        <mspace id="ref002" height="1em" width="3em" mathbackground="green"/>
>-        <munder mathbackground="cyan" id="el0021">
>-          <mspace id="base0021" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0021" height="1em" width="3em" mathbackground="blue"/>
>+        <mspace id="ref002" height="1em" width="3em" style="background: green"/>
>+        <munder style="background: cyan" id="el0021">
>+          <mspace id="base0021" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0021" height="1em" width="3em" style="background: blue"/>
>         </munder>
>-        <munder mathbackground="cyan" id="el0022" accentunder="true">
>-          <mspace id="base0022" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="under0022" height="1em" width="3em" mathbackground="blue"/>
>+        <munder style="background: cyan" id="el0022" accentunder="true">
>+          <mspace id="base0022" height="5em" width="1em" style="background: black"/>
>+          <mspace id="under0022" height="1em" width="3em" style="background: blue"/>
>         </munder>
>-        <munder mathbackground="cyan" id="el0023" accentunder="true">
>-          <mspace id="base0023" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0023" height="1em" width="3em" mathbackground="blue"/>
>+        <munder style="background: cyan" id="el0023" accentunder="true">
>+          <mspace id="base0023" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0023" height="1em" width="3em" style="background: blue"/>
>         </munder>
>-        <munderover mathbackground="cyan" id="el0024">
>-          <mspace id="base0024" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0024" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0024" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0024">
>+          <mspace id="base0024" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0024" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0024" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0025" accent="true">
>-          <mspace id="base0025" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="under0025" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0025" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0025" accent="true">
>+          <mspace id="base0025" height="5em" width="1em" style="background: black"/>
>+          <mspace id="under0025" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0025" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0026" accent="true">
>-          <mspace id="base0026" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0026" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0026" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0026" accent="true">
>+          <mspace id="base0026" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0026" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0026" height="1em" width="3em" style="background: red"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: accentbaseheight4000overbarextraascender3000;">
>-        <mspace id="ref003" height="1em" width="3em" mathbackground="green"/>
>-        <mover mathbackground="cyan" id="el0031">
>-          <mspace id="base0031" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="over0031" height="1em" width="3em" mathbackground="red"/>
>+        <mspace id="ref003" height="1em" width="3em" style="background: green"/>
>+        <mover style="background: cyan" id="el0031">
>+          <mspace id="base0031" height="3em" width="1em" style="background: black"/>
>+          <mspace id="over0031" height="1em" width="3em" style="background: red"/>
>         </mover>
>-        <mover mathbackground="cyan" id="el0032" accent="true">
>-          <mspace id="base0032" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="over0032" height="1em" width="3em" mathbackground="red"/>
>+        <mover style="background: cyan" id="el0032" accent="true">
>+          <mspace id="base0032" height="5em" width="1em" style="background: black"/>
>+          <mspace id="over0032" height="1em" width="3em" style="background: red"/>
>         </mover>
>-        <mover mathbackground="cyan" id="el0033" accent="true">
>-          <mspace id="base0033" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="over0033" height="1em" width="3em" mathbackground="red"/>
>+        <mover style="background: cyan" id="el0033" accent="true">
>+          <mspace id="base0033" height="3em" width="1em" style="background: black"/>
>+          <mspace id="over0033" height="1em" width="3em" style="background: red"/>
>         </mover>
>-        <munderover mathbackground="cyan" id="el0034">
>-          <mspace id="base0034" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0034" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0034" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0034">
>+          <mspace id="base0034" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0034" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0034" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0035" accent="true">
>-          <mspace id="base0035" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="under0035" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0035" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0035" accent="true">
>+          <mspace id="base0035" height="5em" width="1em" style="background: black"/>
>+          <mspace id="under0035" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0035" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0036" accent="true">
>-          <mspace id="base0036" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0036" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0036" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0036" accent="true">
>+          <mspace id="base0036" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0036" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0036" height="1em" width="3em" style="background: red"/>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: accentbaseheight4000overbarverticalgap11000;">
>-        <mspace id="ref004" height="1em" width="3em" mathbackground="green"/>
>-        <mover mathbackground="cyan" id="el0041">
>-          <mspace id="base0041" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="over0041" height="1em" width="3em" mathbackground="red"/>
>+        <mspace id="ref004" height="1em" width="3em" style="background: green"/>
>+        <mover style="background: cyan" id="el0041">
>+          <mspace id="base0041" height="3em" width="1em" style="background: black"/>
>+          <mspace id="over0041" height="1em" width="3em" style="background: red"/>
>         </mover>
>-        <mover mathbackground="cyan" id="el0042" accent="true">
>-          <mspace id="base0042" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="over0042" height="1em" width="3em" mathbackground="red"/>
>+        <mover style="background: cyan" id="el0042" accent="true">
>+          <mspace id="base0042" height="5em" width="1em" style="background: black"/>
>+          <mspace id="over0042" height="1em" width="3em" style="background: red"/>
>         </mover>
>-        <mover mathbackground="cyan" id="el0043" accent="true">
>-          <mspace id="base0043" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="over0043" height="1em" width="3em" mathbackground="red"/>
>+        <mover style="background: cyan" id="el0043" accent="true">
>+          <mspace id="base0043" height="3em" width="1em" style="background: black"/>
>+          <mspace id="over0043" height="1em" width="3em" style="background: red"/>
>         </mover>
>-        <munderover mathbackground="cyan" id="el0044">
>-          <mspace id="base0044" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0044" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0044" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0044">
>+          <mspace id="base0044" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0044" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0044" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0045" accent="true">
>-          <mspace id="base0045" height="5em" width="1em" mathbackground="black"/>
>-          <mspace id="under0045" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0045" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0045" accent="true">
>+          <mspace id="base0045" height="5em" width="1em" style="background: black"/>
>+          <mspace id="under0045" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0045" height="1em" width="3em" style="background: red"/>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0046" accent="true">
>-          <mspace id="base0046" height="3em" width="1em" mathbackground="black"/>
>-          <mspace id="under0046" height="1em" width="3em" mathbackground="blue"/>
>-          <mspace id="over0046" height="1em" width="3em" mathbackground="red"/>
>+        <munderover style="background: cyan" id="el0046" accent="true">
>+          <mspace id="base0046" height="3em" width="1em" style="background: black"/>
>+          <mspace id="under0046" height="1em" width="3em" style="background: blue"/>
>+          <mspace id="over0046" height="1em" width="3em" style="background: red"/>
>         </munderover>
>       </math>
>     </p>
>-    <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4-expected.txt
>index 22c7b15d7b1edc2d6e629c054ae7a5ee8f648bcc..4294a7d02af84acbb4d07c102607edbd3f311834 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4-expected.txt
>@@ -1,3 +1,10 @@
>+
>+PASS Baseline alignment 
>+PASS Heights of bases 
>+PASS AccentBaseHeight, UnderbarExtraDescender 
>+PASS AccentBaseHeight, UnderbarVerticalGap 
>+PASS AccentBaseHeight, OverbarExtraAscender 
>+PASS AccentBaseHeight, OverbarVerticalGap 
> Â°
> Ë
> Ë
>@@ -38,11 +45,3 @@
> Ë
> Ë
> 
>-
>-PASS Baseline alignment 
>-PASS Heights of bases 
>-PASS AccentBaseHeight, UnderbarExtraDescender 
>-PASS AccentBaseHeight, UnderbarVerticalGap 
>-PASS AccentBaseHeight, OverbarExtraAscender 
>-PASS AccentBaseHeight, OverbarVerticalGap 
>-
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html
>index 061cda79af9f9e7157ac37736f755ac233bf0a6f..3b1fa575f72473443271ebbd193bfc7b866dfc1a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/underover-parameters-4.html
>@@ -187,137 +187,137 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>     <p>
>       <math style="font-family: accentbaseheight4000underbarextradescender5000;">
>-        <mspace id="ref001" height="1em" width="3em" mathbackground="green"/>
>-        <munder mathbackground="cyan" id="el0011">
>-          <mspace id="base0011" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0011" mathcolor="blue">&#xB0;</mo>
>+        <mspace id="ref001" height="1em" width="3em" style="background: green"/>
>+        <munder style="background: cyan" id="el0011">
>+          <mspace id="base0011" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0011" style="color: blue">&#xB0;</mo>
>         </munder>
>-        <munder mathbackground="cyan" id="el0012">
>-          <mspace id="base0012" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="under0012" mathcolor="blue">&#x2D8;</mo>
>+        <munder style="background: cyan" id="el0012">
>+          <mspace id="base0012" height="5em" width="1em" style="background: black"/>
>+          <mo id="under0012" style="color: blue">&#x2D8;</mo>
>         </munder>
>-        <munder mathbackground="cyan" id="el0013">
>-          <mspace id="base0013" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0013" mathcolor="blue">&#x2D8;</mo>
>+        <munder style="background: cyan" id="el0013">
>+          <mspace id="base0013" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0013" style="color: blue">&#x2D8;</mo>
>         </munder>
>-        <munderover mathbackground="cyan" id="el0014">
>-          <mspace id="base0014" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0014" mathcolor="blue">&#xB0;</mo>
>-          <mo id="over0014" mathcolor="red">&#xB0;</mo>
>+        <munderover style="background: cyan" id="el0014">
>+          <mspace id="base0014" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0014" style="color: blue">&#xB0;</mo>
>+          <mo id="over0014" style="color: red">&#xB0;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0015" accent="true">
>-          <mspace id="base0015" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="under0015" mathcolor="blue">&#x2D8;</mo>
>-          <mo id="over0015" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0015" accent="true">
>+          <mspace id="base0015" height="5em" width="1em" style="background: black"/>
>+          <mo id="under0015" style="color: blue">&#x2D8;</mo>
>+          <mo id="over0015" style="color: red">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0016" accent="true">
>-          <mspace id="base0016" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0016" mathcolor="blue">&#x2D8;</mo>
>-          <mo id="over0016" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0016" accent="true">
>+          <mspace id="base0016" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0016" style="color: blue">&#x2D8;</mo>
>+          <mo id="over0016" style="color: red">&#x2D8;</mo>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: accentbaseheight4000underbarverticalgap7000;">
>-        <mspace id="ref002" height="1em" width="3em" mathbackground="green"/>
>-        <munder mathbackground="cyan" id="el0021" accentunder="false">
>-          <mspace id="base0021" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0021" mathcolor="blue">&#x2D8;</mo>
>+        <mspace id="ref002" height="1em" width="3em" style="background: green"/>
>+        <munder style="background: cyan" id="el0021" accentunder="false">
>+          <mspace id="base0021" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0021" style="color: blue">&#x2D8;</mo>
>         </munder>
>-        <munder mathbackground="cyan" id="el0022">
>-          <mspace id="base0022" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="under0022" mathcolor="blue" accent="true">&#x2D8;</mo>
>+        <munder style="background: cyan" id="el0022">
>+          <mspace id="base0022" height="5em" width="1em" style="background: black"/>
>+          <mo id="under0022" style="color: blue" accent="true">&#x2D8;</mo>
>         </munder>
>-        <munder mathbackground="cyan" id="el0023">
>-          <mspace id="base0023" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0023" mathcolor="blue" accent="true">&#xB0;</mo>
>+        <munder style="background: cyan" id="el0023">
>+          <mspace id="base0023" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0023" style="color: blue" accent="true">&#xB0;</mo>
>         </munder>
>-        <munderover mathbackground="cyan" id="el0024">
>-          <mspace id="base0024" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0024" mathcolor="blue" accent="false">&#x2D8;</mo>
>-          <mo id="over0024" mathcolor="red" accent="false">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0024">
>+          <mspace id="base0024" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0024" style="color: blue" accent="false">&#x2D8;</mo>
>+          <mo id="over0024" style="color: red" accent="false">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0025">
>-          <mspace id="base0025" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="under0025" mathcolor="blue" accent="false">&#x2D8;</mo>
>-          <mo id="over0025" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0025">
>+          <mspace id="base0025" height="5em" width="1em" style="background: black"/>
>+          <mo id="under0025" style="color: blue" accent="false">&#x2D8;</mo>
>+          <mo id="over0025" style="color: red">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0026">
>-          <mspace id="base0026" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0026" mathcolor="blue" accent="false">&#x2D8;</mo>
>-          <mo id="over0026" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0026">
>+          <mspace id="base0026" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0026" style="color: blue" accent="false">&#x2D8;</mo>
>+          <mo id="over0026" style="color: red">&#x2D8;</mo>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: accentbaseheight4000overbarextraascender3000;">
>-        <mspace id="ref003" height="1em" width="3em" mathbackground="green"/>
>-        <mover mathbackground="cyan" id="el0031">
>-          <mspace id="base0031" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="over0031" mathcolor="red">&#xB0;</mo>
>+        <mspace id="ref003" height="1em" width="3em" style="background: green"/>
>+        <mover style="background: cyan" id="el0031">
>+          <mspace id="base0031" height="3em" width="1em" style="background: black"/>
>+          <mo id="over0031" style="color: red">&#xB0;</mo>
>         </mover>
>-        <mover mathbackground="cyan" id="el0032" accent="true">
>-          <mspace id="base0032" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="over0032" mathcolor="red">&#xB0;</mo>
>+        <mover style="background: cyan" id="el0032" accent="true">
>+          <mspace id="base0032" height="5em" width="1em" style="background: black"/>
>+          <mo id="over0032" style="color: red">&#xB0;</mo>
>         </mover>
>-        <mover mathbackground="cyan" id="el0033">
>-          <mspace id="base0033" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="over0033" mathcolor="red">&#x2D8;</mo>
>+        <mover style="background: cyan" id="el0033">
>+          <mspace id="base0033" height="3em" width="1em" style="background: black"/>
>+          <mo id="over0033" style="color: red">&#x2D8;</mo>
>         </mover>
>-        <munderover mathbackground="cyan" id="el0034">
>-          <mspace id="base0034" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0034" mathcolor="blue">&#xB0;</mo>
>-          <mo id="over0034" mathcolor="red" accent="false">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0034">
>+          <mspace id="base0034" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0034" style="color: blue">&#xB0;</mo>
>+          <mo id="over0034" style="color: red" accent="false">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0035" accent="true">
>-          <mspace id="base0035" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="under0035" mathcolor="blue">&#x2D8;</mo>
>-          <mo id="over0035" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0035" accent="true">
>+          <mspace id="base0035" height="5em" width="1em" style="background: black"/>
>+          <mo id="under0035" style="color: blue">&#x2D8;</mo>
>+          <mo id="over0035" style="color: red">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0036" accent="true">
>-          <mspace id="base0036" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0036" mathcolor="blue">&#x2D8;</mo>
>-          <mo id="over0036" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0036" accent="true">
>+          <mspace id="base0036" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0036" style="color: blue">&#x2D8;</mo>
>+          <mo id="over0036" style="color: red">&#x2D8;</mo>
>         </munderover>
>       </math>
>     </p>
>     <hr/>
>     <p>
>       <math style="font-family: accentbaseheight4000overbarverticalgap11000;">
>-        <mspace id="ref004" height="1em" width="3em" mathbackground="green"/>
>-        <mover mathbackground="cyan" id="el0041">
>-          <mspace id="base0041" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="over0041" mathcolor="red">&#xB0;</mo>
>+        <mspace id="ref004" height="1em" width="3em" style="background: green"/>
>+        <mover style="background: cyan" id="el0041">
>+          <mspace id="base0041" height="3em" width="1em" style="background: black"/>
>+          <mo id="over0041" style="color: red">&#xB0;</mo>
>         </mover>
>-        <mover mathbackground="cyan" id="el0042" accent="true">
>-          <mspace id="base0042" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="over0042" mathcolor="red">&#xB0;</mo>
>+        <mover style="background: cyan" id="el0042" accent="true">
>+          <mspace id="base0042" height="5em" width="1em" style="background: black"/>
>+          <mo id="over0042" style="color: red">&#xB0;</mo>
>         </mover>
>-        <mover mathbackground="cyan" id="el0043">
>-          <mspace id="base0043" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="over0043" mathcolor="red">&#x2D8;</mo>
>+        <mover style="background: cyan" id="el0043">
>+          <mspace id="base0043" height="3em" width="1em" style="background: black"/>
>+          <mo id="over0043" style="color: red">&#x2D8;</mo>
>         </mover>
>-        <munderover mathbackground="cyan" id="el0044">
>-          <mspace id="base0044" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0044" mathcolor="blue">&#xB0;</mo>
>-          <mo id="over0044" mathcolor="red" accent="false">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0044">
>+          <mspace id="base0044" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0044" style="color: blue">&#xB0;</mo>
>+          <mo id="over0044" style="color: red" accent="false">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0045" accent="true">
>-          <mspace id="base0045" height="5em" width="1em" mathbackground="black"/>
>-          <mo id="under0045" mathcolor="blue">&#x2D8;</mo>
>-          <mo id="over0045" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0045" accent="true">
>+          <mspace id="base0045" height="5em" width="1em" style="background: black"/>
>+          <mo id="under0045" style="color: blue">&#x2D8;</mo>
>+          <mo id="over0045" style="color: red">&#x2D8;</mo>
>         </munderover>
>-        <munderover mathbackground="cyan" id="el0046" accent="true">
>-          <mspace id="base0046" height="3em" width="1em" mathbackground="black"/>
>-          <mo id="under0046" mathcolor="blue">&#x2D8;</mo>
>-          <mo id="over0046" mathcolor="red">&#x2D8;</mo>
>+        <munderover style="background: cyan" id="el0046" accent="true">
>+          <mspace id="base0046" height="3em" width="1em" style="background: black"/>
>+          <mo id="under0046" style="color: blue">&#x2D8;</mo>
>+          <mo id="over0046" style="color: red">&#x2D8;</mo>
>         </munderover>
>       </math>
>     </p>
>-    <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/w3c-import.log
>index 0c2ad6cbf813af9a4a82c0b98af07a62a1585b2f..775b3c90aec5b181d255e57c27294b5ad9571005 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/scripts/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1-expected.txt
>index 6715ece4e1132a188484e1e7dae1a45cc3cb4a80..2610d0bdb677f56c32548e821c4578513ed64f66 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1-expected.txt
>@@ -1,9 +1,8 @@
>- 
>-
> 
> PASS Empty mspace 
> PASS Different widths 
> PASS Different heights 
> PASS Different depths 
> PASS Various combinations of height, depth and width. 
>+ 
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1.html
>index adb36377842295e1bf0ec298d7ec19aa5adaeeb4..cb9dd9e9acbddd54c3729962f4efa4eeb56d8452 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-1.html
>@@ -68,6 +68,7 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <span id="baseline" style="display: inline-block; width: 30px; height: 5px; background: blue"></span>
>     <math>
>@@ -81,11 +82,10 @@
>       <mspace id="depth0" depth="25px"/>
>       <mspace id="depth1" depth="50px"/>
>       <mspace id="depth2" depth="75px"/>
>-      <mspace id="mspace0" width="25px" height="50px" depth="75px" mathbackground="green"/>
>-      <mspace id="mspace1" width="50px" height="75px" depth="25px" mathbackground="blue"/>
>-      <mspace id="mspace2" width="75px" height="25px" depth="50px" mathbackground="green"/>
>+      <mspace id="mspace0" width="25px" height="50px" depth="75px" style="background: green"/>
>+      <mspace id="mspace1" width="50px" height="75px" depth="25px" style="background: blue"/>
>+      <mspace id="mspace2" width="75px" height="25px" depth="50px" style="background: green"/>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-2.html
>index 544cfb1f6689a51b69c4492af5403a207032800a..072f2bda542f9b9ee64acd3161f2949c31fbf955 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/space-2.html
>@@ -14,17 +14,17 @@
>     <div style="position: absolute; top: 0px; left: 0px;
>                 width: 200px; height: 200px;">
>       <math style="position: absolute; top: 0px; left: 0px">
>-        <mspace width="50px" height="100px" depth="100px" mathbackground="green"/>
>-        <mspace width="50px" height="100px" depth="100px" mathbackground="green"/>
>-        <mspace width="25px" depth="100px" mathbackground="green"/>
>-        <mspace width="25px" depth="100px" mathbackground="green"/>
>-        <mspace width="25px" height="100px" mathbackground="green"/>
>-        <mspace width="25px" height="100px" mathbackground="green"/>
>+        <mspace width="50px" height="100px" depth="100px" style="background: green"/>
>+        <mspace width="50px" height="100px" depth="100px" style="background: green"/>
>+        <mspace width="25px" depth="100px" style="background: green"/>
>+        <mspace width="25px" depth="100px" style="background: green"/>
>+        <mspace width="25px" height="100px" style="background: green"/>
>+        <mspace width="25px" height="100px" style="background: green"/>
>       </math>
>       <math style="position: absolute; top: 0px; left: 0px">
>-        <mspace width="100px" height="20px" depth="20px" mathbackground="red"/>
>-        <mspace width="50px" height="100px" mathbackground="red"/>
>-        <mspace width="50px" depth="100px" mathbackground="red"/>
>+        <mspace width="100px" height="20px" depth="20px" style="background: red"/>
>+        <mspace width="50px" height="100px" style="background: red"/>
>+        <mspace width="50px" depth="100px" style="background: red"/>
>       </math>
>     </div>
>     
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/w3c-import.log
>index 5452c1424ea6aed19168128630a6185b62fbbcae..f7b20113fe4050586226913ab6b397e2b242a153 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/spaces/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height-expected.txt
>index ea3a87bec8d072557cba1a097be303cf363a1976..c9659866e81cf87310f3890bec3e596b05fbbd19 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height-expected.txt
>@@ -1,3 +1,3 @@
> 
> PASS AxisHeight 
>-
>+ 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html
>index 50c3491e487bfb3c22d444266e4a1aedb070641a..024bdd29b116de1c3112e9482a2f4ce286126a91 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/table-axis-height.html
>@@ -43,10 +43,11 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math style="font-family: axisheight5000-verticalarrow14000">
>-      <mspace id="baseline" mathbackground="green" width="50px" height="1px"/>
>-      <mtable id="table" mathbackground="blue"><mtr><mtd><mspace width="100px" height="1px"/></mtd></mtr></mtable>
>+      <mspace id="baseline" style="background: green" width="50px" height="1px"/>
>+      <mtable id="table" style="background: blue"><mtr><mtd><mspace width="100px" height="1px"/></mtd></mtr></mtable>
>     </math>
>   </p>
> </body>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/w3c-import.log
>index a064b79e58c6191cfb211d894b41309194ab7c60..c8d2e9eae6d440677a38dcbaedbf6701dcf34dba 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/presentation-markup/tables/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/display-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/display-1.html
>index 551f6402d85924005491cf50f3b9d4fcd547f8fe..a7d6277d70d1658bf291c5d46ed14aa2e1f7ec90 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/display-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/display-1.html
>@@ -10,7 +10,7 @@
> <body>
>   <p>Test passes if you see a green square.</p>
>   <div style="background: green; color: red; width: 200px; height: 200px;">
>-    <math style="display: none;"><mspace width="200px" height="200px" mathbackground="red"/></math>
>+    <math style="display: none;"><mspace width="200px" height="200px" style="background: red"/></math>
>   </div>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1-expected.txt
>index 9c549a90567246c319d5c212fc80a4abbdfd867f..8d9442cd9183a9c13217b2e274d8c7eb0cc788af 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1-expected.txt
>@@ -1,3 +1,15 @@
>+
>+PASS math element 
>+PASS mstyle element 
>+PASS mtable element 
>+PASS mfrac element 
>+PASS mroot element 
>+PASS msub element 
>+PASS msup element 
>+PASS msubsup element 
>+PASS munder element 
>+PASS mover element 
>+PASS munderover element 
> â«¿
>  
> â«¿
>@@ -42,15 +54,3 @@
> â«¿
> â«¿
> 
>-PASS math element 
>-PASS mstyle element 
>-PASS mtable element 
>-PASS mfrac element 
>-PASS mroot element 
>-PASS msub element 
>-PASS msup element 
>-PASS msubsup element 
>-PASS munder element 
>-PASS mover element 
>-PASS munderover element 
>-
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html
>index 2749e09c48a759c02f1f2148387c8586c207b9e5..3143343da7e39ff931f552af942e62882062bc77 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/displaystyle-1.html
>@@ -92,6 +92,7 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <math><mo id="math_default">&#x2AFF;</mo></math>
>   <math display="inline"><mo id="math_inline">&#x2AFF;</mo></math>
>   <math display="block"><mo id="math_block">&#x2AFF;</mo></math>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3-expected.txt
>index 89ef21a9c0be951b43a7834a01350b9e82f5b65d..7f6cfc6fd7ecb41b5f2fce1c1e71d72abbb42206 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3-expected.txt
>@@ -4,3 +4,6 @@ PASS Trimming of space
> PASS Non-negative numbers 
> PASS Non-positive numbers 
> 
>+
>+
>+
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3.html
>index a7133f89ecf4eed567c2d44bbb8d585be474c17d..68a144aca69c4fac862073029d8479369773e25a 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/lengths-3.html
>@@ -93,6 +93,7 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <p>
>     <math>
>       <mspace id="unitCm" width="2.54cm"/>
>@@ -154,6 +155,5 @@
>       <mpadded voffset="-012.345em"><mspace id="N10"/></mpadded>
>     </math>
>   </p>
>-  <hr/>
> </body>
> </html>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/w3c-import.log
>index 364a37007f3b36b4926a2ec3a5f14dc0389278cc..2cf9fea1553278f176d3db14e2a601761b76a477 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/css-styling/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/class-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/class-2.html
>index 9dbede840199c32fe89eb7800abd08bf811ecdf1..707500de37fc117bf6174bd9aa7aaba298a705da 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/class-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/class-2.html
>@@ -13,7 +13,7 @@
>     var mtext = document.getElementsByClassName("cl");
>     test(function() {
>       assert_equals(mtext.length, 3);
>-      var mtext_ref = document.body.firstElementChild.firstElementChild;
>+      var mtext_ref = document.body.lastElementChild.firstElementChild;
>       mtext_ref = mtext_ref.nextElementSibling.nextElementSibling
>       assert_equals(mtext[0], mtext_ref);
>       mtext_ref = mtext_ref.nextElementSibling.nextElementSibling;
>@@ -26,6 +26,7 @@
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <math>
>     <mtext class="cl_"></mtext>
>     <mtext class="c"></mtext>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1-expected.txt b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1-expected.txt
>index a9c8361293772ba9fad35d789a458434e780be7a..06f534744bda2796c5dca99b17cd92697e5d3cbc 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1-expected.txt
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1-expected.txt
>@@ -1,7 +1,6 @@
>- 
>- 
>- 
> 
> PASS Test display math 
> PASS Test inline math 
>-
>+ 
>+ 
>+ 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1.html
>index 4eb302c3ee821a015e76c561b46eb528ce78a93d..64d862cf7614f29435a08a6ac66d45f84575a053 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/display-1.html
>@@ -70,6 +70,7 @@
> </style>
> </head>
> <body>
>+  <div id="log"></div>
>   <div id="content">
>     <span id="before_block" class="square"></span>
>     <math display="block"><mspace id="mspace_block" width="50px" height="50px"/></math>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-1.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-1.html
>index 80e4c754d805ce85744f8d6157c1901f471be2a9..6164346dc079da139855de96937f9d5b7861c285 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-1.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-1.html
>@@ -22,12 +22,12 @@
>   <div style="width: 150px; height: 150px; overflow: hidden">
>     <math>
>       <mrow id="link" href="#target">
>-        <mspace id="space" width="150px" height="150px" mathbackground="red"/>
>+        <mspace id="space" width="150px" height="150px" style="background: red"/>
>       </mrow>
>     </math>
>     <div style="height: 500px;"></div>
>     <math id="target">
>-      <mspace width="150px" height="150px" mathbackground="green"/>
>+      <mspace width="150px" height="150px" style="background: green"/>
>     </math>
>   </div>
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-2.html
>index 1e41f77cc4375f7cf8568cecb7b8d169da0be14f..6e5049392bd9c62e42086f3d1a7cdc9583fd29a9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/href-click-2.html
>@@ -24,14 +24,14 @@
>       <mrow href="#target">
>         <mrow>
>           <mrow>
>-            <mspace id="space" width="150px" height="150px" mathbackground="red"/>
>+            <mspace id="space" width="150px" height="150px" style="background: red"/>
>           </mrow>
>         </mrow>
>       </mrow>
>     </math>
>     <div style="height: 500px;"></div>
>     <math id="target">
>-      <mspace width="150px" height="150px" mathbackground="green"/>
>+      <mspace width="150px" height="150px" style="background: green"/>
>     </math>
>   </div>
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html
>index b3226c293b5f1394f5245644d1630bfef4f86b36..97e04a91ef13e650757fc2fe01ef068932e31b16 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/unique-identifier-2.html
>@@ -12,13 +12,14 @@
>   window.addEventListener("DOMContentLoaded", function() {
>     var mtext = document.getElementById("MTEXT");
>     test(function() {
>-      assert_equals(mtext, document.body.firstElementChild.lastElementChild);
>+      assert_equals(mtext, document.body.lastElementChild.lastElementChild);
>     }, "getElementById()");
>     done();
>   });
> </script>
> </head>
> <body>
>+  <div id="log"></div>
>   <math>
>     <mtext id="MTEXT_"></mtext>
>     <mtext id="MTEX"></mtext>
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/w3c-import.log
>index b721a7297dbcde40e012f6376a39a2ed80b141cb..1491943f0a550c18c34a8287a5a08e0fee8e8270 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/html5-tree/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/text-and-math/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/text-and-math/w3c-import.log
>index 68a58d7868fe48c665332f22e82ff9b731625746..d0362c0a73d6656c60d083cb724d7f3703c181ab 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/text-and-math/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/relations/text-and-math/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/utils/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/utils/w3c-import.log
>index 2d0930f1ab05a5800b18b1c901de16b9705511f8..1b10d73731b06000ec4e8ab1592da730d6e11992 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/utils/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/utils/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/w3c-import.log
>index 72b955d5ec0b07d4875243cd5c29a96ffaf85e37..8104c429376dc5a55ae922fe6ec23a0d965237c9 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/tools/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>diff --git a/LayoutTests/imported/w3c/web-platform-tests/mathml/w3c-import.log b/LayoutTests/imported/w3c/web-platform-tests/mathml/w3c-import.log
>index 22c3d3805f7de250d48a176c20f8cc1f782d73c7..036eb3906345710359be6af41314a52657a9dbba 100644
>--- a/LayoutTests/imported/w3c/web-platform-tests/mathml/w3c-import.log
>+++ b/LayoutTests/imported/w3c/web-platform-tests/mathml/w3c-import.log
>@@ -1,7 +1,7 @@
> The tests in this directory were imported from the W3C repository.
> Do NOT modify these tests directly in WebKit.
> Instead, create a pull request on the WPT github:
>-	https://github.com/w3c/web-platform-tests
>+	https://github.com/web-platform-tests/wpt
> 
> Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
> 
>@@ -14,5 +14,5 @@ Property values requiring vendor prefixes:
> None
> ------------------------------------------------------------------------
> List of files:
>-/LayoutTests/imported/w3c/web-platform-tests/mathml/OWNERS
>+/LayoutTests/imported/w3c/web-platform-tests/mathml/META.yml
> /LayoutTests/imported/w3c/web-platform-tests/mathml/README.md
>diff --git a/LayoutTests/mathml/fractions-invalid-expected.html b/LayoutTests/mathml/fractions-invalid-expected.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..7845b4d7dcf4d9dc60d2866332349488f5054734
>--- /dev/null
>+++ b/LayoutTests/mathml/fractions-invalid-expected.html
>@@ -0,0 +1,21 @@
>+<!doctype html>
>+<html>
>+  <head>
>+    <title>fractions invalid</title>
>+    <meta charset="utf-8"/>
>+  </head>
>+  <body>
>+
>+    
>+    <math>
>+      <mfrac><mn>1</mn><mn>2</mn></mfrac>
>+    </math>
>+    <math>
>+      <mfrac>
>+        <mrow><mi>x</mi><mo>+</mo><mn>1</mn></mrow>
>+        <mrow><mi>x</mi><mo>+</mo><mn>2</mn></mrow>
>+      </mfrac>
>+    </math>
>+
>+  </body>
>+</html>
>diff --git a/LayoutTests/mathml/fractions-invalid.html b/LayoutTests/mathml/fractions-invalid.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..6354a48e49ad673f93a4cd26e16791bac6a3da6e
>--- /dev/null
>+++ b/LayoutTests/mathml/fractions-invalid.html
>@@ -0,0 +1,21 @@
>+<!doctype html>
>+<html>
>+  <head>
>+    <title>fractions invalid</title>
>+    <meta charset="utf-8"/>
>+  </head>
>+  <body>
>+
>+    
>+    <math>
>+      <mfrac><mn>1</mn>bad<mn>2</mn></mfrac>
>+    </math>
>+    <math>
>+      <mfrac>
>+        <mrow><mi>x</mi><mo>+</mo>bad<mn>1</mn></mrow>
>+        <mrow><mi>x</mi><mo>+</mo><mn>2</mn></mrow>
>+      </mfrac>
>+    </math>
>+
>+  </body>
>+</html>
>diff --git a/LayoutTests/mathml/mfrac-nested-expected.txt b/LayoutTests/mathml/mfrac-nested-expected.txt
>new file mode 100644
>index 0000000000000000000000000000000000000000..9567c3d25dc7887b991afdd9c09352bf8f279b6d
>--- /dev/null
>+++ b/LayoutTests/mathml/mfrac-nested-expected.txt
>@@ -0,0 +1,12 @@
>+This test passes if it does not time out.
>+
>+a
>+b
>+c
>+d
>+e
>+f
>+g
>+h
>+i
>+j
>diff --git a/LayoutTests/mathml/mfrac-nested.html b/LayoutTests/mathml/mfrac-nested.html
>new file mode 100644
>index 0000000000000000000000000000000000000000..be3907b71d68f68da5dfe476d554cbf3b9ee60d7
>--- /dev/null
>+++ b/LayoutTests/mathml/mfrac-nested.html
>@@ -0,0 +1,44 @@
>+<!DOCTYPE html>
>+<html>
>+<head>
>+<script>
>+if (window.testRunner)
>+    testRunner.dumpAsText();
>+</script>
>+</head>
>+<body>
>+<p>This test passes if it does not time out.</p>
>+<math display="block">
>+<mrow>
>+<mfrac>
>+    <mi>a</mi>
>+    <mfrac>
>+        <mi>b</mi>
>+        <mfrac>
>+            <mi>c</mi>
>+            <mfrac>
>+                <mi>d</mi>
>+                <mfrac>
>+                    <mi>e</mi>
>+                    <mfrac>
>+                        <mi>f</mi>
>+                        <mfrac>
>+                            <mi>g</mi>
>+                            <mfrac>
>+                                <mi>h</mi>
>+                                <mfrac>
>+                                    <mi>i</mi>
>+                                    <mo>j</mo>
>+                                </mfrac>
>+                            </mfrac>
>+                        </mfrac>
>+                    </mfrac>
>+                </mfrac>
>+            </mfrac>
>+        </mfrac>
>+    </mfrac>
>+</mfrac>
>+</mrow>
>+</math>
>+</body>
>+</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-box-expected.html b/LayoutTests/mathml/presentation/fractions-box-expected.html
>deleted file mode 100644
>index 14df08d4123fc67cbad05c2a6a0568cfa28c65ae..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-box-expected.html
>+++ /dev/null
>@@ -1,48 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions box</title>
>-    <meta charset="utf-8"/>
>-    <style>
>-      td {
>-      border: 1px solid black;
>-      text-align: center; width: 8em; height: 8em;
>-      vertical-align: middle;
>-      }
>-      span {
>-      display: inline-block;
>-      background: black;
>-      border: 0;
>-      margin: 0;
>-      }
>-    </style>
>-  </head>
>-  <body>
>-
>-    <table style="position: absolute; top: 0; left: 10px;">
>-      <tr>
>-        <td> 
>-          <span style="padding-left: .1em; padding-right: .1em;">
>-            <span style="visibility: hidden;">
>-              <math><mn>1</mn></math><br/><math><mn>1</mn></math>
>-            </span>
>-          </span>
>-        </td>
>-        <td> 
>-          <span style="padding-top: 1ex; padding-bottom: 1ex;">
>-            <span style="visibility: hidden;">
>-              
>-              <math>
>-                <mfrac>
>-                  <mtext>x</mtext>
>-                  <mtext>x</mtext>
>-                </mfrac>
>-              </math>
>-            </span>
>-          </span>
>-        </td>
>-      </tr> 
>-    </table>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-box.html b/LayoutTests/mathml/presentation/fractions-box.html
>deleted file mode 100644
>index 569a08c6cb25e57bff3f3e45daebe1539cd10654..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-box.html
>+++ /dev/null
>@@ -1,67 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions box</title>
>-    <meta charset="utf-8"/>
>-    <style>
>-      td {
>-      border: 1px solid black;
>-      text-align: center; width: 8em; height: 8em;
>-      vertical-align: middle;
>-      }
>-      span {
>-      display: inline-block;
>-      background: black;
>-      border: 0;
>-      margin: 0;
>-      }
>-    </style>
>-  </head>
>-  <body>
>-
>-    
>-    <table style="position: absolute; top: 0; left: 10px;">
>-      <tr>
>-        <td> 
>-          <math>
>-            <mfrac>
>-              <mtext>x</mtext>
>-              <mtext>x</mtext>
>-            </mfrac>
>-          </math>
>-        </td>
>-        <td> 
>-          <math><mn>1</mn></math><br/><math><mn>1</mn></math>
>-        </td>
>-      </tr> 
>-    </table>
>-    <table style="position: absolute; top: 0; left: 10px;">
>-      <tr>
>-        <td> 
>-          <span style="padding-left: .1em; padding-right: .1em;">
>-            <span style="visibility: hidden;">
>-              <math><mn>1</mn></math><br/><math><mn>1</mn></math>
>-            </span>
>-          </span>
>-        </td>
>-        <td> 
>-          <span style="padding-top: 1ex; padding-bottom: 1ex;">
>-            <span style="visibility: hidden;">
>-              
>-              <math>
>-                <mfrac>
>-                  <mtext>x</mtext>
>-                  <mtext>x</mtext>
>-                </mfrac>
>-              </math>
>-            </span>
>-          </span>
>-        </td>
>-      </tr> 
>-    </table>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-color-expected-mismatch.html b/LayoutTests/mathml/presentation/fractions-color-expected-mismatch.html
>deleted file mode 100644
>index 87edb3b99105b796d3a4cb782a566e4f249a73f9..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-color-expected-mismatch.html
>+++ /dev/null
>@@ -1,19 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions color</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <math style="color: black;">
>-      <mfrac style="color: blue;">
>-        <mi style="color: black;">A</mi>
>-        <mi style="color: black;">B</mi>
>-      </mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-color.html b/LayoutTests/mathml/presentation/fractions-color.html
>deleted file mode 100644
>index f6c12b34bdfa5d427dc799b52d5073f408bca95b..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-color.html
>+++ /dev/null
>@@ -1,19 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions color</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <math style="color: black;">
>-      <mfrac style="color: red;">
>-        <mi style="color: black;">A</mi>
>-        <mi style="color: black;">B</mi>
>-      </mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-invalid-expected.html b/LayoutTests/mathml/presentation/fractions-invalid-expected.html
>deleted file mode 100644
>index 7845b4d7dcf4d9dc60d2866332349488f5054734..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-invalid-expected.html
>+++ /dev/null
>@@ -1,21 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions invalid</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <math>
>-      <mfrac><mn>1</mn><mn>2</mn></mfrac>
>-    </math>
>-    <math>
>-      <mfrac>
>-        <mrow><mi>x</mi><mo>+</mo><mn>1</mn></mrow>
>-        <mrow><mi>x</mi><mo>+</mo><mn>2</mn></mrow>
>-      </mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-invalid.html b/LayoutTests/mathml/presentation/fractions-invalid.html
>deleted file mode 100644
>index 6354a48e49ad673f93a4cd26e16791bac6a3da6e..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-invalid.html
>+++ /dev/null
>@@ -1,21 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions invalid</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <math>
>-      <mfrac><mn>1</mn>bad<mn>2</mn></mfrac>
>-    </math>
>-    <math>
>-      <mfrac>
>-        <mrow><mi>x</mi><mo>+</mo>bad<mn>1</mn></mrow>
>-        <mrow><mi>x</mi><mo>+</mo><mn>2</mn></mrow>
>-      </mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-linethickness-expected.html b/LayoutTests/mathml/presentation/fractions-linethickness-expected.html
>deleted file mode 100644
>index 6e8dea9a4702e79651eb19d69fa4c620a1b85606..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-linethickness-expected.html
>+++ /dev/null
>@@ -1,41 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions linethickness</title>
>-    <meta charset="utf-8"/>
>-    <style type="text/css">
>-      @font-face {
>-        font-family: TestFont;
>-        src: url("../../imported/w3c/web-platform-tests/fonts/math/fraction-rulethickness10000.woff");
>-      }
>-      math {
>-        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>-        font-family: "TestFont";
>-        font-size: 1px;
>-      }
>-      mn {
>-        font-size: 20px;
>-      }
>-    </style>
>-  </head>
>-  <body>
>-
>-    
>-
>-    <math>
>-      <mfrac linethickness="5px"><mn>1</mn><mn>2</mn></mfrac>
>-      <mfrac linethickness="10px"><mn>1</mn><mn>2</mn></mfrac>
>-      <mfrac linethickness="20px"><mn>1</mn><mn>2</mn></mfrac>
>-      <mfrac linethickness="50px"><mn>1</mn><mn>2</mn></mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-linethickness.html b/LayoutTests/mathml/presentation/fractions-linethickness.html
>deleted file mode 100644
>index 17f6737083ef8d4d8487ba558f46f0231536746e..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-linethickness.html
>+++ /dev/null
>@@ -1,32 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions linethickness</title>
>-    <meta charset="utf-8"/>
>-    <style type="text/css">
>-      @font-face {
>-        font-family: TestFont;
>-        src: url("../../imported/w3c/web-platform-tests/fonts/math/fraction-rulethickness10000.woff");
>-      }
>-      math {
>-        /* FractionRuleThickness = 10000 * 1 / 1000 = 10px; */
>-        font-family: "TestFont";
>-        font-size: 1px;
>-      }
>-      mn {
>-        font-size: 20px;
>-      }
>-    </style>
>-  </head>
>-  <body>
>-
>-    
>-    <math>
>-      <mfrac linethickness="thin"><mn>1</mn><mn>2</mn></mfrac>
>-      <mfrac linethickness="medium"><mn>1</mn><mn>2</mn></mfrac>
>-      <mfrac linethickness="thick"><mn>1</mn><mn>2</mn></mfrac>
>-      <mfrac linethickness="5"><mn>1</mn><mn>2</mn></mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-mrow-expected.html b/LayoutTests/mathml/presentation/fractions-mrow-expected.html
>deleted file mode 100644
>index b29adf3e75d0002e33af819e7ce994ce6dfee278..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-mrow-expected.html
>+++ /dev/null
>@@ -1,18 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions color</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    <math>
>-      <mfrac>
>-        <mtext><span style="display: inline-block; width: 3em; height: 1em; background: red;"></span></mtext>
>-        <mtext><span style="display: inline-block; width: 5em; height: 1em; background: green;"></span></mtext>
>-</mrow>
>-</mfrac>
>-</math>
>-
>-</body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-mrow.html b/LayoutTests/mathml/presentation/fractions-mrow.html
>deleted file mode 100644
>index ecd2804beeabaf27c715fc0927792437486a32e7..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-mrow.html
>+++ /dev/null
>@@ -1,28 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions color</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <math>
>-      <mfrac>
>-        <mrow>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: red;"></span></mtext>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: red;"></span></mtext>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: red;"></span></mtext>
>-        </mrow>
>-        <mrow>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: green;"></span></mtext>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: green;"></span></mtext>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: green;"></span></mtext>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: green;"></span></mtext>
>-          <mtext><span style="display: inline-block; width: 1em; height: 1em; background: green;"></span></mtext>
>-        </mrow>
>-      </mfrac>
>-    </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-numalign-denomalign-expected.html b/LayoutTests/mathml/presentation/fractions-numalign-denomalign-expected.html
>deleted file mode 100644
>index 65de56922099d8db24d1f983c62cf1ab2fb5b295..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-numalign-denomalign-expected.html
>+++ /dev/null
>@@ -1,59 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions numalign, denomalign</title>
>-    <meta charset="utf-8"/>
>-    <style>
>-      span {
>-      display: inline-block;
>-      background: transparent;
>-      border: 0;
>-      margin: 0;
>-      height: 1em;
>-      }
>-    </style>
>-  </head>
>-  <body>
>-
>-    
>-    <math>
>-      <mfrac>
>-        <mtext><span style="width: 1em; background: red;"></span><span style="width: 2em;"></span></mtext>
>-        <mtext><span style="width: 3em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac>
>-        <mtext><span style="width: 1em;"></span><span style="width: 1em; background: red;"></span><span style="width: 1em;"></span></mtext>
>-        <mtext><span style="width: 3em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac>
>-        <mtext><span style="width: 2em;"></span><span style="width: 1em; background: red;"></span></mtext>
>-        <mtext><span style="width: 3em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-
>-    <math>
>-      <mfrac>
>-        <mtext><span style="width: 3em; background: red;"></span></mtext>
>-        <mtext><span style="width: 1em; background: blue;"></span><span style="width: 2em;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac>
>-        <mtext><span style="width: 3em; background: red;"></span></mtext>
>-        <mtext><span style="width: 1em;"></span><span style="width: 1em; background: blue;"></span><span style="width: 1em;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac>
>-        <mtext><span style="width: 3em; background: red;"></span></mtext>
>-        <mtext><span style="width: 2em;"></span><span style="width: 1em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-numalign-denomalign.html b/LayoutTests/mathml/presentation/fractions-numalign-denomalign.html
>deleted file mode 100644
>index eae1612137879ad607995493f8288e3e7dba4fd0..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-numalign-denomalign.html
>+++ /dev/null
>@@ -1,59 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions numalign, denomalign</title>
>-    <meta charset="utf-8"/>
>-    <style>
>-      span {
>-      display: inline-block;
>-      background: transparent;
>-      border: 0;
>-      margin: 0;
>-      height: 1em;
>-      }
>-    </style>
>-  </head>
>-  <body>
>-
>-    
>-    <math>
>-      <mfrac numalign="left">
>-        <mtext><span style="width: 1em; background: red;"></span></mtext>
>-        <mtext><span style="width: 3em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac numalign="center">
>-        <mtext><span style="width: 1em; background: red;"></span></mtext>
>-        <mtext><span style="width: 3em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac numalign="right">
>-        <mtext><span style="width: 1em; background: red;"></span></mtext>
>-        <mtext><span style="width: 3em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-
>-    <math>
>-      <mfrac denomalign="left">
>-        <mtext><span style="width: 3em; background: red;"></span></mtext>
>-        <mtext><span style="width: 1em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac denomalign="center">
>-        <mtext><span style="width: 3em; background: red;"></span></mtext>
>-        <mtext><span style="width: 1em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-    <math>
>-      <mfrac denomalign="right">
>-        <mtext><span style="width: 3em; background: red;"></span></mtext>
>-        <mtext><span style="width: 1em; background: blue;"></span></mtext>
>-      </mfrac>
>-    </math>
>-
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-vertical-alignment-expected.html b/LayoutTests/mathml/presentation/fractions-vertical-alignment-expected.html
>deleted file mode 100644
>index 9e056671739180aa44de493d762717e302e5eb18..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-vertical-alignment-expected.html
>+++ /dev/null
>@@ -1,83 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions vertical aligment</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <div style="position: absolute; top: 10px; left: 10px;">
>-      <math style="color: blue;">
>-        <mrow>
>-          <mspace height="10em" depth="10em"/>
>-          <mfrac style="color: green;">
>-            <mi style="color: blue;">B</mi>
>-            <mi style="color: blue;">C</mi>
>-          </mfrac>
>-          <mo>+</mo>
>-          <mfrac style="color: green;">
>-            <mrow style="color: blue;">
>-              <mi>B</mi>
>-              <mo>+</mo>
>-              <mfrac>
>-                <mi>D</mi>
>-                <mi>E</mi>
>-              </mfrac>
>-            </mrow>
>-            <mi style="color: blue;">C</mi>
>-          </mfrac>
>-          <mo>+</mo>
>-          <mfrac style="color: green;">
>-            <mrow style="color: blue;">
>-              <mi>B</mi>
>-              <mo>+</mo>
>-              <mfrac>
>-                <mrow>
>-                  <mi>D</mi>
>-                  <mo>+</mo>
>-                  <mfrac>
>-                    <mi>F</mi>
>-                    <mi>G</mi>
>-                  </mfrac>
>-                </mrow>
>-                <mi>E</mi>
>-              </mfrac>
>-            </mrow>
>-            <mi style="color: blue;">C</mi>
>-          </mfrac>
>-          <mo>+</mo>
>-          <mfrac style="color: green;">
>-            <mi style="color: blue;">B</mi>
>-            <mrow style="color: blue;">
>-              <mi>C</mi>
>-              <mo>+</mo>
>-              <mfrac>
>-                <mi>D</mi>
>-                <mrow>
>-                  <mi>E</mi>
>-                  <mo>+</mo>
>-                  <mfrac>
>-                    <mi>F</mi>
>-                    <mi>G</mi>
>-                  </mfrac>
>-                </mrow>
>-              </mfrac>
>-            </mrow>
>-          </mfrac>
>-        </mrow> 
>-      </math>
>-    </div>
>-
>-    <div style="position: absolute; top: 10px; left: -1em;">
>-      <math>
>-        <mrow>
>-          <mspace height="10em" depth="10em"/>
>-          <mspace width="26em" height="1ex" depth="0" mathbackground="red"/>
>-        </mrow>
>-      </math>
>-    </div>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/fractions-vertical-alignment.html b/LayoutTests/mathml/presentation/fractions-vertical-alignment.html
>deleted file mode 100644
>index 670e0f231c038df3080803f3117666a138a22888..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/fractions-vertical-alignment.html
>+++ /dev/null
>@@ -1,83 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>fractions vertical aligment</title>
>-    <meta charset="utf-8"/>
>-  </head>
>-  <body>
>-
>-    
>-    <div style="position: absolute; top: 10px; left: 10px;">
>-      <math style="color: blue;">
>-        <mrow>
>-          <mspace height="10em" depth="10em"/>
>-          <mfrac>
>-            <mi>B</mi>
>-            <mi>C</mi>
>-          </mfrac>
>-          <mo>+</mo>
>-          <mfrac>
>-            <mrow>
>-              <mi>B</mi>
>-              <mo>+</mo>
>-              <mfrac>
>-                <mi>D</mi>
>-                <mi>E</mi>
>-              </mfrac>
>-            </mrow>
>-            <mi>C</mi>
>-          </mfrac>
>-          <mo>+</mo>
>-          <mfrac>
>-            <mrow>
>-              <mi>B</mi>
>-              <mo>+</mo>
>-              <mfrac>
>-                <mrow>
>-                  <mi>D</mi>
>-                  <mo>+</mo>
>-                  <mfrac>
>-                    <mi>F</mi>
>-                    <mi>G</mi>
>-                  </mfrac>
>-                </mrow>
>-                <mi>E</mi>
>-              </mfrac>
>-            </mrow>
>-            <mi>C</mi>
>-          </mfrac>
>-          <mo>+</mo>
>-          <mfrac>
>-            <mi>B</mi>
>-            <mrow>
>-              <mi>C</mi>
>-              <mo>+</mo>
>-              <mfrac>
>-                <mi>D</mi>
>-                <mrow>
>-                  <mi>E</mi>
>-                  <mo>+</mo>
>-                  <mfrac>
>-                    <mi>F</mi>
>-                    <mi>G</mi>
>-                  </mfrac>
>-                </mrow>
>-              </mfrac>
>-            </mrow>
>-          </mfrac>
>-        </mrow> 
>-      </math>
>-    </div>
>-
>-    <div style="position: absolute; top: 10px; left: -1em;">
>-      <math>
>-        <mrow>
>-          <mspace height="10em" depth="10em"/>
>-          <mspace width="26em" height="1ex" depth="0" mathbackground="red"/>
>-        </mrow>
>-      </math>
>-    </div>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-linethickness1-expected-mismatch.html b/LayoutTests/mathml/presentation/mfrac-linethickness1-expected-mismatch.html
>deleted file mode 100644
>index 5f3c944df66dd33fd666f998aa267e14591c8cf5..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-linethickness1-expected-mismatch.html
>+++ /dev/null
>@@ -1,11 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>mfrac linethickness</title>
>-  </head>
>-  <body>
>-
>-  <div style="position: absolute; top: 0; left: 0; width: 500px; height: 150px; background: blue;"></div>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-linethickness1.html b/LayoutTests/mathml/presentation/mfrac-linethickness1.html
>deleted file mode 100644
>index ac591db1b219a9646936145f9b28e5a2000ddd47..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-linethickness1.html
>+++ /dev/null
>@@ -1,21 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>mfrac linethickness</title>
>-  </head>
>-  <body>
>-
>-  
>-  <div style="position: absolute; top: 0; left: 0;">
>-    <math>
>-      <mfrac linethickness="200px">
>-        <mi>x</mi>
>-        <mi>y</mi>
>-      </mfrac>
>-    </math>
>-  </div>
>-
>-  <div style="position: absolute; top: 0; left: 0; width: 500px; height: 150px; background: blue;"></div>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-linethickness2-expected.html b/LayoutTests/mathml/presentation/mfrac-linethickness2-expected.html
>deleted file mode 100644
>index e8f22d6eda89f88c385355145d9ae688b9a608f8..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-linethickness2-expected.html
>+++ /dev/null
>@@ -1,30 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>mfrac linethickness</title>
>-  </head>
>-  <body>
>-
>-  <math>
>-    <mfrac linethickness="0px">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  <math>
>-    <mfrac linethickness="5">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  <math>
>-    <mfrac linethickness="0.388888889em">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-linethickness2.html b/LayoutTests/mathml/presentation/mfrac-linethickness2.html
>deleted file mode 100644
>index 4458eb65e08353b6e35ad4af72cc8313cf6f3731..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-linethickness2.html
>+++ /dev/null
>@@ -1,33 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>mfrac linethickness</title>
>-  </head>
>-  <body>
>-
>-  
>-  <math>
>-    <mfrac linethickness="-1.23em">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  
>-  <math>
>-    <mfrac linethickness="500%">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  
>-  <math>
>-    <mfrac linethickness="veryverythickmathspace">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-linethickness3-expected-mismatch.html b/LayoutTests/mathml/presentation/mfrac-linethickness3-expected-mismatch.html
>deleted file mode 100644
>index a962da1bad244719f4ebd9d8d69c323983957e04..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-linethickness3-expected-mismatch.html
>+++ /dev/null
>@@ -1,16 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>mfrac linethickness</title>
>-  </head>
>-  <body>
>-
>-  <math>
>-    <mfrac>
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-linethickness3.html b/LayoutTests/mathml/presentation/mfrac-linethickness3.html
>deleted file mode 100644
>index 4bf7fe0c691fb45b5d50fafa48ed99c20eee24c8..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-linethickness3.html
>+++ /dev/null
>@@ -1,17 +0,0 @@
>-<!doctype html>
>-<html>
>-  <head>
>-    <title>mfrac linethickness</title>
>-  </head>
>-  <body>
>-
>-  
>-  <math>
>-    <mfrac linethickness="0">
>-      <mi>x</mi>
>-      <mi>y</mi>
>-    </mfrac>
>-  </math>
>-
>-  </body>
>-</html>
>diff --git a/LayoutTests/mathml/presentation/mfrac-nested-expected.txt b/LayoutTests/mathml/presentation/mfrac-nested-expected.txt
>deleted file mode 100644
>index 9567c3d25dc7887b991afdd9c09352bf8f279b6d..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-nested-expected.txt
>+++ /dev/null
>@@ -1,12 +0,0 @@
>-This test passes if it does not time out.
>-
>-a
>-b
>-c
>-d
>-e
>-f
>-g
>-h
>-i
>-j
>diff --git a/LayoutTests/mathml/presentation/mfrac-nested.html b/LayoutTests/mathml/presentation/mfrac-nested.html
>deleted file mode 100644
>index be3907b71d68f68da5dfe476d554cbf3b9ee60d7..0000000000000000000000000000000000000000
>--- a/LayoutTests/mathml/presentation/mfrac-nested.html
>+++ /dev/null
>@@ -1,44 +0,0 @@
>-<!DOCTYPE html>
>-<html>
>-<head>
>-<script>
>-if (window.testRunner)
>-    testRunner.dumpAsText();
>-</script>
>-</head>
>-<body>
>-<p>This test passes if it does not time out.</p>
>-<math display="block">
>-<mrow>
>-<mfrac>
>-    <mi>a</mi>
>-    <mfrac>
>-        <mi>b</mi>
>-        <mfrac>
>-            <mi>c</mi>
>-            <mfrac>
>-                <mi>d</mi>
>-                <mfrac>
>-                    <mi>e</mi>
>-                    <mfrac>
>-                        <mi>f</mi>
>-                        <mfrac>
>-                            <mi>g</mi>
>-                            <mfrac>
>-                                <mi>h</mi>
>-                                <mfrac>
>-                                    <mi>i</mi>
>-                                    <mo>j</mo>
>-                                </mfrac>
>-                            </mfrac>
>-                        </mfrac>
>-                    </mfrac>
>-                </mfrac>
>-            </mfrac>
>-        </mfrac>
>-    </mfrac>
>-</mfrac>
>-</mrow>
>-</math>
>-</body>
>-</html>

Actions: View | Formatted Diff | Diff

Attachments on bug 194436: 362733 | 362743 | 362744 | 362980