summaryrefslogtreecommitdiffstats
path: root/devtools/client/webconsole/test/node/components/filter-button.test.js
blob: 1600f43312a18fc33a7de90802d3ca6e98514bac (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";

const expect = require("expect");
const { render } = require("enzyme");

const {
  createFactory,
} = require("resource://devtools/client/shared/vendor/react.js");

const FilterButton = createFactory(
  require("resource://devtools/client/webconsole/components/FilterBar/FilterButton.js")
);
const {
  MESSAGE_LEVEL,
} = require("resource://devtools/client/webconsole/constants.js");

describe("FilterButton component:", () => {
  const props = {
    active: true,
    label: "Error",
    filterKey: MESSAGE_LEVEL.ERROR,
  };

  it("displays as active when turned on", () => {
    const wrapper = render(FilterButton(props));
    expect(wrapper.is("button")).toBe(true);
    expect(wrapper.hasClass("devtools-togglebutton")).toBe(true);
    expect(wrapper.attr("data-category")).toBe("error");
    expect(wrapper.attr("aria-pressed")).toBe("true");
    expect(wrapper.text()).toBe("Error");
  });

  it("displays as inactive when turned off", () => {
    const wrapper = render(FilterButton({ ...props, active: false }));
    expect(wrapper.is("button")).toBe(true);
    expect(wrapper.hasClass("devtools-togglebutton")).toBe(true);
    expect(wrapper.attr("data-category")).toBe("error");
    expect(wrapper.attr("aria-pressed")).toBe("false");
    expect(wrapper.text()).toBe("Error");
  });
});