Bug 1636693 [wpt PR 23495] - Update menclose help and explains better how tests work in MathML core, a=testonly
☠☠ backed out by 267cd03f6f5c ☠ ☠
authorFrédéric Wang <fwang@igalia.com>
Wed, 13 May 2020 09:49:36 +0000
changeset 530112 dcaef651485bd2804da8df6a4ce5ddb7ba581f13
parent 530111 6ed863230896b38618f9f8a3bf2f2bd279bd0168
child 530113 1f72f3314c564c00181785b2291eb20e184ac2b0
push id37419
push userarchaeopteryx@coole-files.de
push dateFri, 15 May 2020 09:33:04 +0000
treeherdermozilla-central@5a0a960a8d55 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1636693, 23495
milestone78.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1636693 [wpt PR 23495] - Update menclose help and explains better how tests work in MathML core, a=testonly Automatic update from web-platform-tests Update menclose help and explain better how tests work in MathML core (#23495) No consensus have been reached on the future on menclose so far but this element has been the source of confusion so the current draft text has been removed from MathML Core and put in a separate pull request: https://github.com/mathml-refresh/mathml-core/pull/24 This PR updates the WPT tests accordingly: * Actual tests for menclose are renamed "tentative" and refer to the pull request above, so that it becomes clear they are not definitive yet and browsers are free to ignore them. * Tests for mrow-like are now referring to MathML3 https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose They are still valid because unknown elements are treated as mrow-like in MathML Core. * Tests for removed legacy features are obviously still valid too. Again, the documentation is updated to refer to MathML3 https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose -- wpt-commits: 46b884903ba0153b2cd9d932504f6b88f57614cf wpt-pr: 23495
testing/web-platform/tests/mathml/presentation-markup/menclose/legacy-menclose-radical-notation.html
testing/web-platform/tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html
testing/web-platform/tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html
testing/web-platform/tests/mathml/presentation-markup/mrow/legacy-mstyle-attributes.html
testing/web-platform/tests/mathml/presentation-markup/mrow/spacing.html
testing/web-platform/tests/mathml/relations/css-styling/color-004-ref.html
testing/web-platform/tests/mathml/relations/css-styling/color-004.html
testing/web-platform/tests/mathml/relations/css-styling/color-004.tentative-ref.html
testing/web-platform/tests/mathml/relations/css-styling/color-004.tentative.html
testing/web-platform/tests/mathml/relations/css-styling/visibility-004-ref.html
testing/web-platform/tests/mathml/relations/css-styling/visibility-004.html
testing/web-platform/tests/mathml/relations/css-styling/visibility-004.tentative-ref.html
testing/web-platform/tests/mathml/relations/css-styling/visibility-004.tentative.html
--- a/testing/web-platform/tests/mathml/presentation-markup/menclose/legacy-menclose-radical-notation.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/menclose/legacy-menclose-radical-notation.html
@@ -1,15 +1,15 @@
 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8"/>
     <title>Legacy menclose radical notation</title>
     <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose">
-    <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+    <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose">
     <meta name="assert" content="Verify that the legacy menclose radical notation is ignored.">
     <link rel="match" href="legacy-menclose-radical-notation-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
     <style>
       math, math * {
           font: 25px Ahem;
       }
     </style>
--- a/testing/web-platform/tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/mrow/inferred-mrow-baseline.html
@@ -4,17 +4,17 @@
 <meta charset="utf-8">
 <title>Baseline of inferred mrows</title>
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#error-message-merror">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#making-sub-expressions-invisible-mphantom">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+<link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#adjust-space-around-content-mpadded">
 <meta name="assert" content="Baseline for mrow-like elements is correct.">
 <script src="/mathml/support/feature-detection.js"></script>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script type="text/javascript">
   setup({ explicit_done: true });
   window.addEventListener("load", runTests);
@@ -36,16 +36,17 @@
   <div id="log"></div>
   <p>
     <math><mrow><mspace id="aboveMrow" width="10px" height="30px" style="background: purple"></mspace><mspace id="belowMrow" width="10px" depth="30px" style="background: blue"></mspace></mrow></math>
     <math><msqrt><mspace id="aboveSqrt" width="10px" height="30px" style="background: purple"></mspace><mspace id="belowSqrt" width="10px" depth="30px" style="background: blue"></mspace></msqrt></math>
     <math><mstyle><mspace id="aboveStyle" width="10px" height="30px" style="background: purple"></mspace><mspace id="belowStyle" width="10px" depth="30px" style="background: blue"></mspace></mstyle></math>
     <math><merror><mspace id="aboveError" width="10px" height="30px" style="background: purple"></mspace><mspace id="belowError" width="10px" depth="30px" style="background: blue"></mspace></merror></math>
     <math><mphantom><mspace style="visibility: visible;" id="abovePhantom" width="10px" height="30px" style="background: purple"></mspace><mspace style="visibility: visible;" id="belowPhantom" width="10px" depth="30px" style="background: blue"></mspace></mphantom></math>
     <math><mspace id="aboveMath" width="10px" height="30px" style="background: purple"></mspace><mspace id="belowMath" width="10px" depth="30px" style="background: blue"></mspace></math>
+    <!-- menclose is treated as <unknown> in MathML Core -->
     <math><menclose notation="box"><mspace id="aboveMenclose" width="10px" height="30px" style="background: purple"
 ></mspace><mspace id="belowMenclose" width="10px" depth="30px" style="background: blue"></mspace></menclose></math>
     <math><mpadded lspace="10px"><mspace id="aboveMpadded" width="10px" height="30px" style="background: purple"
 ></mspace><mspace id="belowMpadded" width="10px" depth="30px" style="background: blue"></mspace></mpadded></math>
     <math><unknown><mspace id="aboveUnknown" width="10px" height="30px" style="background: purple"
 ></mspace><mspace id="belowUnknown" width="10px" depth="30px" style="background: blue"></mspace></unknown></math>
   </p>
 </body>
--- a/testing/web-platform/tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/mrow/inferred-mrow-stretchy.html
@@ -4,17 +4,17 @@
 <meta charset="utf-8">
 <title>Stretchy in inferred mrows</title>
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#error-message-merror">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#making-sub-expressions-invisible-mphantom">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+<link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#adjust-space-around-content-mpadded">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
 <meta name="assert" content="Operators can stretch inside mrow-like elements.">
 <script src="/mathml/support/feature-detection.js"></script>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <style>
   mo {
@@ -46,14 +46,15 @@
   <div id="log"></div>
   <p>
     <math><mrow><mo id="moMrow">&#x21A8;</mo><mspace width="1px" height="100px" style="background: blue"></mspace></mrow></math>
     <math><msqrt><mo id="moSqrt">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></msqrt></math>
     <math><mstyle><mo id="moStyle">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></mstyle></math>
     <math><merror><mo id="moError">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></merror></math>
     <math><mphantom><mo style="visibilty: visible;" id="moPhantom">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></mphantom></math>
     <math><mo id="moMath">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></math>
+    <!-- menclose is treated as <unknown> in MathML Core -->
     <math><menclose notation="box"><mo id="moMenclose">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></menclose></math>
     <math><mpadded lspace="10px"><mo id="moMpadded">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></mpadded></math>
     <math><unknown><mo id="moUnknown">&#x21A8;</mo><mspace width="1px" height="100px" style="background: magenta"></mspace></unknown></math>
   </p>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/presentation-markup/mrow/legacy-mstyle-attributes.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/mrow/legacy-mstyle-attributes.html
@@ -4,17 +4,17 @@
 <meta charset="utf-8">
 <title>Legacy mstyle attributes</title>
 <link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.mstyle">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#space-mspace">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#fractions-mfrac">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#string-literal-ms">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+<link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose">
 <meta name="assert" content="Legacy mstyle attributes are ignored">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/mathml/support/feature-detection.js"></script>
 <script src="/mathml/support/layout-comparison.js"></script>
 <script type="text/javascript">
   setup({ explicit_done: true });
   window.addEventListener("load", runTests);
@@ -130,16 +130,17 @@
       <mstyle>
         <mrow>
           <mo>|</mo>
           <mn>4</mn>
         </mrow>
       </mstyle>
     </math>
   </p>
+  <!-- notation attribute is from MathML3's menclose element -->
   <p class="TestContainer" id="menclose">
     <math>
       <mstyle notation="box">
         <mn>1</mn>
       </mstyle>
     </math>
     <math>
       <mstyle>
--- a/testing/web-platform/tests/mathml/presentation-markup/mrow/spacing.html
+++ b/testing/web-platform/tests/mathml/presentation-markup/mrow/spacing.html
@@ -4,17 +4,17 @@
 <meta charset="utf-8">
 <title>Spacing in mrows</title>
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#horizontally-group-sub-expressions-mrow">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#radicals-msqrt-mroot">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#style-change-mstyle">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#error-message-merror">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#making-sub-expressions-invisible-mphantom">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#the-top-level-math-element">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
+<link rel="help" href="https://www.w3.org/TR/MathML3/chapter3.html#presm.menclose">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#adjust-space-around-content-mpadded">
 <link rel="help" href="https://mathml-refresh.github.io/mathml-core/#operator-fence-separator-or-accent-mo">
 <meta name="assert" content="Spacing is added around operators inside mrow-like elements.">
 <script src="/mathml/support/feature-detection.js"></script>
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script type="text/javascript">
   setup({ explicit_done: true });
@@ -38,14 +38,15 @@
   <div id="log"></div>
   <p>
     <math><mrow id="Mrow"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></mrow></math>
     <math><msqrt id="Sqrt"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></msqrt></math>
     <math><mstyle id="Style"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></mstyle></math>
     <math><merror id="Error"><mn>1</mn><mo lspace="50px"></mo><mn>2</mn></merror></math>
     <math><mphantom id="Phantom"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></mphantom></math>
     <math id="Math"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></math>
+    <!-- menclose is treated as <unknown> in MathML Core -->
     <math><menclose id="Menclose" notation="box"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></menclose></math>
     <math><mpadded id="Mpadded" lspace="10px"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></mpadded></math>
     <math><unknown id="Unknown"><mn>1</mn><mo lspace="50px">|</mo><mn>2</mn></unknown></math>
   </p>
 </body>
 </html>
deleted file mode 100644
--- a/testing/web-platform/tests/mathml/relations/css-styling/color-004.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html class="reftest-wait">
-<head>
-<meta charset="utf-8">
-<title>color</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-mtext">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
-<link rel="match" href="color-004-ref.html"/>
-<meta name="assert" content="Verify that the color is used for text and graphical elements of the menclose element.">
-</head>
-<body>
-  <p>Test passes if you see a green square.</p>
-  <div style="background: green; color: red; width: 200px; height: 200px; padding: 1px;">
-    <math><menclose notation="left" style="color: green"><mn>1</mn></menclose></math>
-    <math><menclose notation="right" style="color: green"><mn>2</mn></menclose></math>
-    <math><menclose notation="top" style="color: green"><mn>3</mn></menclose></math>
-    <math><menclose notation="bottom" style="color: green"><mn>4</mn></menclose></math>
-    <math><menclose notation="box" style="color: green"><mn>5</mn></menclose></math>
-    <math><menclose notation="roundedbox" style="color: green"><mn>6</mn></menclose></math>
-    <math><menclose notation="actuarial" style="color: green"><mn>7</mn></menclose></math>
-    <math><menclose notation="madruwb" style="color: green"><mn>8</mn></menclose></math>
-    <math><menclose notation="horizontalstrike" style="color: green"><mn>9</mn></menclose></math>
-    <math><menclose notation="verticalstrike" style="color: green"><mn>10</mn></menclose></math>
-    <math><menclose notation="updiagonalstrike" style="color: green"><mn>11</mn></menclose></math>
-    <math><menclose notation="downdiagonalstrike" style="color: green"><mn>12</mn></menclose></math>
-    <math><menclose notation="longdiv" style="color: green"><mn>13</mn></menclose></math>
-    <math><menclose notation="circle" style="color: green"><mn>14</mn></menclose></math>
-    <div id="dynamic">
-      <math><menclose notation="left"><mn>1</mn></menclose></math>
-      <math><menclose notation="right"><mn>2</mn></menclose></math>
-      <math><menclose notation="top"><mn>3</mn></menclose></math>
-      <math><menclose notation="bottom"><mn>4</mn></menclose></math>
-      <math><menclose notation="box"><mn>5</mn></menclose></math>
-      <math><menclose notation="roundedbox"><mn>6</mn></menclose></math>
-      <math><menclose notation="actuarial"><mn>7</mn></menclose></math>
-      <math><menclose notation="madruwb"><mn>8</mn></menclose></math>
-      <math><menclose notation="horizontalstrike"><mn>9</mn></menclose></math>
-      <math><menclose notation="verticalstrike"><mn>10</mn></menclose></math>
-      <math><menclose notation="updiagonalstrike"><mn>11</mn></menclose></math>
-      <math><menclose notation="downdiagonalstrike"><mn>12</mn></menclose></math>
-      <math><menclose notation="longdiv"><mn>13</mn></menclose></math>
-      <math><menclose notation="circle"><mn>14</mn></menclose></math>
-    </div>
-  </div>
-  <script>
-    window.addEventListener("load", () => {
-        document.getElementById("dynamic").style.color = "green";
-        document.documentElement.classList.remove("reftest-wait");
-    });
-  </script>
-  <script src="/mathml/support/feature-detection.js"></script>
-  <script>MathMLFeatureDetection.ensure_for_match_reftest("has_menclose");</script>
-</body>
-</html>
rename from testing/web-platform/tests/mathml/relations/css-styling/color-004-ref.html
rename to testing/web-platform/tests/mathml/relations/css-styling/color-004.tentative-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/mathml/relations/css-styling/color-004.tentative.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+<title>color</title>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-mtext">
+<link rel="help" href="https://github.com/mathml-refresh/mathml-core/pull/24">
+<link rel="match" href="color-004.tentative-ref.html"/>
+<meta name="assert" content="Verify that the color is used for text and graphical elements of the menclose element.">
+</head>
+<body>
+  <p>Test passes if you see a green square.</p>
+  <div style="background: green; color: red; width: 200px; height: 200px; padding: 1px;">
+    <math><menclose notation="left" style="color: green"><mn>1</mn></menclose></math>
+    <math><menclose notation="right" style="color: green"><mn>2</mn></menclose></math>
+    <math><menclose notation="top" style="color: green"><mn>3</mn></menclose></math>
+    <math><menclose notation="bottom" style="color: green"><mn>4</mn></menclose></math>
+    <math><menclose notation="box" style="color: green"><mn>5</mn></menclose></math>
+    <math><menclose notation="roundedbox" style="color: green"><mn>6</mn></menclose></math>
+    <math><menclose notation="actuarial" style="color: green"><mn>7</mn></menclose></math>
+    <math><menclose notation="madruwb" style="color: green"><mn>8</mn></menclose></math>
+    <math><menclose notation="horizontalstrike" style="color: green"><mn>9</mn></menclose></math>
+    <math><menclose notation="verticalstrike" style="color: green"><mn>10</mn></menclose></math>
+    <math><menclose notation="updiagonalstrike" style="color: green"><mn>11</mn></menclose></math>
+    <math><menclose notation="downdiagonalstrike" style="color: green"><mn>12</mn></menclose></math>
+    <math><menclose notation="longdiv" style="color: green"><mn>13</mn></menclose></math>
+    <math><menclose notation="circle" style="color: green"><mn>14</mn></menclose></math>
+    <div id="dynamic">
+      <math><menclose notation="left"><mn>1</mn></menclose></math>
+      <math><menclose notation="right"><mn>2</mn></menclose></math>
+      <math><menclose notation="top"><mn>3</mn></menclose></math>
+      <math><menclose notation="bottom"><mn>4</mn></menclose></math>
+      <math><menclose notation="box"><mn>5</mn></menclose></math>
+      <math><menclose notation="roundedbox"><mn>6</mn></menclose></math>
+      <math><menclose notation="actuarial"><mn>7</mn></menclose></math>
+      <math><menclose notation="madruwb"><mn>8</mn></menclose></math>
+      <math><menclose notation="horizontalstrike"><mn>9</mn></menclose></math>
+      <math><menclose notation="verticalstrike"><mn>10</mn></menclose></math>
+      <math><menclose notation="updiagonalstrike"><mn>11</mn></menclose></math>
+      <math><menclose notation="downdiagonalstrike"><mn>12</mn></menclose></math>
+      <math><menclose notation="longdiv"><mn>13</mn></menclose></math>
+      <math><menclose notation="circle"><mn>14</mn></menclose></math>
+    </div>
+  </div>
+  <script>
+    window.addEventListener("load", () => {
+        document.getElementById("dynamic").style.color = "green";
+        document.documentElement.classList.remove("reftest-wait");
+    });
+  </script>
+  <script src="/mathml/support/feature-detection.js"></script>
+  <script>MathMLFeatureDetection.ensure_for_match_reftest("has_menclose");</script>
+</body>
+</html>
deleted file mode 100644
--- a/testing/web-platform/tests/mathml/relations/css-styling/visibility-004.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html class="reftest-wait">
-<head>
-<meta charset="utf-8">
-<title>visibility</title>
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-mtext">
-<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#enclose-expression-inside-notation-menclose">
-<link rel="match" href="visibility-004-ref.html"/>
-<meta name="assert" content="Verify that visibility=hidden is used for the text and graphical elements of the menclose element.">
-</head>
-<body>
-  <p>Test passes if you see a green square.</p>
-  <div style="background: green; color: red; width: 200px; height: 200px;">
-    <math><menclose notation="left" style="visibility: hidden"><mn>1</mn></menclose></math>
-    <math><menclose notation="right" style="visibility: hidden"><mn>2</mn></menclose></math>
-    <math><menclose notation="top" style="visibility: hidden"><mn>3</mn></menclose></math>
-    <math><menclose notation="bottom" style="visibility: hidden"><mn>4</mn></menclose></math>
-    <math><menclose notation="box" style="visibility: hidden"><mn>5</mn></menclose></math>
-    <math><menclose notation="roundedbox" style="visibility: hidden"><mn>6</mn></menclose></math>
-    <math><menclose notation="actuarial" style="visibility: hidden"><mn>7</mn></menclose></math>
-    <math><menclose notation="madruwb" style="visibility: hidden"><mn>8</mn></menclose></math>
-    <math><menclose notation="horizontalstrike" style="visibility: hidden"><mn>9</mn></menclose></math>
-    <math><menclose notation="verticalstrike" style="visibility: hidden"><mn>10</mn></menclose></math>
-    <math><menclose notation="updiagonalstrike" style="visibility: hidden"><mn>11</mn></menclose></math>
-    <math><menclose notation="downdiagonalstrike" style="visibility: hidden"><mn>12</mn></menclose></math>
-    <math><menclose notation="longdiv" style="visibility: hidden"><mn>13</mn></menclose></math>
-    <math><menclose notation="circle" style="visibility: hidden"><mn>14</mn></menclose></math>
-    <div id="dynamic">
-      <math><menclose notation="left"><mn>1</mn></menclose></math>
-      <math><menclose notation="right"><mn>2</mn></menclose></math>
-      <math><menclose notation="top"><mn>3</mn></menclose></math>
-      <math><menclose notation="bottom"><mn>4</mn></menclose></math>
-      <math><menclose notation="box"><mn>5</mn></menclose></math>
-      <math><menclose notation="roundedbox"><mn>6</mn></menclose></math>
-      <math><menclose notation="actuarial"><mn>7</mn></menclose></math>
-      <math><menclose notation="madruwb"><mn>8</mn></menclose></math>
-      <math><menclose notation="horizontalstrike"><mn>9</mn></menclose></math>
-      <math><menclose notation="verticalstrike"><mn>10</mn></menclose></math>
-      <math><menclose notation="updiagonalstrike"><mn>11</mn></menclose></math>
-      <math><menclose notation="downdiagonalstrike"><mn>12</mn></menclose></math>
-      <math><menclose notation="longdiv"><mn>13</mn></menclose></math>
-      <math><menclose notation="circle"><mn>14</mn></menclose></math>
-    </div>
-  </div>
-  <script>
-    window.addEventListener("load", () => {
-        document.getElementById("dynamic").style.visibility = "hidden";
-        document.documentElement.classList.remove("reftest-wait");
-    });
-  </script>
-  <script src="/mathml/support/feature-detection.js"></script>
-  <script>MathMLFeatureDetection.ensure_for_match_reftest("has_menclose");</script>
-</body>
-</html>
rename from testing/web-platform/tests/mathml/relations/css-styling/visibility-004-ref.html
rename to testing/web-platform/tests/mathml/relations/css-styling/visibility-004.tentative-ref.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/mathml/relations/css-styling/visibility-004.tentative.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+<meta charset="utf-8">
+<title>visibility</title>
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#css-styling">
+<link rel="help" href="https://mathml-refresh.github.io/mathml-core/#text-mtext">
+<link rel="help" href="https://github.com/mathml-refresh/mathml-core/pull/24">
+<link rel="match" href="visibility-004.tentative-ref.html"/>
+<meta name="assert" content="Verify that visibility=hidden is used for the text and graphical elements of the menclose element.">
+</head>
+<body>
+  <p>Test passes if you see a green square.</p>
+  <div style="background: green; color: red; width: 200px; height: 200px;">
+    <math><menclose notation="left" style="visibility: hidden"><mn>1</mn></menclose></math>
+    <math><menclose notation="right" style="visibility: hidden"><mn>2</mn></menclose></math>
+    <math><menclose notation="top" style="visibility: hidden"><mn>3</mn></menclose></math>
+    <math><menclose notation="bottom" style="visibility: hidden"><mn>4</mn></menclose></math>
+    <math><menclose notation="box" style="visibility: hidden"><mn>5</mn></menclose></math>
+    <math><menclose notation="roundedbox" style="visibility: hidden"><mn>6</mn></menclose></math>
+    <math><menclose notation="actuarial" style="visibility: hidden"><mn>7</mn></menclose></math>
+    <math><menclose notation="madruwb" style="visibility: hidden"><mn>8</mn></menclose></math>
+    <math><menclose notation="horizontalstrike" style="visibility: hidden"><mn>9</mn></menclose></math>
+    <math><menclose notation="verticalstrike" style="visibility: hidden"><mn>10</mn></menclose></math>
+    <math><menclose notation="updiagonalstrike" style="visibility: hidden"><mn>11</mn></menclose></math>
+    <math><menclose notation="downdiagonalstrike" style="visibility: hidden"><mn>12</mn></menclose></math>
+    <math><menclose notation="longdiv" style="visibility: hidden"><mn>13</mn></menclose></math>
+    <math><menclose notation="circle" style="visibility: hidden"><mn>14</mn></menclose></math>
+    <div id="dynamic">
+      <math><menclose notation="left"><mn>1</mn></menclose></math>
+      <math><menclose notation="right"><mn>2</mn></menclose></math>
+      <math><menclose notation="top"><mn>3</mn></menclose></math>
+      <math><menclose notation="bottom"><mn>4</mn></menclose></math>
+      <math><menclose notation="box"><mn>5</mn></menclose></math>
+      <math><menclose notation="roundedbox"><mn>6</mn></menclose></math>
+      <math><menclose notation="actuarial"><mn>7</mn></menclose></math>
+      <math><menclose notation="madruwb"><mn>8</mn></menclose></math>
+      <math><menclose notation="horizontalstrike"><mn>9</mn></menclose></math>
+      <math><menclose notation="verticalstrike"><mn>10</mn></menclose></math>
+      <math><menclose notation="updiagonalstrike"><mn>11</mn></menclose></math>
+      <math><menclose notation="downdiagonalstrike"><mn>12</mn></menclose></math>
+      <math><menclose notation="longdiv"><mn>13</mn></menclose></math>
+      <math><menclose notation="circle"><mn>14</mn></menclose></math>
+    </div>
+  </div>
+  <script>
+    window.addEventListener("load", () => {
+        document.getElementById("dynamic").style.visibility = "hidden";
+        document.documentElement.classList.remove("reftest-wait");
+    });
+  </script>
+  <script src="/mathml/support/feature-detection.js"></script>
+  <script>MathMLFeatureDetection.ensure_for_match_reftest("has_menclose");</script>
+</body>
+</html>