summaryrefslogtreecommitdiffstats
path: root/browser/components/pocket/test/browser_pocket_panel.js
blob: f582acd617ee1e79371ff6639cc67c62764b7e96 (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
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";

add_task(async function() {
  let tab = await BrowserTestUtils.openNewForegroundTab(
    gBrowser,
    "https://example.com/browser/browser/components/pocket/test/test.html"
  );

  info("clicking on pocket button in toolbar");
  let pocketButton = document.getElementById("save-to-pocket-button");
  // The panel is created on the fly, so we can't simply wait for focus
  // inside it.
  let pocketPanelShowing = BrowserTestUtils.waitForEvent(
    document,
    "popupshowing",
    true
  );
  pocketButton.click();
  await pocketPanelShowing;

  checkElements(true, ["customizationui-widget-panel"]);
  let pocketPanel = document.getElementById("customizationui-widget-panel");
  is(pocketPanel.state, "showing", "pocket panel is showing");

  info("Trigger context menu in a pocket panel element");
  let contextMenu = document.getElementById("contentAreaContextMenu");
  is(contextMenu.state, "closed", "context menu popup is closed");
  let popupShown = BrowserTestUtils.waitForEvent(contextMenu, "popupshown");
  let popupHidden = BrowserTestUtils.waitForEvent(contextMenu, "popuphidden");

  let pocketFrame = pocketPanel.querySelector("browser");

  const getReadyState = async frame =>
    SpecialPowers.spawn(frame, [], () => content.document.readyState);

  // Ensure Pocket panel is ready to avoid intermittency.
  await TestUtils.waitForCondition(
    async () => (await getReadyState(pocketFrame)) == "complete"
  );

  // Ensure that the document layout has been flushed before triggering the mouse event
  // (See Bug 1519808 for a rationale).
  await pocketFrame.ownerGlobal.promiseDocumentFlushed(() => {});
  await BrowserTestUtils.synthesizeMouseAtCenter(
    "body",
    {
      type: "contextmenu",
      button: 2,
    },
    pocketFrame
  );

  await popupShown;
  is(contextMenu.state, "open", "context menu popup is open");
  const emeLearnMoreContextItem = contextMenu.querySelector(
    "#context-media-eme-learnmore"
  );
  ok(
    BrowserTestUtils.is_hidden(emeLearnMoreContextItem),
    "Unrelated context menu items should be hidden"
  );

  contextMenu.hidePopup();
  await popupHidden;

  info("closing pocket panel");
  let pocketPanelHidden = BrowserTestUtils.waitForEvent(
    pocketPanel,
    "popuphidden"
  );
  pocketPanel.hidePopup();
  await pocketPanelHidden;
  checkElements(false, ["customizationui-widget-panel"]);

  BrowserTestUtils.removeTab(tab);
});