gecko-dev/browser/devtools/styleinspector/test/browser_ruleview_mathml-element.js

55 lines
1.7 KiB
JavaScript

/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Tests that the rule-view displays correctly on MathML elements
const TEST_URL = [
"data:text/html;charset=utf-8,",
"<div>",
" <math xmlns=\"http://www.w3.org/1998/Math/MathML\">",
" <mfrac>",
" <msubsup>",
" <mi>a</mi>",
" <mi>i</mi>",
" <mi>j</mi>",
" </msubsup>",
" <msub>",
" <mi>x</mi>",
" <mn>0</mn>",
" </msub>",
" </mfrac>",
" </math>",
"</div>"
].join("");
add_task(function*() {
yield addTab(TEST_URL);
let {toolbox, inspector, view} = yield openRuleView();
info("Select the DIV node and verify the rule-view shows rules");
yield selectNode("div", inspector);
ok(view.element.querySelectorAll(".ruleview-rule").length,
"The rule-view shows rules for the div element");
info("Select various MathML nodes and verify the rule-view is empty");
yield selectNode("math", inspector);
ok(!view.element.querySelectorAll(".ruleview-rule").length,
"The rule-view is empty for the math element");
yield selectNode("msubsup", inspector);
ok(!view.element.querySelectorAll(".ruleview-rule").length,
"The rule-view is empty for the msubsup element");
yield selectNode("mn", inspector);
ok(!view.element.querySelectorAll(".ruleview-rule").length,
"The rule-view is empty for the mn element");
info("Select again the DIV node and verify the rule-view shows rules");
yield selectNode("div", inspector);
ok(view.element.querySelectorAll(".ruleview-rule").length,
"The rule-view shows rules for the div element");
});