summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/mathml/relations
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/mathml/relations')
-rw-r--r--testing/web-platform/tests/mathml/relations/html5-tree/tabindex-focus-001.tentative.html34
-rw-r--r--testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font-ref.html13
-rw-r--r--testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font.html52
3 files changed, 99 insertions, 0 deletions
diff --git a/testing/web-platform/tests/mathml/relations/html5-tree/tabindex-focus-001.tentative.html b/testing/web-platform/tests/mathml/relations/html5-tree/tabindex-focus-001.tentative.html
new file mode 100644
index 0000000000..2ea0390eab
--- /dev/null
+++ b/testing/web-platform/tests/mathml/relations/html5-tree/tabindex-focus-001.tentative.html
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<title>Invalid tabindex</title>
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1128054">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<!-- Test default focusability -->
+<math></math>
+<math href="#" data-focusable=true></math>
+<!-- Test tabindex=0 focusability -->
+<math tabindex="0" data-focusable=true></math>
+<!-- Test tabindex=-1 focusability -->
+<math tabindex="-1" data-focusable=true></math>
+<!-- Test tabindex=invalid focusability -->
+<math tabindex="invalid"></math>
+<math href="#" tabindex="invalid" data-focusable=true></math>
+
+<script>
+ test(() => {
+ for (let element of document.querySelectorAll("math")) {
+ let focusable = element.dataset && element.dataset.focusable;
+ let desc = "<math";
+ for (let attr of ["href", "tabindex"]) {
+ if (element.hasAttribute(attr)) {
+ desc += ` ${attr}=${element.getAttribute(attr)}`;
+ }
+ }
+ desc += ">";
+ element.focus();
+ focusable ? assert_equals(document.activeElement, element, desc + " should be focusable")
+ : assert_not_equals(document.activeElement, element, desc + " should not be focusable");
+ }
+ }, "invalid tabindex attribute does not make the element focusable");
+</script>
diff --git a/testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font-ref.html b/testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font-ref.html
new file mode 100644
index 0000000000..5c295152ba
--- /dev/null
+++ b/testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8">
+ <title>mo glyph height with default font (reference)</title>
+ </head>
+ <body>
+ <div id="hider"
+ style="position:absolute; top:0; left:0; background-color:green;
+ height:1em; width:100%; z-index:1; padding-top:5px;
+ padding-bottom:5px;" />
+ </body>
+</html>
diff --git a/testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font.html b/testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font.html
new file mode 100644
index 0000000000..262d3b9277
--- /dev/null
+++ b/testing/web-platform/tests/mathml/relations/text-and-math/mo-glyph-height-with-default-font.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+ <head>
+ <meta charset="UTF-8">
+ <title>mo glyph height with default font</title>
+ <meta name="assert" content="Verify operators with default fonts are not too tall.">
+ <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1219068"/>
+ <link rel="match" href="mo-glyph-height-with-default-font-ref.html"/>
+ </head>
+ <body>
+ <math style="position:absolute; top: 0; font-size:1em; z-index: 0;" display="block">
+ <mrow>
+ <mo>|</mo>
+ <mrow>
+ <mi>f</mi>
+ <mrow>
+ <mn>(</mn>
+ <mi>x</mi>
+ <mn>)</mn>
+ </mrow>
+ <mn>−</mn>
+ <mrow>
+ <mi>f</mi>
+ <mrow>
+ <mn>(</mn>
+ <msub>
+ <mi>x</mi>
+ <mn>0</mn>
+ </msub>
+ <mn>)</mn>
+ </mrow>
+ </mrow>
+ </mrow>
+ <mo>|</mo>
+ </mrow>
+ </math>
+ <div id="hider"
+ style="position:absolute; top:0; left:0; background-color:green;
+ height:1em; width:100%; z-index:1; padding-top:5px;
+ padding-bottom:5px; visibility:hidden" />
+ <script>
+ function obscureMathML() {
+ var hider = document.getElementById("hider");
+ hider.style.visibility="visible";
+ // The math should now be completely obscured
+
+ document.documentElement.removeAttribute("class");
+ }
+ window.addEventListener("TestRendered", obscureMathML);
+ </script>
+ </body>
+</html>