summaryrefslogtreecommitdiffstats
path: root/dom/events/test/test_use_split_keypress_event_model_on_old_Confluence.html
blob: 3898584b0a4cac7258925de69432730e2516bf05 (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
81
82
<!DOCTYPE html>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1514940
-->
<head>
  <meta charset="utf-8">
  <title>Testing whether "keypress" event model is forcibly split model if the document is old Confluence instance</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=1514940">Bug 1514940</a>
<p id="display"></p>
<pre id="test"></pre>
<input id="input">
<iframe id="iframe" srcdoc="<html><body><p>Here is editor</p></body></html>"></iframe>
<script>
// Emulate window.tinyMCE.CursorTargetPlugin().getInfo() which is referred by
// KeyPresEventModelCheckerChild.
class CursorTargetPluginImpl {
  getInfo() {
    return {
      longname: "Cursor Target plugin",
      author: "Atlassian",
      authorurl: "http://www.atlassian.com",
      version: "1.0",
    };
  }
}
var tinyMCE = {
  plugins: {
    CursorTargetPlugin: CursorTargetPluginImpl,
  },
};

SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(async function doTests() {
  let iframe = document.getElementById("iframe");
  let waitForCheckKeyPressEventModelEvent = new Promise(resolve => {
    SpecialPowers.addSystemEventListener(iframe.contentDocument, "CheckKeyPressEventModel", resolve, {once: true});
  });
  iframe.contentDocument.body.setAttribute("contenteditable", "true");
  await waitForCheckKeyPressEventModelEvent;
  iframe.contentDocument.body.focus();
  let keypressEvent;
  iframe.contentDocument.body.addEventListener("keypress", aEvent => keypressEvent = aEvent, {once: true});
  synthesizeKey("a", {}, iframe.contentWindow);
  is(keypressEvent.keyCode, 0,
     "keyCode value of 'a' should be 0");
  is(keypressEvent.charCode, "a".charCodeAt(0),
     "charCode value of 'a' should be 'a'");

  iframe.contentDocument.body.addEventListener("keypress", aEvent => keypressEvent = aEvent, {once: true});
  synthesizeKey("KEY_Enter", {}, iframe.contentWindow);
  is(keypressEvent.keyCode, KeyboardEvent.DOM_VK_RETURN,
     "keyCode value of 'Enter' should be DOM_VK_RETURN");
  is(keypressEvent.charCode, 0,
     "charCode value of 'Enter' should be 0");

  let input = document.getElementById("input");
  input.focus();
  input.addEventListener("keypress", aEvent => keypressEvent = aEvent, {once: true});
  synthesizeKey("a", {});
  is(keypressEvent.keyCode, "a".charCodeAt(0),
     "keyCode value of 'a' in the parent document should be 'a'");
  is(keypressEvent.charCode, "a".charCodeAt(0),
     "charCode value of 'a' in the parent document should be 'a'");

  input.addEventListener("keypress", aEvent => keypressEvent = aEvent, {once: true});
  synthesizeKey("KEY_Enter");
  is(keypressEvent.keyCode, KeyboardEvent.DOM_VK_RETURN,
     "keyCode value of 'Enter' in the parent document should be DOM_VK_RETURN");
  is(keypressEvent.charCode, KeyboardEvent.DOM_VK_RETURN,
     "charCode value of 'Enter' in the parent document should be DOM_VK_RETURN");

  SimpleTest.finish();
});
</script>
</body>
</html>