devtools/client/netmonitor/test/browser_net_basic-search.js

   1 /* Any copyright is dedicated to the Public Domain.
   2   http://creativecommons.org/publicdomain/zero/1.0/ */
   3
   4 "use strict";
   5
   6 /**
   7  * Test basic search functionality.
   8  * Search panel is visible and number of expected results are returned.
   9  */
  10
  11 add_task(async function () {
  12   await pushPref("devtools.netmonitor.features.search", true);
  13
  14   const { tab, monitor } = await initNetMonitor(HTTPS_CUSTOM_GET_URL, {
  15     requestCount: 1,
  16   });
  17   info("Starting test... ");
  18
  19   const { document, store, windowRequire } = monitor.panelWin;
  20
  21   // Action should be processed synchronously in tests.
  22   const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
  23   store.dispatch(Actions.batchEnable(false));
  24
  25   // Execute two XHRs (the same URL) and wait till it's finished.
  26   const URL = HTTPS_SEARCH_SJS + "?value=test";
  27   const wait = waitForNetworkEvents(monitor, 2);
  28
  29   await SpecialPowers.spawn(tab.linkedBrowser, [URL], async function (url) {
  30     content.wrappedJSObject.performRequests(2, url);
  31   });
  32   await wait;
  33
  34   const searchButton = document.querySelector(".devtools-search-icon");
  35   is(
  36     searchButton.getAttribute("aria-pressed"),
  37     "false",
  38     "The search toolbar button should not be highlighted"
  39   );
  40
  41   // Open the Search panel
  42   searchButton.click();
  43
  44   // Wait till the panel opens.
  45   await waitForDOMIfNeeded(document, ".search-panel");
  46
  47   is(
  48     searchButton.getAttribute("aria-pressed"),
  49     "true",
  50     "The search toolbar button should now be highlighted"
  51   );
  52   is(
  53     document
  54       .querySelector(".requests-list-blocking-button")
  55       .getAttribute("aria-pressed"),
  56     "false",
  57     "The block toolbar button should not be highlighted"
  58   );
  59   is(
  60     document
  61       .querySelector(".devtools-http-custom-request-icon")
  62       .getAttribute("aria-pressed"),
  63     "false",
  64     "The custom request toolbar button should not be highlighted"
  65   );
  66
  67   // Fill Filter input with text and check displayed messages.
  68   // The filter should be focused automatically.
  69   typeInNetmonitor("test", monitor);
  70   EventUtils.synthesizeKey("KEY_Enter");
  71
  72   // Wait till there are two resources rendered in the results.
  73   await waitForDOMIfNeeded(
  74     document,
  75     ".search-panel-content .treeRow.resourceRow",
  76     2
  77   );
  78
  79   // Click on the first resource to expand it
  80   AccessibilityUtils.setEnv({
  81     // Keyboard users use arrow keys to expand/collapse tree items.
  82     // Accessibility is handled on the container level.
  83     mustHaveAccessibleRule: false,
  84   });
  85   EventUtils.sendMouseEvent(
  86     { type: "click" },
  87     document.querySelector(".search-panel-content .treeRow .treeIcon")
  88   );
  89   AccessibilityUtils.resetEnv();
  90
  91   // Check that there is 5 matches.
  92   const matches = document.querySelectorAll(
  93     ".search-panel-content .treeRow.resultRow"
  94   );
  95   is(matches.length, 5, "There must be 5 matches");
  96
  97   await teardown(monitor);
  98 });