it("on elements inside _phantom_wrap", () => {
   const p =
     guiRoot.querySelector(`.body .p[${encodeAttrName("rend")}='wrap']`)!;
   const dataNode = $.data(p, "wed_mirror_node") as Element;
   const rend = dataNode.getAttribute("rend");
   // Make sure the paragraph has rend="wrap".
   assert.equal(rend, "wrap");
   activateContextMenu(editor, p);
 });

 .then((sourceXML) => {
   root = document.createElement("div");
   document.body.appendChild(root);
   $root = $(root);
   const parser = new window.DOMParser();
   const xmlDoc = parser.parseFromString(sourceXML, "text/xml");
   const htmlTree = convert.toHTMLTree(window.document,
                                       xmlDoc.firstElementChild!);
   root.appendChild(htmlTree);
   rootObj = new DLocRoot(root);
   encodedType = encodeAttrName("type");
 }));

  it("dispatch to proper decorators", () => {
    const wrapped =
      editor.guiRoot.querySelectorAll(
        `[${encodeAttrName("rend")}='wrap'].tei\\:p._real`);
    expect(wrapped).to.have.length(2);
    function parentTest(el: HTMLElement, msg: string, expected: boolean): void {
      const parent = el.parentNode as HTMLElement;
      expect(parent.classList.contains("_gui_test"), msg).to.equal(expected);
    }

    parentTest(wrapped[0] as HTMLElement,
               "the first paragraph with rend='wrap' should be decorated by \
the test mode",
               true);
    parentTest(wrapped[1] as HTMLElement,
               "the second paragraph with rend='wrap' should not be decorated \
by the test mode",
               false);
  });

 it("with qualifier", () => {
   assert.equal(util.encodeAttrName("blah", "ns"), "data-wed--ns-blah-");
 });