it("clicking a gui element after typing text", (done) => {
    // Text node inside paragraph.
    const initial = editor.dataRoot.querySelector("body>p")!;
    caretManager.setCaret(initial.firstChild, 1);

    editor.type(" ");
    assert.equal(initial.firstChild!.textContent, "B lah blah ");

    const caret = caretManager.getNormalizedCaret()!;
    const lastGUI = closestByClass(caret.node, "p")!.lastElementChild!;
    assert.isTrue(lastGUI.classList.contains("_gui"));
    const lastGUISpan = lastGUI.firstElementChild!;

    // We're simulating how Chrome would handle it. When a mousedown event
    // occurs, Chrome moves the caret *after* the mousedown event is
    // processed.
    const event = new $.Event("mousedown");
    event.target = lastGUISpan;
    caretManager.setCaret(caret);

    // This simulates the movement of the caret after the mousedown event is
    // processed. This will be processed after the mousedown handler but before
    // _seekCaret is run.
    window.setTimeout(() => {
      caretManager.setCaret(lastGUISpan, 0);
    }, 0);

    // We trigger the event here so that the order specified above is respected.
    $(lastGUISpan).trigger(event);

    window.setTimeout(() => {
      const clickEvent = new $.Event("click");
      const offset = $(lastGUISpan).offset()!;
      clickEvent.pageX = offset.left;
      clickEvent.pageY = offset.top;
      clickEvent.target = lastGUISpan;
      $(lastGUISpan).trigger(clickEvent);
      done();
    }, 1);
  });

 it("returns null when it hits nothing before the limit", () => {
   assert.isNull(domutil.closestByClass(p, "text", p.parentNode as Element));
 });