summaryrefslogtreecommitdiff
path: root/browser/devtools/styleeditor/test/browser_styleeditor_enabled.js
blob: faa6873733f356f80eb83e6d958500af3ed9a384 (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
/* vim: set ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

// https rather than chrome to improve coverage
const TESTCASE_URI = TEST_BASE_HTTPS + "simple.html";

function test()
{
  waitForExplicitFinish();

  let count = 0;
  addTabAndOpenStyleEditor(function(panel) {
    let UI = panel.UI;
    UI.on("editor-added", function(event, editor) {
      count++;
      if (count == 2) {
        // we test against first stylesheet after all are ready
        let editor = UI.editors[0];
        editor.getSourceEditor().then(runTests.bind(this, UI, editor));
      }
    })
  });

  content.location = TESTCASE_URI;
}

function runTests(UI, editor)
{
  testEnabledToggle(UI, editor);
}

function testEnabledToggle(UI, editor)
{
  let summary = editor.summary;
  let enabledToggle = summary.querySelector(".stylesheet-enabled");
  ok(enabledToggle, "enabled toggle button exists");

  is(editor.styleSheet.disabled, false,
     "first stylesheet is initially enabled");

  is(summary.classList.contains("disabled"), false,
     "first stylesheet is initially enabled, UI does not have DISABLED class");

  let disabledToggleCount = 0;
  editor.on("property-change", function(event, property) {
    if (property != "disabled") {
      return;
    }
    disabledToggleCount++;

    if (disabledToggleCount == 1) {
      is(editor.styleSheet.disabled, true, "first stylesheet is now disabled");
      is(summary.classList.contains("disabled"), true,
         "first stylesheet is now disabled, UI has DISABLED class");

      // now toggle it back to enabled
      waitForFocus(function () {
        EventUtils.synthesizeMouseAtCenter(enabledToggle, {}, gPanelWindow);
      }, gPanelWindow);
      return;
    }

    // disabledToggleCount == 2
    is(editor.styleSheet.disabled, false, "first stylesheet is now enabled again");
    is(summary.classList.contains("disabled"), false,
       "first stylesheet is now enabled again, UI does not have DISABLED class");

    finish();
  });

  waitForFocus(function () {
    EventUtils.synthesizeMouseAtCenter(enabledToggle, {}, gPanelWindow);
  }, gPanelWindow);
}