summaryrefslogtreecommitdiffstats
path: root/devtools/client/netmonitor/test/browser_net_autoscroll.js
blob: 9abb3fd17ce55fe108757ea400b01eaabab1fc7b (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**
 * Bug 863102 - Automatically scroll down upon new network requests.
 */
add_task(function* () {
  requestLongerTimeout(2);

  let { monitor } = yield initNetMonitor(INFINITE_GET_URL);
  let win = monitor.panelWin;
  let topNode = win.document.getElementById("requests-menu-contents");
  let requestsContainer = topNode.getElementsByTagName("scrollbox")[0];
  ok(!!requestsContainer, "Container element exists as expected.");

  // (1) Check that the scroll position is maintained at the bottom
  // when the requests overflow the vertical size of the container.
  yield waitForRequestsToOverflowContainer();
  yield waitForScroll();
  ok(scrolledToBottom(requestsContainer), "Scrolled to bottom on overflow.");

  // (2) Now set the scroll position somewhere in the middle and check
  // that additional requests do not change the scroll position.
  let children = requestsContainer.childNodes;
  let middleNode = children.item(children.length / 2);
  middleNode.scrollIntoView();
  ok(!scrolledToBottom(requestsContainer), "Not scrolled to bottom.");
  // save for comparison later
  let scrollTop = requestsContainer.scrollTop;
  yield waitForNetworkEvents(monitor, 8);
  yield waitSomeTime();
  is(requestsContainer.scrollTop, scrollTop, "Did not scroll.");

  // (3) Now set the scroll position back at the bottom and check that
  // additional requests *do* cause the container to scroll down.
  requestsContainer.scrollTop = requestsContainer.scrollHeight;
  ok(scrolledToBottom(requestsContainer), "Set scroll position to bottom.");
  yield waitForNetworkEvents(monitor, 8);
  yield waitForScroll();
  ok(scrolledToBottom(requestsContainer), "Still scrolled to bottom.");

  // (4) Now select an item in the list and check that additional requests
  // do not change the scroll position.
  monitor.panelWin.NetMonitorView.RequestsMenu.selectedIndex = 0;
  yield waitForNetworkEvents(monitor, 8);
  yield waitSomeTime();
  is(requestsContainer.scrollTop, 0, "Did not scroll.");

  // Done: clean up.
  yield teardown(monitor);

  function* waitForRequestsToOverflowContainer() {
    while (true) {
      yield waitForNetworkEvents(monitor, 1);
      if (requestsContainer.scrollHeight > requestsContainer.clientHeight) {
        return;
      }
    }
  }

  function scrolledToBottom(element) {
    return element.scrollTop + element.clientHeight >= element.scrollHeight;
  }

  function waitSomeTime() {
    // Wait to make sure no scrolls happen
    return wait(50);
  }

  function waitForScroll() {
    return monitor._view.RequestsMenu.widget.once("scroll-to-bottom");
  }
});