summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_menu-03-paste-items-svg.js
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--devtools/client/inspector/test/browser_inspector_menu-03-paste-items-svg.js46
1 files changed, 46 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_menu-03-paste-items-svg.js b/devtools/client/inspector/test/browser_inspector_menu-03-paste-items-svg.js
new file mode 100644
index 0000000000..7a69230aef
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_menu-03-paste-items-svg.js
@@ -0,0 +1,46 @@
+/* Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+// Test that HTML can be pasted in SVG elements.
+
+const TEST_URL = URL_ROOT + "doc_inspector_svg.svg";
+const PASTE_AS_FIRST_CHILD =
+ '<circle xmlns="http://www.w3.org/2000/svg" cx="42" cy="42" r="5"/>';
+const PASTE_AS_LAST_CHILD =
+ '<circle xmlns="http://www.w3.org/2000/svg" cx="42" cy="42" r="15"/>';
+
+add_task(async function () {
+ const clipboard = require("resource://devtools/shared/platform/clipboard.js");
+
+ const { inspector } = await openInspectorForURL(TEST_URL);
+
+ const refSelector = "svg";
+ const oldHTML = await getContentPageElementProperty(refSelector, "innerHTML");
+ await selectNode(refSelector, inspector);
+ const markupTagLine = getContainerForSelector(refSelector, inspector).tagLine;
+
+ await pasteContent("node-menu-pastefirstchild", PASTE_AS_FIRST_CHILD);
+ await pasteContent("node-menu-pastelastchild", PASTE_AS_LAST_CHILD);
+
+ const html = await getContentPageElementProperty(refSelector, "innerHTML");
+ const expectedHtml = PASTE_AS_FIRST_CHILD + oldHTML + PASTE_AS_LAST_CHILD;
+ is(html, expectedHtml, "The innerHTML of the SVG node is correct");
+
+ // Helpers
+ async function pasteContent(menuId, clipboardData) {
+ const allMenuItems = openContextMenuAndGetAllItems(inspector, {
+ target: markupTagLine,
+ });
+ info(`Testing ${menuId} for ${clipboardData}`);
+
+ await SimpleTest.promiseClipboardChange(clipboardData, () => {
+ clipboard.copyString(clipboardData);
+ });
+
+ const onMutation = inspector.once("markupmutation");
+ allMenuItems.find(item => item.id === menuId).click();
+ info("Waiting for mutation to occur");
+ await onMutation;
+ }
+});