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 527448 4699d5a4ff3f7c368f032c6a8d18887631862f58
parent 527447 47fc92f02cabae0594fe453c18edc062f19b5734
child 527449 4f243070a4a9f51111e72e130ad6ad20826fa02d
push id37368
push userbtara@mozilla.com
push dateFri, 01 May 2020 21:45:51 +0000
treeherdermozilla-central@0f9c5a59e45d [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>