summaryrefslogtreecommitdiffstats
path: root/toolkit/content/tests/chrome/bug304188_window.xhtml
blob: 11343f2ace6361e884f8ae762c8641fd9b1ef81b (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 {BrowserTestUtils} = ChromeUtils.importESModule(
      "resource://testing-common/BrowserTestUtils.sys.mjs"
    );
    const {ContentTask} = ChromeUtils.importESModule(
      "resource://testing-common/ContentTask.sys.mjs"
    );
    ContentTask.setTestScope(window.arguments[0]);

    var gFindBar = null;
    var gBrowser;

    var SimpleTest = window.arguments[0].SimpleTest;
    var info = window.arguments[0].info;
    var ok = window.arguments[0].ok;

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

    async function startTestWithBrowser(browserId) {
      info("Starting test with browser '" + browserId + "'");
      gBrowser = document.getElementById(browserId);
      gFindBar.browser = gBrowser;
      let promise = ContentTask.spawn(gBrowser, [], async function() {
        return new Promise(resolve => {
          addEventListener("DOMContentLoaded", () => resolve(), { once: true });
        });
      });
      BrowserTestUtils.startLoadingURIString(gBrowser, "data:text/html;charset=utf-8,some%20random%20text");
      await promise;
      await onDocumentLoaded();
    }

    async function onDocumentLoaded() {
      await ContentTask.spawn(gBrowser, [], async function() {
        var edsession = content.docShell.editingSession;
        edsession.makeWindowEditable(content, "html", false, true, false);
        content.focus();
      });
      
      await enterStringIntoEditor("'");
      await enterStringIntoEditor("/");

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

    async function enterStringIntoEditor(aString) {
      for (let i = 0; i < aString.length; i++) {
        await ContentTask.spawn(gBrowser, [{ charCode: aString.charCodeAt(i) }], async function(args) {
          let event = new content.window.KeyboardEvent("keypress", {
            bubbles: true,
            cancelable: true,
            view: null,
            keyCode: 0,
            charCode: args.charCode,
          });
          content.document.body.dispatchEvent(event);
        });
      }
    }
  ]]></script>

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