diff options
Diffstat (limited to '')
-rw-r--r-- | devtools/client/inspector/compatibility/test/node/components/components-compatibility-Settings.test.js | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/devtools/client/inspector/compatibility/test/node/components/components-compatibility-Settings.test.js b/devtools/client/inspector/compatibility/test/node/components/components-compatibility-Settings.test.js new file mode 100644 index 0000000000..57db4cba67 --- /dev/null +++ b/devtools/client/inspector/compatibility/test/node/components/components-compatibility-Settings.test.js @@ -0,0 +1,71 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +/** + * Unit tests for the Settings 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 Settings = createFactory( + require("resource://devtools/client/inspector/compatibility/components/Settings.js") +); + +const DEFAULT_BROWSERS = [ + { id: "firefox", name: "Firefox", status: "nightly", version: "78" }, + { id: "firefox", name: "Firefox", status: "beta", version: "77" }, + { id: "firefox", name: "Firefox", status: "current", version: "76" }, +]; + +describe("Settings component", () => { + it("renders default browsers with no selected browsers", () => { + const mockStore = configureStore([thunk()]); + const store = mockStore({ + compatibility: { + defaultTargetBrowsers: DEFAULT_BROWSERS, + targetBrowsers: [], + }, + }); + + const connectWrapper = shallow(Settings({ store })); + const targetComponent = connectWrapper.dive(); + expect(targetComponent).toMatchSnapshot(); + }); + + it("renders default browsers with a selected browsers", () => { + const mockStore = configureStore([thunk()]); + const store = mockStore({ + compatibility: { + defaultTargetBrowsers: DEFAULT_BROWSERS, + targetBrowsers: [DEFAULT_BROWSERS[1]], + }, + }); + + const connectWrapper = shallow(Settings({ store })); + const targetComponent = connectWrapper.dive(); + expect(targetComponent).toMatchSnapshot(); + }); + + it("renders default browsers with full selected browsers", () => { + const mockStore = configureStore([thunk()]); + const store = mockStore({ + compatibility: { + defaultTargetBrowsers: DEFAULT_BROWSERS, + targetBrowsers: DEFAULT_BROWSERS, + }, + }); + + const connectWrapper = shallow(Settings({ store })); + const targetComponent = connectWrapper.dive(); + expect(targetComponent).toMatchSnapshot(); + }); +}); |