[mathml] Make math display values on non-MathML elements compute to flow

This CL aligns with a recent resolution from the CSSWG: w3c/csswg-drafts#5385 (comment) This also ensures that LayoutObjectFactory::CreateMath always receives a MathML element. The new test fails when MathML Core (in particular LayoutNG) is disabled because math display values are not supported. Subtests fail when MathML Core is enabled because multiple display values are not supported. Bug: 1127222, 6606 Change-Id: Ica5558f221960d0f80609dfe0e56c029de7e9c3a Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2404789 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Frédéric Wang <fwang@igalia.com> Cr-Commit-Position: refs/heads/master@{#806578}
web-platform-tests · Sep 14, 2020 · 4c0af38 · 4c0af38
1 parent d807cdc
commit 4c0af38
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/css/css-display/display-math-on-non-mathml-elements.html b/css/css-display/display-math-on-non-mathml-elements.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>display: math and inline-math on non-MathML compute to flow</title>
+<link rel="help" href="https://drafts.csswg.org/css-display/#the-display-properties">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<div id="container">
+
+  <div data-expected="block" style="display: math;"></div>
+  <div data-expected="inline" style="display: inline-math;"></div>
+  <div data-expected="inline" style="display: inline math;"></div>
+  <div data-expected="block" style="display: block math;"></div>
+
+  <svg data-expected="block" style="display: math;"></svg>
+  <svg data-expected="inline" style="display: inline-math;"></svg>
+  <svg data-expected="inline" style="display: inline math;"></svg>
+  <svg data-expected="block" style="display: block math;"></svg>
+
+</div>
+
+<script>
+  Array.from(container.children).forEach(element => {
+      test(function() {
+          assert_equals(window.getComputedStyle(element).display,
+                        element.getAttribute('data-expected'));
+      }, `computed display on <${element.tagName} style="${element.getAttribute('style')}">`);
+  });
+</script>