summaryrefslogtreecommitdiffstats
path: root/editor/libeditor/tests/test_bug410986.html
blob: fdc5d2763177edb10133cdac24c3ec55b8346670 (plain)
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=410986
-->
<head>
  <title>Test for Bug 410986</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=410986">Mozilla Bug 410986</a>
<p id="display"></p>
<div id="content">
  <div id="contents"><span style="color: green;">green text</span></div>
  <div id="editor" contenteditable="true"></div>
</div>
<pre id="test">
<script type="application/javascript">

/** Test for Bug 410986 **/

var gPasteEvents = 0;
document.getElementById("editor").addEventListener("paste", function() {
  ++gPasteEvents;
});

SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(function() {
  getSelection().selectAllChildren(document.getElementById("contents"));
  SimpleTest.waitForClipboard("green text",
    function() {
      synthesizeKey("C", {accelKey: true});
    },
    function() {
      var ed = document.getElementById("editor");
      ed.focus();
      if (navigator.platform.includes("Mac")) {
        synthesizeKey("V", {accelKey: true, shiftKey: true, altKey: true});
      } else {
        synthesizeKey("V", {accelKey: true, shiftKey: true});
      }
      is(ed.innerHTML, "green text", "Content should be pasted in plaintext format");
      is(gPasteEvents, 1, "One paste event must be fired");

      ed.innerHTML = "";
      ed.blur();
      getSelection().selectAllChildren(document.getElementById("contents"));
      SimpleTest.waitForClipboard("green text",
        function() {
          synthesizeKey("C", {accelKey: true});
        },
        function() {
          var ed1 = document.getElementById("editor");
          ed1.focus();
          synthesizeKey("V", {accelKey: true});
          isnot(ed1.innerHTML.indexOf("<span style=\"color: green;\">green text</span>"), -1,
                "Content should be pasted in HTML format");
          is(gPasteEvents, 2, "Two paste events must be fired");

          SimpleTest.finish();
        },
        function() {
          ok(false, "Failed to copy the second item to the clipboard");
          SimpleTest.finish();
        }
      );
    },
    function() {
      ok(false, "Failed to copy the first item to the clipboard");
      SimpleTest.finish();
    }
  );
});

</script>
</pre>
</body>
</html>