DXR is a code search and navigation tool aimed at making sense of large projects. It supports full-text and regex searches as well as structural queries.

Mercurial (7f9f804e9dbe)

VCS Links

Line Code
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 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1230473
-->
<head>
  <meta charset="utf-8">
  <title>Test for Bug 1230473</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=1230473">Mozilla Bug 1230473</a>
<input id="input">
<textarea id="textarea"></textarea>
<div id="div" contenteditable></div>
<script type="application/javascript">
/** Test for Bug 1230473 **/
SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(() => {
  function runTest(aEditor) {
    function committer() {
      aEditor.blur();
      aEditor.focus();
    }
    function isNSEditableElement() {
      return aEditor.tagName.toLowerCase() == "input" || aEditor.tagName.toLowerCase() == "textarea";
    }
    function value() {
      return isNSEditableElement() ? aEditor.value : aEditor.textContent;
    }
    function isComposing() {
      return isNSEditableElement() ? SpecialPowers.wrap(aEditor)
                                                  .editor
                                                  .composing :
                                     SpecialPowers.wrap(window)
                                                  .docShell
                                                  .editor
                                                  .composing;
    }
    function clear() {
      if (isNSEditableElement()) {
        aEditor.value = "";
      } else {
        aEditor.textContent = "";
      }
    }

    clear();

    // FYI: Chrome commits composition if blur() and focus() are called during
    //      composition.  But note that if they are called by compositionupdate
    //      listener, the behavior is unstable.  On Windows, composition is
    //      canceled.  On Linux and macOS, the composition is committed
    //      internally but the string keeps underlined.  If they are called
    //      by input event listener, committed on any platforms though.
    //      On the other hand, Edge and Safari keeps composition even with
    //      calling both blur() and focus().

    // Committing at compositionstart
    aEditor.focus();
    aEditor.addEventListener("compositionstart", committer, true);
    synthesizeCompositionChange({ composition: { string: "a", clauses: [{length: 1, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                  caret: { start: 1, length: 0 }, key: { key: "a" }});
    aEditor.removeEventListener("compositionstart", committer, true);
    ok(!isComposing(), "composition in " + aEditor.id + " should be committed by compositionstart event handler");
    is(value(), "", "composition in " + aEditor.id + " shouldn't insert any text since it's committed at compositionstart");
    clear();

    // Committing at first compositionupdate
    aEditor.focus();
    aEditor.addEventListener("compositionupdate", committer, true);
    synthesizeCompositionChange({ composition: { string: "a", clauses: [{length: 1, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                  caret: { start: 1, length: 0 }, key: { key: "a" }});
    aEditor.removeEventListener("compositionupdate", committer, true);
    ok(!isComposing(), "composition in " + aEditor.id + " should be committed by compositionupdate event handler");
    is(value(), "a", "composition in " + aEditor.id + " should have \"a\" since IME committed with it");
    clear();

    // Committing at first text (eCompositionChange)
    if (!SpecialPowers.getBoolPref("dom.compositionevent.text.dispatch_only_system_group_in_content")) {
      aEditor.focus();
      aEditor.addEventListener("text", committer, true);
      synthesizeCompositionChange({ composition: { string: "a", clauses: [{length: 1, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                    caret: { start: 1, length: 0 }, key: { key: "a" }});
      aEditor.removeEventListener("text", committer, true);
      ok(!isComposing(), "composition in " + aEditor.id + " should be committed by text event handler");
      is(value(), "", "composition in " + aEditor.id + " should have inserted any text since it's committed at first text");
      clear();
    }

    // Committing at second compositionupdate
    aEditor.focus();
    // FYI: "compositionstart" will be dispatched automatically.
    synthesizeCompositionChange({ composition: { string: "a", clauses: [{length: 1, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                  caret: { start: 1, length: 0 }, key: { key: "a" }});
    ok(isComposing(), "composition should be in " + aEditor.id + " before dispatching second compositionupdate");
    is(value(), "a", "composition in " + aEditor.id + " should be 'a' before dispatching second compositionupdate");
    aEditor.addEventListener("compositionupdate", committer, true);
    synthesizeCompositionChange({ composition: { string: "ab", clauses: [{length: 2, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                  caret: { start: 2, length: 0 }, key: { key: "b" }});
    aEditor.removeEventListener("compositionupdate", committer, true);
    ok(!isComposing(), "composition in " + aEditor.id + " should be committed by compositionupdate event handler");
    is(value(), "ab", "composition in " + aEditor.id + " should have \"ab\" since IME committed with it");
    clear();

    // Committing at second text (eCompositionChange)
    if (!SpecialPowers.getBoolPref("dom.compositionevent.text.dispatch_only_system_group_in_content")) {
      aEditor.focus();
      // FYI: "compositionstart" will be dispatched automatically.
      synthesizeCompositionChange({ composition: { string: "a", clauses: [{length: 1, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                    caret: { start: 1, length: 0 }, key: { key: "a" }});
      ok(isComposing(), "composition should be in " + aEditor.id + " before dispatching second text");
      is(value(), "a", "composition in " + aEditor.id + " should be 'a' before dispatching second text");
      aEditor.addEventListener("text", committer, true);
      synthesizeCompositionChange({ composition: { string: "ab", clauses: [{length: 2, attr: COMPOSITION_ATTR_RAW_CLAUSE }] },
                                    caret: { start: 2, length: 0 }, key: { key: "b" }});
      aEditor.removeEventListener("text", committer, true);
      ok(!isComposing(), "composition in " + aEditor.id + " should be committed by text event handler");
      is(value(), "ab", "composition in " + aEditor.id + " should have \"ab\" since IME committed with it");
      clear();
    }
  }
  runTest(document.getElementById("input"));
  runTest(document.getElementById("textarea"));
  runTest(document.getElementById("div"));
  SimpleTest.finish();
});
</script>
</body>
</html>