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
|
/* 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 {
setupStore,
} = require("resource://devtools/client/application/test/node/helpers.js");
const {
PAGE_TYPES,
} = require("resource://devtools/client/application/src/constants.js");
const SidebarItem = createFactory(
require("resource://devtools/client/application/src/components/routing/SidebarItem.js")
);
/**
* Test for SidebarItem.js component
*/
describe("SidebarItem", () => {
function buildStoreWithSelectedPage(selectedPage) {
return setupStore({
ui: {
selectedPage,
},
});
}
it("renders the expected snapshot when the manifest page is selected", () => {
const store = buildStoreWithSelectedPage(PAGE_TYPES.MANIFEST);
const wrapper = shallow(
SidebarItem({
store,
page: "manifest",
isSelected: true,
})
).dive();
expect(wrapper).toMatchSnapshot();
});
it("renders the expected snapshot when the service-workers page is selected", () => {
const store = buildStoreWithSelectedPage(PAGE_TYPES.SERVICE_WORKERS);
const wrapper = shallow(
SidebarItem({
store,
isSelected: true,
page: "service-workers",
})
).dive();
expect(wrapper).toMatchSnapshot();
});
it("renders the expected snapshot when the manifest page is not selected", () => {
const store = buildStoreWithSelectedPage(PAGE_TYPES.MANIFEST);
const wrapper = shallow(
SidebarItem({
store,
isSelected: false,
page: "manifest",
})
).dive();
expect(wrapper).toMatchSnapshot();
});
it("renders the expected snapshot when the service-workers page is not selected", () => {
const store = buildStoreWithSelectedPage(PAGE_TYPES.SERVICE_WORKERS);
const wrapper = shallow(
SidebarItem({
store,
isSelected: false,
page: "service-workers",
})
).dive();
expect(wrapper).toMatchSnapshot();
});
});
|
