Bug 1630934 [wpt PR 23056] - Add MathML tests for dynamic repaint due to color changes., a=testonly
authorFrédéric Wang <fwang@igalia.com>
Tue, 28 Apr 2020 11:27:32 +0000
changeset 527071 2ade2be7413de272372c980c59cf4e7523e789ae
parent 527070 5d838462f68e3f5de719f509345bce197c4226c6
child 527072 744e5e88b5a5f3b7f7672d1deb8d79c3fa1d19c0
push id114648
push userwptsync@mozilla.com
push dateThu, 30 Apr 2020 19:15:02 +0000
treeherderautoland@2545233d9410 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1630934, 23056
milestone77.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 1630934 [wpt PR 23056] - Add MathML tests for dynamic repaint due to color changes., a=testonly Automatic update from web-platform-tests Add MathML tests for dynamic repaint due to color changes. (#23056) https://github.com/mathml-refresh/mathml/issues/57 -- wpt-commits: 36e50c659012b8e7c863c27b767028585ae3fe58 wpt-pr: 23056
testing/web-platform/tests/mathml/relations/css-styling/color-001.html
testing/web-platform/tests/mathml/relations/css-styling/color-002.html
testing/web-platform/tests/mathml/relations/css-styling/color-003.html
testing/web-platform/tests/mathml/relations/css-styling/color-004.html
--- a/testing/web-platform/tests/mathml/relations/css-styling/color-001.html
+++ b/testing/web-platform/tests/mathml/relations/css-styling/color-001.html
@@ -1,21 +1,34 @@
 <!DOCTYPE html>
-<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="match" href="color-001-ref.html"/>
 <meta name="assert" content="Verify that the color is used for the text of token elements.">
 </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><mi style="color: green">1</mi></math>
     <math><mn style="color: green">2</mn></math>
     <math><mo style="color: green">3</mo></math>
     <math><mtext style="color: green">4</mtext></math>
     <math><ms style="color: green">5</ms></math>
+    <div id="dynamic">
+      <math><mi>1</mi></math>
+      <math><mn>2</mn></math>
+      <math><mo>3</mo></math>
+      <math><mtext>4</mtext></math>
+      <math><ms>5</ms></math>
+    </div>
   </div>
+  <script>
+    window.addEventListener("load", () => {
+        document.getElementById("dynamic").style.color = "green";
+        document.documentElement.classList.remove("reftest-wait");
+    });
+  </script>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/relations/css-styling/color-002.html
+++ b/testing/web-platform/tests/mathml/relations/css-styling/color-002.html
@@ -1,20 +1,29 @@
 <!DOCTYPE html>
-<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/#fraction-with-nonzero-line-thickness">
 <link rel="match" href="color-002-ref.html"/>
 <meta name="assert" content="Verify that the color is used for text and fraction bar of the mfrac 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><mfrac style="color: green"><mn>1</mn><mn>2</mn></mfrac></math>
+    <div id="dynamic">
+      <math><mfrac><mn>1</mn><mn>2</mn></mfrac></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_mfrac");</script>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/relations/css-styling/color-003.html
+++ b/testing/web-platform/tests/mathml/relations/css-styling/color-003.html
@@ -1,21 +1,31 @@
 <!DOCTYPE html>
-<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/#radical-symbol">
 <link rel="match" href="color-003-ref.html"/>
 <meta name="assert" content="Verify that the color is used for text and radical symbol of the msqrt and mroot elements.">
 </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><msqrt style="color: green"><mn>1</mn></msqrt></math>
     <math><mroot style="color: green"><mn>2</mn><mn>2</mn></mroot></math>
+    <div id="dynamic">
+      <math><msqrt><mn>1</mn></msqrt></math>
+      <math><mroot><mn>2</mn><mn>2</mn></mroot></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_msqrt");</script>
 </body>
 </html>
--- a/testing/web-platform/tests/mathml/relations/css-styling/color-004.html
+++ b/testing/web-platform/tests/mathml/relations/css-styling/color-004.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<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.">
@@ -21,13 +21,35 @@
     <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>