github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(tests): add missing tests for main modal

Browse Source
This commit is contained in:
Łukasz Mierzwa
2018-08-25 22:15:49 +01:00
parent b961dcca6a
commit 1860394743
1 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
ui/src/Components/MainModal/index.test.js
View File

@@ -1,6 +1,6 @@
import React from "react";
import { shallow } from "enzyme";
import { shallow, mount } from "enzyme";
import { AlertStore } from "Stores/AlertStore";
import { Settings } from "Stores/Settings";
@@ -14,27 +14,33 @@ beforeEach(() => {
settingsStore = new Settings();
});
const RenderMainModal = () => {
const ShallowMainModal = () => {
return shallow(
<MainModal alertStore={alertStore} settingsStore={settingsStore} />
);
};
const MountedMainModal = () => {
return mount(
<MainModal alertStore={alertStore} settingsStore={settingsStore} />
);
};
describe("<MainModal />", () => {
it("only renders FontAwesomeIcon when modal is not shown", () => {
const tree = RenderMainModal();
const tree = ShallowMainModal();
expect(tree.text()).toBe("<FontAwesomeIcon />");
});
it("renders the modal when it is shown", () => {
const tree = RenderMainModal();
const tree = ShallowMainModal();
const toggle = tree.find(".nav-link");
toggle.simulate("click");
expect(tree.text()).toBe("<FontAwesomeIcon /><MainModalContent />");
});
it("hides the modal when toggle() is called twice", () => {
const tree = RenderMainModal();
const tree = ShallowMainModal();
const toggle = tree.find(".nav-link");
toggle.simulate("click");
toggle.simulate("click");
@@ -42,7 +48,7 @@ describe("<MainModal />", () => {
});
it("hides the modal when hide() is called", () => {
const tree = RenderMainModal();
const tree = ShallowMainModal();
const toggle = tree.find(".nav-link");
toggle.simulate("click");
expect(tree.text()).toBe("<FontAwesomeIcon /><MainModalContent />");
@@ -50,4 +56,27 @@ describe("<MainModal />", () => {
instance.toggle.hide();
expect(tree.text()).toBe("<FontAwesomeIcon />");
});
it("'modal-open' class is appended to body node when modal is visible", () => {
const tree = MountedMainModal();
const toggle = tree.find(".nav-link");
toggle.simulate("click");
expect(document.body.className.split(" ")).toContain("modal-open");
});
it("'modal-open' class is removed from body node after modal is hidden", () => {
const tree = MountedMainModal();
const toggle = tree.find(".nav-link");
toggle.simulate("click");
toggle.simulate("click");
expect(document.body.className.split(" ")).not.toContain("modal-open");
});
it("'modal-open' class is removed from body node after modal is unmounted", () => {
const tree = MountedMainModal();
const toggle = tree.find(".nav-link");
toggle.simulate("click");
tree.unmount();
expect(document.body.className.split(" ")).not.toContain("modal-open");
});
});