diff options
Diffstat (limited to '')
-rw-r--r-- | devtools/client/inspector/test/browser_inspector_infobar_02.js | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_infobar_02.js b/devtools/client/inspector/test/browser_inspector_infobar_02.js new file mode 100644 index 0000000000..594629a40a --- /dev/null +++ b/devtools/client/inspector/test/browser_inspector_infobar_02.js @@ -0,0 +1,53 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +"use strict"; + +// Check the text content of the highlighter info bar for 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: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, highlighterTestFront } = await openInspectorForURL( + TEST_URI + ); + + const testData = [ + { + selector: "svg", + tag: "svg:svg", + }, + { + selector: "circle", + tag: "svg:circle", + }, + ]; + + for (const currTest of testData) { + await testNode(currTest, inspector, highlighterTestFront); + } +}); + +async function testNode(test, inspector, highlighterTestFront) { + info("Testing " + test.selector); + + await selectAndHighlightNode(test.selector, inspector); + + const tag = await highlighterTestFront.getHighlighterNodeTextContent( + "box-model-infobar-tagname" + ); + is(tag, test.tag, "node " + test.selector + ": tagName matches."); +} |