summaryrefslogtreecommitdiff
path: root/toolkit/content/tests/chrome/bug304188_window.xul
blob: 931fd5c735a5bd285fcfd7bb6cbc66c3b09d2447 (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
83
84
85
86
87
88
89
90
91
92
93
94
<?xml version="1.0"?>

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet
  href="chrome://mochikit/content/tests/SimpleTest/test.css"
  type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        width="600"
        height="600"
        onload="onLoad();"
        title="FindbarTest for bug 304188 - 
find-menu appears in editor element which has had makeEditable() called but designMode not set">

  <script type="application/javascript"><![CDATA[
    const {interfaces: Ci, classes: Cc, results: Cr, utils: Cu} = Components;
    Cu.import("resource://gre/modules/Task.jsm");
    Cu.import("resource://testing-common/ContentTask.jsm");
    ContentTask.setTestScope(window.opener.wrappedJSObject);

    var gFindBar = null;
    var gBrowser;

    var imports = ["SimpleTest", "ok", "info"];
    for (var name of imports) {
      window[name] = window.opener.wrappedJSObject[name];
    }

    function onLoad() {
      Task.spawn(function* () {
        gFindBar = document.getElementById("FindToolbar");
        for (let browserId of ["content", "content-remote"]) {
          yield startTestWithBrowser(browserId);
        }
      }).then(() => {
        window.close();
        SimpleTest.finish();
      });
    }

    function* startTestWithBrowser(browserId) {
      info("Starting test with browser '" + browserId + "'");
      gBrowser = document.getElementById(browserId);
      gFindBar.browser = gBrowser;
      let promise = ContentTask.spawn(gBrowser, null, function* () {
        return new Promise(resolve => {
          addEventListener("DOMContentLoaded", function listener() {
            removeEventListener("DOMContentLoaded", listener);
            resolve();
          });
        });
      });
      gBrowser.loadURI("data:text/html;charset=utf-8,some%20random%20text");
      yield promise;
      yield onDocumentLoaded();
    }

    function* onDocumentLoaded() {
      yield ContentTask.spawn(gBrowser, null, function* () {
        var edsession = content.QueryInterface(Ci.nsIInterfaceRequestor)
                               .getInterface(Ci.nsIWebNavigation)
                               .QueryInterface(Ci.nsIInterfaceRequestor)
                               .getInterface(Ci.nsIEditingSession);
        edsession.makeWindowEditable(content, "html", false, true, false);
        content.focus();
      });
      
      yield enterStringIntoEditor("'");
      yield enterStringIntoEditor("/");

      ok(gFindBar.hidden,
         "Findfield should have stayed hidden after entering editor test");
    }

    function* enterStringIntoEditor(aString) {
      for (let i = 0; i < aString.length; i++) {
        yield ContentTask.spawn(gBrowser, { charCode: aString.charCodeAt(i) }, function* (args) {
          let event = content.document.createEvent("KeyboardEvent");
          event.initKeyEvent("keypress", true, true, null, false, false,
                             false, false, 0, args.charCode);
          content.document.body.dispatchEvent(event);
        });
      }
    }
  ]]></script>

  <browser id="content" flex="1" src="about:blank" type="content-primary"/>
  <browser id="content-remote" remote="true" flex="1" src="about:blank" type="content-primary"/>
  <findbar id="FindToolbar" browserid="content"/>
</window>