devtools/client/inspector/test/browser_inspector_menu-03-paste-items-svg.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

/* vim: set ts=2 et sw=2 tw=80: */
/* 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(function* () {
  let clipboard = require("sdk/clipboard");

  let { inspector, testActor } = yield openInspectorForURL(TEST_URL);

  let refSelector = "svg";
  let oldHTML = yield testActor.getProperty(refSelector, "innerHTML");
  yield selectNode(refSelector, inspector);
  let markupTagLine = getContainerForSelector(refSelector, inspector).tagLine;

  yield pasteContent("node-menu-pastefirstchild", PASTE_AS_FIRST_CHILD);
  yield pasteContent("node-menu-pastelastchild", PASTE_AS_LAST_CHILD);

  let html = yield testActor.getProperty(refSelector, "innerHTML");
  let expectedHtml = PASTE_AS_FIRST_CHILD + oldHTML + PASTE_AS_LAST_CHILD;
  is(html, expectedHtml, "The innerHTML of the SVG node is correct");

  // Helpers
  function* pasteContent(menuId, clipboardData) {
    let allMenuItems = openContextMenuAndGetAllItems(inspector, {
      target: markupTagLine,
    });
    info(`Testing ${menuId} for ${clipboardData}`);
    clipboard.set(clipboardData);

    let onMutation = inspector.once("markupmutation");
    allMenuItems.find(item => item.id === menuId).click();
    info("Waiting for mutation to occur");
    yield onMutation;
  }
});