path: root/devtools/client/webconsole/test/browser_webconsole_bug_632817.js

/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

// Tests that Web console messages can be filtered for NET events.

"use strict";

const TEST_NETWORK_REQUEST_URI =
  "https://example.com/browser/devtools/client/webconsole/test/" +
  "test-network-request.html";

const TEST_IMG = "http://example.com/browser/devtools/client/webconsole/" +
                 "test/test-image.png";

const TEST_DATA_JSON_CONTENT =
  '{ id: "test JSON data", myArray: [ "foo", "bar", "baz", "biff" ] }';

const TEST_URI = "data:text/html;charset=utf-8,Web Console network logging " +
                 "tests";

const PAGE_REQUEST_PREDICATE =
  ({ request }) => request.url.endsWith("test-network-request.html");

const TEST_DATA_REQUEST_PREDICATE =
  ({ request }) => request.url.endsWith("test-data.json");

const XHR_WARN_REQUEST_PREDICATE =
  ({ request }) => request.url.endsWith("sjs_cors-test-server.sjs");

let hud;

add_task(function*() {
  const PREF = "devtools.webconsole.persistlog";
  const NET_PREF = "devtools.webconsole.filter.networkinfo";
  const NETXHR_PREF = "devtools.webconsole.filter.netxhr";
  const MIXED_AC_PREF = "security.mixed_content.block_active_content";
  let original = Services.prefs.getBoolPref(NET_PREF);
  let originalXhr = Services.prefs.getBoolPref(NETXHR_PREF);
  let originalMixedActive = Services.prefs.getBoolPref(MIXED_AC_PREF);
  Services.prefs.setBoolPref(NET_PREF, true);
  Services.prefs.setBoolPref(NETXHR_PREF, true);
  Services.prefs.setBoolPref(MIXED_AC_PREF, false);
  Services.prefs.setBoolPref(PREF, true);
  registerCleanupFunction(() => {
    Services.prefs.setBoolPref(NET_PREF, original);
    Services.prefs.setBoolPref(NETXHR_PREF, originalXhr);
    Services.prefs.setBoolPref(MIXED_AC_PREF, originalMixedActive);
    Services.prefs.clearUserPref(PREF);
    hud = null;
  });

  yield loadTab(TEST_URI);
  hud = yield openConsole();

  yield testPageLoad();
  yield testXhrGet();
  yield testXhrWarn();
  yield testXhrPost();
  yield testFormSubmission();
  yield testLiveFilteringOnSearchStrings();
});

function testPageLoad() {

  BrowserTestUtils.loadURI(gBrowser.selectedBrowser, TEST_NETWORK_REQUEST_URI);
  let lastRequest = yield waitForFinishedRequest(PAGE_REQUEST_PREDICATE);

  // Check if page load was logged correctly.
  ok(lastRequest, "Page load was logged");
  is(lastRequest.request.url, TEST_NETWORK_REQUEST_URI,
    "Logged network entry is page load");
  is(lastRequest.request.method, "GET", "Method is correct");
}

function testXhrGet() {
  // Start the XMLHttpRequest() GET test.
  ContentTask.spawn(gBrowser.selectedBrowser, {}, function*() {
    content.wrappedJSObject.testXhrGet();
  });

  let lastRequest = yield waitForFinishedRequest(TEST_DATA_REQUEST_PREDICATE);

  ok(lastRequest, "testXhrGet() was logged");
  is(lastRequest.request.method, "GET", "Method is correct");
  ok(lastRequest.isXHR, "It's an XHR request");
}

function testXhrWarn() {
  // Start the XMLHttpRequest() warn test.
  ContentTask.spawn(gBrowser.selectedBrowser, {}, function*() {
    content.wrappedJSObject.testXhrWarn();
  });

  let lastRequest = yield waitForFinishedRequest(XHR_WARN_REQUEST_PREDICATE);
  if (lastRequest.request.method == "HEAD") {
    lastRequest = yield waitForFinishedRequest(XHR_WARN_REQUEST_PREDICATE);
  }

  ok(lastRequest, "testXhrWarn() was logged");
  is(lastRequest.request.method, "GET", "Method is correct");
  ok(lastRequest.isXHR, "It's an XHR request");
  is(lastRequest.securityInfo, "insecure", "It's an insecure request");
}

function testXhrPost() {
  // Start the XMLHttpRequest() POST test.
  ContentTask.spawn(gBrowser.selectedBrowser, {}, function*() {
    content.wrappedJSObject.testXhrPost();
  });

  let lastRequest = yield waitForFinishedRequest(TEST_DATA_REQUEST_PREDICATE);

  ok(lastRequest, "testXhrPost() was logged");
  is(lastRequest.request.method, "POST", "Method is correct");
  ok(lastRequest.isXHR, "It's an XHR request");
}

function testFormSubmission() {
  // Start the form submission test. As the form is submitted, the page is
  // loaded again. Bind to the load event to catch when this is done.
  ContentTask.spawn(gBrowser.selectedBrowser, {}, function*() {
    let form = content.document.querySelector("form");
    ok(form, "we have the HTML form");
    form.submit();
  });

  // The form POSTs to the page URL but over https (page over http).
  let lastRequest = yield waitForFinishedRequest(PAGE_REQUEST_PREDICATE);

  ok(lastRequest, "testFormSubmission() was logged");
  is(lastRequest.request.method, "POST", "Method is correct");

  // There should be 3 network requests pointing to the HTML file.
  waitForMessages({
    webconsole: hud,
    messages: [
      {
        text: "test-network-request.html",
        category: CATEGORY_NETWORK,
        severity: SEVERITY_LOG,
        count: 3,
      },
      {
        text: "test-data.json",
        category: CATEGORY_NETWORK,
        severity: SEVERITY_INFO,
        isXhr: true,
        count: 2,
      },
      {
        text: "http://example.com/",
        category: CATEGORY_NETWORK,
        severity: SEVERITY_WARNING,
        isXhr: true,
        count: 1,
      },
    ],
  });
}

function testLiveFilteringOnSearchStrings() {
  setStringFilter("http");
  isnot(countMessageNodes(), 0, "the log nodes are not hidden when the " +
    "search string is set to \"http\"");

  setStringFilter("HTTP");
  isnot(countMessageNodes(), 0, "the log nodes are not hidden when the " +
    "search string is set to \"HTTP\"");

  setStringFilter("hxxp");
  is(countMessageNodes(), 0, "the log nodes are hidden when the search " +
    "string is set to \"hxxp\"");

  setStringFilter("ht tp");
  isnot(countMessageNodes(), 0, "the log nodes are not hidden when the " +
    "search string is set to \"ht tp\"");

  setStringFilter("");
  isnot(countMessageNodes(), 0, "the log nodes are not hidden when the " +
    "search string is removed");

  setStringFilter("json");
  is(countMessageNodes(), 2, "the log nodes show only the nodes with \"json\"");

  setStringFilter("'foo'");
  is(countMessageNodes(), 0, "the log nodes are hidden when searching for " +
    "the string 'foo'");

  setStringFilter("foo\"bar'baz\"boo'");
  is(countMessageNodes(), 0, "the log nodes are hidden when searching for " +
    "the string \"foo\"bar'baz\"boo'\"");
}

function countMessageNodes() {
  let messageNodes = hud.outputNode.querySelectorAll(".message");
  let displayedMessageNodes = 0;
  let view = hud.iframeWindow;
  for (let i = 0; i < messageNodes.length; i++) {
    let computedStyle = view.getComputedStyle(messageNodes[i], null);
    if (computedStyle.display !== "none") {
      displayedMessageNodes++;
    }
  }

  return displayedMessageNodes;
}

function setStringFilter(value) {
  hud.ui.filterBox.value = value;
  hud.ui.adjustVisibilityOnSearchStringChange();
}