summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/compatibility/test/node/components/components-compatibility-CompatibilityApp.test.js
blob: 2b9da316cfa6950e24fe84031b8edb379eb0962f (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**
 * Unit tests for the CompatibilityApp component.
 */

const { shallow } = require("enzyme");
const {
  createFactory,
} = require("resource://devtools/client/shared/vendor/react.js");
const {
  thunk,
} = require("resource://devtools/client/shared/redux/middleware/thunk.js");
const configureStore = require("redux-mock-store").default;

const CompatibilityApp = createFactory(
  require("resource://devtools/client/inspector/compatibility/components/CompatibilityApp.js")
);

describe("CompatibilityApp component", () => {
  it("renders zero issues", () => {
    const mockStore = configureStore([thunk()]);
    const store = mockStore({
      compatibility: {
        selectedNodeIssues: [],
        topLevelTargetIssues: [],
      },
    });

    const withLocalizationWrapper = shallow(CompatibilityApp({ store }));
    const connectWrapper = withLocalizationWrapper.dive();
    const targetComponent = connectWrapper.dive();
    expect(targetComponent).toMatchSnapshot();
  });

  it("renders with settings", () => {
    const mockStore = configureStore([thunk()]);
    const store = mockStore({
      compatibility: {
        isSettingsVisibile: true,
        selectedNodeIssues: [],
        topLevelTargetIssues: [],
      },
    });

    const withLocalizationWrapper = shallow(CompatibilityApp({ store }));
    const connectWrapper = withLocalizationWrapper.dive();
    const targetComponent = connectWrapper.dive();
    expect(targetComponent).toMatchSnapshot();
  });
});