summaryrefslogtreecommitdiff
path: root/browser/devtools/webconsole/test/browser_webconsole_bug_611795.js
blob: 6eb5177e5c92cd9fb647b423d5f2489e7f703032 (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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/* vim:set ts=2 sw=2 sts=2 et: */
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

const TEST_URI = 'data:text/html;charset=utf-8,<div style="-moz-opacity:0;">test repeated' +
                 ' css warnings</div><p style="-moz-opacity:0">hi</p>';

function onContentLoaded()
{
  browser.removeEventListener("load", onContentLoaded, true);

  let HUD = HUDService.getHudByWindow(content);
  let jsterm = HUD.jsterm;
  let outputNode = HUD.outputNode;

  let cssWarning = "Unknown property '-moz-opacity'.  Declaration dropped.";
  let textFound = false;
  let repeats = 0;

  function displayResults()
  {
    ok(textFound, "css warning was found");
    is(repeats, 2, "The unknown CSS property warning is displayed only once");
  }

  waitForSuccess({
    name: "2 repeated CSS warnings",
    validatorFn: () => {
      let node = outputNode.querySelector(".webconsole-msg-cssparser");
      if (!node) {
        return false;
      }

      textFound = node.textContent.indexOf(cssWarning) > -1;
      repeats = node.querySelector(".webconsole-msg-repeat")
                .getAttribute("value");
      return textFound && repeats == 2;
    },
    successFn: () => {
      displayResults();
      testConsoleLogRepeats();
    },
    failureFn: () => {
      displayResults();
      finishTest();
    },
  });
}

function testConsoleLogRepeats()
{
  let HUD = HUDService.getHudByWindow(content);
  let jsterm = HUD.jsterm;
  let outputNode = HUD.outputNode;

  jsterm.clearOutput();

  jsterm.setInputValue("for (let i = 0; i < 10; ++i) console.log('this is a line of reasonably long text that I will use to verify that the repeated text node is of an appropriate size.');");
  jsterm.execute();

  waitForSuccess({
    timeout: 10000,
    name: "10 repeated console.log messages",
    validatorFn: function()
    {
      let node = outputNode.querySelector(".webconsole-msg-console");
      return node && node.childNodes[3].firstChild.getAttribute("value") == 10;
    },
    successFn: finishTest,
    failureFn: function() {
      info("output content: " + outputNode.textContent);
      finishTest();
    },
  });
}

/**
 * Unit test for bug 611795:
 * Repeated CSS messages get collapsed into one.
 */
function test()
{
  addTab(TEST_URI);
  browser.addEventListener("load", function onLoad() {
    browser.removeEventListener("load", onLoad, true);
    openConsole(null, function(aHud) {
      // Clear cached messages that are shown once the Web Console opens.
      aHud.jsterm.clearOutput(true);
      browser.addEventListener("load", onContentLoaded, true);
      content.location.reload();
    });
  }, true);
}