summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/rules/test/browser_rules_completion-popup-hidden-after-navigation.js
blob: 6f22ab0d170724d095f148467d184162662f966b (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
/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Tests that the ruleview autocomplete popup is hidden after page navigation.

const TEST_URI = "<h1 style='font: 24px serif'></h1>";

add_task(async function () {
  await addTab("data:text/html;charset=utf-8," + encodeURIComponent(TEST_URI));
  const { inspector, view } = await openRuleView();

  info("Test autocompletion popup is hidden after page navigation");

  info("Selecting the test node");
  await selectNode("h1", inspector);

  info("Focusing the css property editable field");
  const propertyName = view.styleDocument.querySelectorAll(
    ".ruleview-propertyname"
  )[0];
  const editor = await focusEditableField(view, propertyName);

  info("Pressing key VK_DOWN");
  const onSuggest = once(editor.input, "keypress");
  const onPopupOpened = once(editor.popup, "popup-opened");

  EventUtils.synthesizeKey("VK_DOWN", {}, view.styleWindow);

  info("Waiting for autocomplete popup to be displayed");
  await onSuggest;
  await onPopupOpened;

  ok(view.popup && view.popup.isOpen, "Popup should be opened");

  info("Reloading the page");
  await reloadBrowser();

  ok(!(view.popup && view.popup.isOpen), "Popup should be closed");
});