Mypal/devtools/client/inspector/rules/test/browser_rules_add-rule-namespace-elements.js
2021-02-04 16:48:36 +02:00

41 lines
1.1 KiB
JavaScript

/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Tests the behaviour of adding a new rule using the add rule button
// on namespaced elements.
const XHTML = `
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg">
<body>
<svg:svg width="100" height="100">
<svg:clipPath>
<svg:rect x="0" y="0" width="10" height="5"></svg:rect>
</svg:clipPath>
<svg:circle cx="0" cy="0" r="5"></svg:circle>
</svg:svg>
</body>
</html>
`;
const TEST_URI = "data:application/xhtml+xml;charset=utf-8," + encodeURI(XHTML);
const TEST_DATA = [
{ node: "clipPath", expected: "clipPath" },
{ node: "rect", expected: "rect" },
{ node: "circle", expected: "circle" }
];
add_task(function* () {
yield addTab(TEST_URI);
let {inspector, view} = yield openRuleView();
for (let data of TEST_DATA) {
let {node, expected} = data;
yield selectNode(node, inspector);
yield addNewRuleAndDismissEditor(inspector, view, expected, 1);
}
});