summaryrefslogtreecommitdiffstats
path: root/devtools/client/application/test/node/components/manifest/components_application_panel-ManifestColorItem.test.js
blob: eac67ec19513def15e1bb7e511b231d3fc2915d4 (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Import libs
const { shallow } = require("enzyme");
const { createFactory } = require("react");

const ManifestColorItem = createFactory(
  require("resource://devtools/client/application/src/components/manifest/ManifestColorItem.js")
);

/*
 * Unit tests for the ManifestItem component
 */

describe("ManifestColorItem", () => {
  it("renders the expected snapshot for a populated color item", () => {
    const wrapper = shallow(
      ManifestColorItem({ label: "foo", value: "#ff0000" })
    );
    expect(wrapper).toMatchSnapshot();
  });

  it("renders the expected snapshot for an empty color item", () => {
    const wrapper = shallow(ManifestColorItem({ label: "foo" }));
    expect(wrapper).toMatchSnapshot();
  });

  it("strips opaque alpha from the displayed color", () => {
    const wrapper = shallow(
      ManifestColorItem({ label: "foo", value: "#00FF00FF" })
    );
    expect(wrapper).toMatchSnapshot();

    expect(wrapper.find(".manifest-item__color").text()).toBe("#00FF00");
  });

  it("does not strip translucent alpha from the displayed color", () => {
    const wrapper = shallow(
      ManifestColorItem({ label: "foo", value: "#00FF00FA" })
    );
    expect(wrapper).toMatchSnapshot();

    expect(wrapper.find(".manifest-item__color").text()).toBe("#00FF00FA");
  });
});