Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test namespaced element node names in the markupview.
const XHTML = `
<!DOCTYPE html>
<body>
<svg:svg width="100" height="100">
<svg:clipPath id="clip">
<svg:rect id="rectangle" 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);
add_task(async function () {
const { inspector } = await openInspectorForURL(TEST_URI);
// Get and open the svg element to show its children.
const svgNodeFront = await getNodeFront("svg", inspector);
await inspector.markup.expandNode(svgNodeFront);
await waitForMultipleChildrenUpdates(inspector);
const clipPathContainer = await getContainerForSelector(
"clipPath",
inspector
);
info("Checking the clipPath element");
Assert.strictEqual(
clipPathContainer.editor.tag.textContent,
"svg:clipPath",
"svg:clipPath node is correctly displayed"
);
const circlePathContainer = await getContainerForSelector(
"circle",
inspector
);
info("Checking the circle element");
Assert.strictEqual(
circlePathContainer.editor.tag.textContent,
"svg:circle",
"svg:circle node is correctly displayed"
);
});