third_party/WebKit/LayoutTests/editing/pasteboard/script-tests/drop-text-events-sideeffect.js

   1 description('Ensure safety on side-effect on drop-initiated TextEvent.');
   2
   3 function toStringLiteral(str)
   4 {
   5    return "'" + str + "'";
   6 }
   7
   8 var testSourceRoot = document.createElement("div");
   9 document.body.appendChild(testSourceRoot);
  10
  11 var testTargetRoot = document.createElement("div");
  12 testTargetRoot.innerHTML += "<div><span id='targetEditable' contentEditable>initialValue</span></div>";
  13 testTargetRoot.innerHTML += "<iframe id='targetIFrame' src='data:text/html;charset=utf-8," + encodeURI("<html></html>") + "'></iframe>";
  14 document.body.appendChild(testTargetRoot);
  15
  16 testTargetEditable = document.getElementById("targetEditable");
  17 testTargetIFrame = document.getElementById("targetIFrame");
  18 testTargetIFrameDocument = testTargetIFrame.contentDocument;
  19 testTargetIFrameDocument.body.innerHTML = "initialBody";
  20 testTargetIFrameDocument.designMode = "on";
  21
  22 function handlerRemovingTarget(event)
  23 {
  24     event.target.parentNode.removeChild(event.target);
  25 }
  26
  27 function handlerRemovingIFrame(event)
  28 {
  29     testTargetIFrame.parentNode.removeChild(testTargetIFrame);
  30 }
  31
  32 function dragFrom(element)
  33 {
  34     var x = element.offsetLeft + element.offsetWidth / 2;
  35     var y = element.offsetTop + element.offsetHeight / 2;
  36     eventSender.mouseMoveTo(x, y);
  37     eventSender.mouseDown();
  38
  39     // Makes drag happen
  40     var meaninglessDelta = 10;
  41     eventSender.leapForward(500);
  42     eventSender.mouseMoveTo(x + meaninglessDelta , y + meaninglessDelta);
  43 }
  44
  45 function dropTo(element)
  46 {
  47     var x = element.offsetLeft + element.offsetWidth / 2;
  48     var y = element.offsetTop + element.offsetHeight / 2;
  49
  50     eventSender.mouseMoveTo(x, y);
  51     eventSender.mouseUp();
  52 }
  53
  54 function dragPlainText()
  55 {
  56     var selection = window.getSelection();
  57
  58     testSourceRoot.innerHTML = "<input type='text' value='PlainHello' id='src' />";
  59     var input = document.getElementById("src");
  60     input.focus();
  61     selection.modify("extend", "forward", "line");
  62     dragFrom(input);
  63 }
  64
  65 function dropToTargetEditable()
  66 {
  67     dropTo(testTargetEditable);
  68 }
  69
  70 function dropToTargetIFrame()
  71 {
  72     dropTo(testTargetIFrame);
  73 }
  74
  75 testTargetEditable.addEventListener("textInput", handlerRemovingTarget);
  76 dragPlainText();
  77 dropToTargetEditable();
  78 // detached node shouldn't get dropped value
  79 shouldBe("testTargetEditable.innerHTML", toStringLiteral("initialValue"));
  80
  81 testTargetIFrameDocument.body.addEventListener("textInput", handlerRemovingIFrame);
  82 dragPlainText();
  83 dropToTargetIFrame();
  84 // detached frame shouldn't get dropped value
  85 shouldBe("testTargetIFrameDocument.body.innerHTML", toStringLiteral("initialBody"));
  86
  87 // Hides dataset to make dump clean.
  88 testTargetRoot.style.display = "none";
  89 testSourceRoot.style.display = "none";
  90
  91 var successfullyParsed = true;