Skip to content

GitLab

T
tangled
Commit 6ec77e0a authored by Frédéric Wang's avatar Frédéric Wang Committed by Commit Bot
Browse files
Options

[mathml] Add a web platform test for MathML in multi-column list 

This CL adds a web platform test to check that MathML content inside a
multi-column list is still correctly laid out. It is copied from the
similar relations/html5-tree/integration-point-4.html test for MathML
inside SVG foreignObject. These two tests are failing because legacy
layout is currently forced in the subtree containing MathML. They should
pass when this issue is fixed and would crash if the legacy check
mentioned on issue 1125133 is removed before this actually happens.

Bug: 6606, 1125133, 829028
Change-Id: I4b060c445e551f32f1884e1676e6b48f8f5e09a5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2397718Reviewed-by: default avatarRob Buis <rbuis@igalia.com>
Commit-Queue: Frédéric Wang <fwang@igalia.com>
Cr-Commit-Position: refs/heads/master@{#804883}
parent 8f227142
Hide whitespace changes
Inline Side-by-side
Showing with 57 additions and 0 deletions
third_party/blink/web_tests/TestExpectations
View file @ 6ec77e0a
...@@ -1268,6 +1268,7 @@ crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-sans-serif. ...@@ -1268,6 +1268,7 @@ crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-sans-serif.
crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-script.html [ Failure ] crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-script.html [ Failure ]
crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-stretched.html [ Failure ] crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-stretched.html [ Failure ]
crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-tailed.html [ Failure ] crbug.com/6606 external/wpt/mathml/relations/css-styling/mathvariant-tailed.html [ Failure ]
crbug.com/6606 external/wpt/mathml/relations/css-styling/multi-column-layout.html [ Failure ]
crbug.com/6606 external/wpt/mathml/relations/css-styling/width-height-001.html [ Failure ] crbug.com/6606 external/wpt/mathml/relations/css-styling/width-height-001.html [ Failure ]
crbug.com/6606 external/wpt/mathml/relations/html5-tree/href-click-1.html [ Failure ] crbug.com/6606 external/wpt/mathml/relations/html5-tree/href-click-1.html [ Failure ]
crbug.com/6606 external/wpt/mathml/relations/html5-tree/href-click-2.html [ Failure ] crbug.com/6606 external/wpt/mathml/relations/html5-tree/href-click-2.html [ Failure ]
......
third_party/blink/web_tests/external/wpt/mathml/relations/css-styling/multi-column-layout.html 0 → 100644
View file @ 6ec77e0a
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>MathML inside multi-column</title>
<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#html-and-svg">
<meta name="assert" content="Verify that putting MathML inside a multi-column list shouldn't affect its layout.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/mathml/support/feature-detection.js"></script>
<script>
setup({ explicit_done: true });
window.addEventListener("DOMContentLoaded", function() {
var epsilon = 1;
var mfrac = document.getElementById("mfrac");
var num = mfrac.firstElementChild.getBoundingClientRect();
var denom = mfrac.lastElementChild.getBoundingClientRect();
test(function() {
assert_true(MathMLFeatureDetection.has_mspace());
assert_approx_equals(num.width, 30, epsilon, "numerator width");
assert_approx_equals(num.height, 40, epsilon, "numerator height");
assert_approx_equals(denom.width, 50, epsilon, "numerator width");
assert_approx_equals(denom.height, 60, epsilon, "numerator height");
}, "mspace layout in multicol");
test(function() {
assert_true(MathMLFeatureDetection.has_mfrac());
assert_greater_than_equal(denom.bottom - num.top,
(40 + 60),
"numerator is above the denominator");
assert_approx_equals((num.left + num.right) / 2,
(denom.left + denom.right) / 2,
epsilon, "numerator and denominator are horizontally aligned");
}, "mfrac layout in multicol");
done();
});
</script>
</head>
<body>
<div id="log"></div>
<div style="column-width: 10em; list-style-type: decimal;">
<ol>
<li>blah</li>
<li>
<math>
<mfrac id="mfrac">
<mspace width="30px" height="40px" style="background: cyan"></mspace>
<mspace width="50px" height="60px" style="background: yellow"></mspace>
</mfrac>
</li>
<li>blah</li>
<li>blah</li>
<li>blah</li>
</ol>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment